如何在带有孔的小叶多边形中单独更改内部和外部边框

时间:2016-05-31 11:25:59

标签: leaflet geojson

有没有办法改变带孔的多边形/多边形的内外线样式?

我正在使用传单 l.geoJson

我找到了这个示例,但如果更改样式颜色,则内部和外部边框的线条样式保持相同。

"style": {
    color: "black",
    opacity: 1,
    fillColor: "white",
    fillOpacity: 1
 }

Example

2 个答案:

答案 0 :(得分:2)

据我所知,没有黑客就无法实现这一目标。如果使用SVG渲染形状,则使用单个<g>(来自this geojson.io link的示例):

<path stroke-linejoin="round" stroke-linecap="round" fill-rule="evenodd" stroke="#555555" stroke-opacity="1" stroke-width="2" fill="#555555" fill-opacity="0.5" class="leaflet-clickable" d="M340 -145L388 455L640 451L812 291zM437 230L628 258L602 331L537 370z"></path>

如果你真的需要为内边缘设置不同的颜色,我认为你应该从形状中提取内环并添加具有正确线条颜色的多边形而不需要填充。如果您希望将边框设置为透明,则此方法将无效,因为原始边框将显示。

答案 1 :(得分:2)

  

有没有办法改变带孔的多边形/多边形的内外线样式?

没有

然而,您可以做的是事先拔出外圈和内圈。然后,只使用多边形的填充样式,外环的线条样式和内环的不同线条样式。