如何在React-Leaflet地图上向GeoJson形状添加图案?

时间:2018-10-27 00:47:19

标签: leaflet react-leaflet

我正在使用React-Leaflet来显示Leaflet.js地图。我使用React-Leaflet GeoJSONsource here)在地图上显示一层多边形。

虽然我可以更改多边形的填充度(fillOpacity)的不透明度,但是我找不到用图案(例如,方格,条纹等)填充多边形的选项

我找到了一个项目(Leaflet.pattern),该项目支持向Leaflet.js形状添加填充图案,但尚未修改为与React-Leaflet一起使用。

所以我的问题是:如何为React-Leaflet形状添加图案,或如何使Leaflet.patternReact-Leaflet一起使用? (对于后者,有关如何创建自定义React-Leaflet组件的说明为here,但在这种情况下我不知道如何做-似乎比平常复杂)

1 个答案:

答案 0 :(得分:1)

看看section in the docs about extending react-leaflet

如果您使用react-leaflet v1,则可以直接扩展react-leaflet的GeoJSON类。如果您使用的是v2,则需要扩展Path类。要了解为什么需要这样做,请查看this issue

一旦您确定要扩展哪个类,您的大部分更改可能就需要在createLeafletElement函数中以及也许在updateLeafletElement函数中进行。