Question

这是我的GeoJSON观点：

{
  "type": "Feature",
  "geometry": {
    "type": "Point",
    "coordinates": [
      "-83.882517",
      "32.55514717"
    ]
  },
  "properties": {
    "popupContent": "\u003cb\u003eStart OS:(2018-01-25-06.10.46.140000 )\u003c/b\u003e\u003cbr/\u003e(-83.882517, 32.55514717)\u003cbr/\u003e",
    "style": {
      "radius": 8,
      "weight": 1,
      "color": "#000033",
      "fillColor": "#FFFF00",
      "opacity": 1,
      "fillOpacity": 1
    },
    "icon": null
  },
  "id": 5001
},

现在，正如您所看到的那样，元素有"icon": null。如何访问特定元素并更改其图标（使用XXX.setIcon(trainIcon);）？

我不了解如何访问单个元素并更改其某些值。所有要素点都是同一层的一部分。

谢谢！

Answer 1

如果我理解正确，您可以通过将其提供给L.geoJSON工厂，在Leaflet地图上显示GeoJSON数据。

但在某些情况下，您的GeoJSON数据未在功能属性中指定正确的icon，因此您希望修改它们。

当然，理想的做法是事先修复GeoJSON数据，而不是尝试在运行时修复这种情况。但是，如果由于某种原因您无法修改GeoJSON数据，您仍然可以使用Leaflet获得几种可能的解决方案：

使用L.geoJSON工厂的onEachFeature选项，测试feature.properties.icon是否不正确，然后重新分配标记图标。
使用已创建的L.geoJSON图层组的eachLayer方法，测试layer.feature.properties.icon是否不正确，然后重新分配标记图标。

由于您的功能也有ID，如果您知道需要返工的功能的ID，您也可以测试此ID而不是properties.icon。

Answer 2

理想情况下，您可以将geoJSON配置为至少返回初始图标，您可以通过跟踪集合中的L.marker个对象，然后在需要时调用setIcon()来处理此问题。更新图标。

因此，假设您创建了这样的标记：

const myMarker = L.marker(latlng, {
            'icon': L.icon({
              iconUrl: /example.png
              iconSize: [37, 37],     
              iconAnchor: [18, 37],    correspond to marker's location
            })
          }).addTo(myMap);

然后您可以在计时器事件上调用myMarker.setIcon(newIcon)。

传单 - 更改标记节点图标

2 个答案: