我正在使用React-Leaflet来显示Leaflet.js地图。我使用React-Leaflet GeoJSON(source here)在地图上显示一层多边形。
虽然我可以更改多边形的填充度(fillOpacity
)的不透明度,但是我找不到用图案(例如,方格,条纹等)填充多边形的选项
我找到了一个项目(Leaflet.pattern),该项目支持向Leaflet.js
形状添加填充图案,但尚未修改为与React-Leaflet
一起使用。
所以我的问题是:如何为React-Leaflet
形状添加图案,或如何使Leaflet.pattern
与React-Leaflet
一起使用? (对于后者,有关如何创建自定义React-Leaflet
组件的说明为here,但在这种情况下我不知道如何做-似乎比平常复杂)
答案 0 :(得分:1)
看看section in the docs about extending react-leaflet
如果您使用react-leaflet v1,则可以直接扩展react-leaflet的GeoJSON类。如果您使用的是v2,则需要扩展Path类。要了解为什么需要这样做,请查看this issue。
一旦您确定要扩展哪个类,您的大部分更改可能就需要在createLeafletElement
函数中以及也许在updateLeafletElement
函数中进行。