Leaflet geojson图层,每个功能都有自定义的divIcon

时间:2017-04-03 18:37:58

标签: svg leaflet geojson

我正在尝试为传单geoJson图层上的每个点设置不同的divIcon。我在阳光下尝试了一切,但它对我不起作用。这就是我正在做的事情

<svg>

feature.properties.FEATURE_STYLE.SVG_ELEMENT是一个包含图标的html fetchRepo

图标显示正常,但每个功能都显示相同的图标

我也尝试过以下操作:

  1. 在每个要素的iconUrl中使用带有不同.png的L.Icon
  2. 为每个功能使用不同颜色的L.circleMarker
  3. 它们都按预期工作(每个功能的颜色/图标不同)。但我似乎无法让divIcon以不同的方式显示每个功能。

    任何人都知道为什么会这样?

    提前致谢。

    更新:

    This is what feature.properties.FEATURE_STYLE.SVG_ELEMENT looks like

1 个答案:

答案 0 :(得分:0)

您实例化新Point的代码比实际需要的更复杂,但它可以工作,而不考虑SVG部分:

https://jsfiddle.net/3v7hd2vx/236/

话虽如此,请注意:

  • style选项用于矢量图层。因此,如果L.divIcon要素呈现为layer,则不会使用它。
  • onEachFeature选项在 pointToLayer之后应用,因为后者需要创建onEachFeature来提供给feature.properties.FEATURE_STYLE.SVG_ELEMENT。因此,如果您在那里构建setFeatureProperties(正如函数feature.properties.FEATURE_STYLE.SVG_ELEMENT建议的那样),则为时已晚。

如果您需要进一步的帮助,您很可能需要分享更多代码,例如样式和onEachFeature选项以及一些示例数据,尤其是{{1}}。