如何使用react-leaflet添加或删除图层

Question

我想呈现两个不同的反应组件：

1. 传单地图
2. 侧边栏组件，我在其中呈现复选框列表以启用/禁用GeoJSON图层。

我正在使用react-leaflet包。我正在使用回流存储来保存我将在地图中呈现的所有可能图层的列表。

我想知道使用复选onChange事件按需添加图层的最佳方法。谢谢

Answer 1

在您的复选框活动中，您将更新商店中的“图层切换”值。假设您设置正确，此值应推送更新到您的页面。因此，您所要做的就是根据商店中保存的“图层切换”值有条件地渲染页面。

如果您想要更多解释，请告诉我。

Answer 2

从'react-leaflet'导入{Map，TileLayer，LayersControl}; const {Overlay} = LayersControl;使用地图中的叠加层，这是一个关于此的详细示例。 https://github.com/PaulLeCam/react-leaflet/blob/master/example/components/layers-control.js