Problem mit Leaflet und Leaflet Draw: Nicht erfasster TypeError: Eigenschaft (read 'length') von undefiniert in vue-leaflet.draw.js kann nicht gelesen werden? 20d6:8
mounted() {
this.initMap();
},
methods: {
initMap() {
this.map = L.map('mapContainer').setView([48.856663, 2.351556], 12);
this.tileLayer = L.tileLayer(
"https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}",
{
attribution: '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery (c) <a href="https://www.mapbox.com/">Mapbox</a>',
maxZoom: 18,
id: "mapbox/satellite-streets-v11",
accessToken: "token",
}
);
this.tileLayer.addTo(this.map);
var drawnItems = new L.FeatureGroup();
this.map.addLayer(drawnItems);
var drawControl = new L.Control.Draw({
edit: {
featureGroup: drawnItems
}
});
this.map.addControl(drawControl);
this.map.on(L.Draw.Event.CREATED, function(event){
let layer = event.layer;
console.log(`start ${layer}`);
drawnItems.addLayer((layer))
})
},
},
}
leaflet.draw.js?20d6:8 Nicht erfasster TypeError: Eigenschaft von undefiniert kann nicht gelesen werden (lesen Sie „Länge“)
Nach der ersten Interaktion mit der Karte erscheint ein Fehler in der Konsole und die Form kann nicht mehr gezeichnet werden
UPD: Wechseln Sie zur Mapbox-Zeichnung
