85 lines
2.1 KiB
Vue
85 lines
2.1 KiB
Vue
<template>
|
|
<view class="app-content">
|
|
<view id="map" style="width: 100%;height: 100%;"></view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
let mypoint = require('@/static/img/mypoint.png');
|
|
export default {
|
|
name: "uMapView",
|
|
props: {
|
|
latitude: {
|
|
required: true,
|
|
},
|
|
longitude: {
|
|
required: true,
|
|
},
|
|
zoom: {
|
|
type: Number,
|
|
required: false,
|
|
default: 10,
|
|
},
|
|
maxZoom: {
|
|
type: Number,
|
|
required: false,
|
|
default: 20,
|
|
},
|
|
minZoom: {
|
|
type: Number,
|
|
required: false,
|
|
default: 0,
|
|
},
|
|
ScaleZoom: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false,
|
|
},
|
|
MapUrl: { // 瓦片地图URL
|
|
type: String,
|
|
required: true,
|
|
default: '',
|
|
},
|
|
flagTip: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false,
|
|
},
|
|
open: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false,
|
|
},
|
|
init: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: true,
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
// 实例化对象
|
|
map: null,
|
|
addPointsSource: null,
|
|
vectorSource: null,
|
|
vectorSourceIcon: null,
|
|
vectorLayerIcon: null,
|
|
selectInteraction: null,
|
|
helpTooltipElement: null,
|
|
helpTooltip: null,
|
|
isclearPoint: null,
|
|
overlay: null,
|
|
// 控制参数
|
|
isShowToolTip: false,
|
|
};
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
methods: {}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |