react-leaflet动态添加图层

前端之家收集整理的这篇文章主要介绍了react-leaflet动态添加图层前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我开始使用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>
原文链接:https://www.f2er.com/react/301031.html

猜你在找的React相关文章