javascript - Leaflet L.geoJSON 可拖动

Question

你好，我正在为每个形状做可拖动的功能。可拖动功能移动成功，但选定的几何形状或标记未删除。问题创建编辑案例

var polygon = L.polygon(latlngs, { color: "red", draggable: true }).addTo(map);

L.geoJSON(data, {
  style: polystyle
})
  .bindPopup(function(layer) {
    var marker = L.marker(layer.getLatLng(), {
      color: "red",
      draggable: true
    }).addTo(map);

    marker.on("dragend", function(e) {
      var newMarker = e.target;
      var position = newMarker.getLatLng();
      map.panTo(new L.LatLng(position.lat, position.lng));
      newMarker
        .setLatLng(position, {
          draggable: "true"
        })
        .bindPopup(position)
        .update();
      map.addLayer(newMarker);
    });
  })
  .addTo(map);

数据变量存储的形状不同。

Answer 1

您正在使用两次变量声明 vardrawItems = L.geoJSON(data, {}); 仅声明一次