image.png
此圖片是vue3定義的公共hooks文件
var map = null; // 地圖實例
var wms = null; // wms實例
const state = reactive({
baiduRef: null, // 地圖
point: null,
mapTypeValue: 'BMAP_NORMAL_MAP', // 地圖類型
baseOpts: {
fillColor: '#fff',
strokeWeight: 5,
strokeOpacity: 1,
fillOpacity: 0.2
},
select: null,
scene: null,
centerPoint: null, // 需要放大或縮小的中心點坐標
toolType: '1',
distance: null, // 測量距離實例
measure: null, // 測量面積實例
})
原因:
map地圖的實列不能放到state里面,目前不知道原因,定義變量,存入變量中就可以了!
其實最好把所有定義的實列都放到變量里,不然不知道會不會出現(xiàn)別的問題
還有種辦法就是定義ref,比如上面的map實列可以寫為:
var map = ref(null) // 只要別放入reactive就行
記錄一下,找了好久沒發(fā)現(xiàn)原因~