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

How to add or remove layers using react-leaflet

我想渲染两个不同的 React 组件：

  1. 传单地图

  2. 一个侧边栏组件，我在其中将复选框列表渲染到 enable/disable GeoJSON 层。

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

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

在您的复选框事件中，您将更新商店中的 "layer toggle" 值。假设您设置正确，此值应该将更新推送到您的页面。因此，您所要做的就是根据商店中保存的 "layer toggle" 值有条件地呈现您的页面。

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

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