单击时更改功能实例

Question

我正在尝试找到一种方法来更改 Leaflet geoJson Feature 的实例，然后将其添加到地图中。

这就是我想要实现的目标：

使用 L.GeoJson 导入数据，我正在使用 pointToLayer 将标记更改为 L.CircleMarker

现在我想要

layer.on('click', function (e) {
   e.target //Do something here to change it from L.CircleMarker to L.Marker
});

知道如何实现吗？

Answer 1

var group = L.geoJSON(); // Your geojson group on importing
layer.on('click', function (e) {
   var circlemarker = e.target //Do something here to change it from L.CircleMarker to L.Marker
   var marker = L.marker(circlemarker.getLatLng()).addTo(group);
   marker.feature = circlemarker.feature
   circlemarker.removeFrom(group)
   // Then add the same events to the layer as in pointToLayer
});