Me encuentro con un error en Leaflet en Vue 3 cada vez que trato de acercar o alejar cuando se cierra una ventana emergente. El error en Mozilla:
TypeError no detectado: this._map es nulo Popup.js
y el error en Chrome
TypeError no capturado: no se pueden leer las propiedades de nulo (leyendo '_latLngToNewLayerPoint') Popup.js
Aparte de esto, en algunos casos cuando ocurre el error, los marcadores en el mapa dejan de moverse con la animación de zoom mientras se acerca y se aleja. Una de las soluciones fue configurar soomAnimation como falso, lo cual no puedo hacer, necesito las animaciones en mi interfaz de usuario. También probé una solución para desenvolver/desproxyear adecuadamente this.map antes de usarlo con Leaflet donde cambié todas las instancias de this.map en mi script a toRaw(this.map) pero el error aún persiste.
L.geoJSON(geoJson, { onEachFeature: function (feature, layer) { self.onEachFeature(feature, layer); layer.on({ click: self.clickMarker, }); }, }).addTo(self.markerLayer); self.markerLayer.addTo(toRaw(self.map));También he intentado actualizar Leaflet pero nada funciona. Por favor ayuda
Probablemente necesite hacer el mismo proceso de desempaquetado cada vez que se refiera a un objeto que también almacene en su estado de componente Vue3, como self.markerLayer , y de manera similar si los usa dentro de sus métodos self.onEachFeature y self.clickMarker .