将所有坐标拟合到mapbox中mapreact的边界中



这里有一个两个地图上的点。虽然我只有一个点,但很容易,我可以在这个点的中心进行任何缩放。但是我不知道如何在屏幕上显示2个点,以及如何根据它计算缩放级别。我的意思是,例如当我在伦敦有一个点,在非洲有第二个点时,我的地图应该缩小,以便我们可以看到这两个点(但不是最大缩放级别)

你可以通过计算你的数据的范围(即什么坐标空间你的点落),然后使用这个范围你计算一个适当的中心坐标和缩放级别。

幸运的是,这两个步骤都解决了问题,并且都有开源包:

  1. 程度:https://github.com/mapbox/geojson-extent
  2. 缩放+中心:https://github.com/mapbox/geo-viewport

我建议您直接使用这些包,或者通读它们的解决方案,以了解如何在应用程序中实现每个步骤。


⚠️免责声明:我目前在Mapbox工作⚠️

最新更新