vue3 leaflet this._map is null,this._map is undefined,listener not found ，cannot read property 'getZoomScale' of null此类问题

vue3 leaflet this._map is null,this._map is undefined,listener not found Cannot read properties of null (reading '_latLngToNewLayerPoint')此类问题

这个是vue3 的变量深监听所导致的，vue2就没有此类的问题发生

解决方法：加 toRow() 代理变量

引入 import  {toRow} from 'vue'

初始化map

this.map = L.map('map',{})  

在return{map,layer} 定义的变量,然后所有用到addlayer,removeLayer,clearLayers的方法的，

都应该用toRaw(this.map);

marker.addTo(toRow(this.map));

toRow(this.map).addLayer();

toRow(this.layer).addLayer(...)

 

注：（初始化map,不用加toRow(this.map)），只有用到的方法才加代理。