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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用react-leaflet添加或删除图层相关的知识,希望对你有一定的参考价值。

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

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

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

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

答案

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

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

另一答案

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

以上是关于如何使用react-leaflet添加或删除图层的主要内容,如果未能解决你的问题,请参考以下文章

MapControl图层删除或添加触发监听事件

React-Leaflet/React-Routing-Machine:删除路线和航路点

如何把arcgis要素数据集删除保留图层

在Arcmap中如何创建地图图层

React-Leaflet在地图上绘制圆圈标记

如何使用 react-leaflet 从 geojson 数据创建图例