Question

我想在点击某个功能时允许用户编辑功能属性。我知道ArcGIS JS API有一个非常好的实现，但我不能使用ArcGIS JS，因为我的功能是从geojson创建的。在这一点上，我唯一拥有的是这个bindPopup窗口，我想扩展它，以便用户可以实际选择一个属性并进行编辑。

我看过this帖子，但不知道如何将它应用到我的案例中。谷歌搜索也没有帮助不幸。

这是我的脚本，带有一个简单的弹出窗口。任何帮助将受到高度赞赏。

<script>
  var map = L.map('map').setView([52.52,13.384], 13);
  L.tileLayer('http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png').addTo(map);

  function onEachFeature(feature, layer) {
  if (feature.properties) {
      layer.bindPopup("<b>" + feature.properties.linkstr + "</b> has flow " + feature.properties.flow + ".");
    }
  }

  var streets = new L.geoJson(arcs, {
      onEachFeature: onEachFeature
  }).addTo(map);
</script>

Answer 1

这是一个非常简单粗暴的例子，希望能指出你正确的方向。在onEachFeature函数中，您可以直接访问该功能，以便进行编辑：

function onEachFeature (feature, layer) {
    // Create an input
    var input = L.DomUtil.create('input', 'my-input');
    // Set a feature property as value
    input.value = feature.properties.name;
    // Add a listener to watch for change on input
    L.DomEvent.addListener(input, 'change', function () {
        // Input changed, change property value
        feature.properties.name = input.value;
    });
    // Bind popup to layer with input
    layer.bindPopup(input);
}

以下是关于Plunker的示例：http://plnkr.co/edit/VzUfSD?p=preview

在传单

1 个答案: