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

标签 reactjs leaflet react-leaflet

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

  1. 传单 map

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

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

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

最佳答案

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

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

关于reactjs - 如何使用react-leaflet添加或删除层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48875055/

相关文章:

javascript - 右括号前空行的 eslint 规则

reactjs - 如何在构造函数中将函数分配给状态?

angular - 如何在添加新路径之前自动删除以前的折线

react-leaflet - 我如何为玩笑测试模拟传单?

react-leaflet - 在react-leaflet中渲染mapbox矢量瓦片?

reactjs - useState 第一次改变了值

node.js - react 服务器端返回 null 并只进行浏览器渲染

javascript - 如何在 `popupopen` 事件期间识别 Leaflet 的标记?

graph - Opentripplanner Graph.obj 文件未找到错误

reactjs - 如果更新 MapComponent 状态,则会出现性能问题