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

时间:2018-02-19 22:19:12

标签: reactjs leaflet react-leaflet

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

  1. 传单地图

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

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

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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