react-leaflet动态添加图层

发布时间：2020-12-15 20:49:03 所属栏目：百科来源：网络整理

导读：我开始使用react-leaflet,我遇到了一个问题：在我的应用程序中,用户填写一个表单,然后请求返回Geo JSON的休息服务,然后将其添加为我的地图上的新图层.我的问题：如何在react-leaflet中动态添加图层？谢谢. 最好的方法是为react-leaflet创建GeoJSON Layer包

我开始使用react-leaflet,我遇到了一个问题：在我的应用程序中,用户填写一个表单,然后请求返回Geo JSON的休息服务,然后将其添加为我的地图上的新图层.我的问题：如何在react-leaflet中动态添加图层？

谢谢.

最好的方法是为react-leaflet创建GeoJSON Layer包装器.在react-leaflet的 plugins section中有一个类似的GeoJSON层实现,其中有聚类.
然后,您应该将此图层添加到地图组件中,并在需要时更改其数据.因此,无需动态添加图层,而是动态更改图层.
查看传单的GeoJSON示例以获得想法 http://leafletjs.com/examples/geojson/.

如果您有一个包含更改数据的图层,则该方法将起作用.但是,如果您有不同的数据集,则需要为每个数据集添加GeoJSON图层.

<Map ...>
{this.props.datasets.map((ds,ix) => {
  return (<GeoJSONOverlay data={ds} key={ix} />);
})}
</Map>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!