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

【问题标题】：How to add or remove layers using react-leaflet如何使用 react-leaflet 添加或删除层
【发布时间】：2018-02-19 22:19:11
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

在您的复选框事件中，您将更新商店中的“图层切换”值。假设您设置正确，此值应该会向您的页面推送更新。因此，您所要做的就是根据商店中保存的那些“图层切换”值有条件地呈现您的页面。

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

【讨论】：

【解决方案2】：

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

【讨论】：