leaflet - 单击时更改功能实例

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
});