Mapbox GL JS：设置地图中心或边界以显示图层的可见部分

Question

我有一个包含7000多个多边形的图层，并且在地图加载时使用“setFilter”在网络应用中显示部分多边形。 （过滤器选择要根据当前页面的URL中的数据动态显示的多边形。）

但是，我无法弄清楚如何使当前显示的特定多边形（该图层的可见部分）上的地图居中，这意味着用户必须四处寻找它。一次可以看到多个多边形，它们是一系列不同的大小。有什么想法吗？

Answer 1

如果您拥有地图上可见的feature collection多边形，则可以使用turf-extent模块获取可见多边形的地理范围，然后调用map.fitBounds(extent)在视口中创建所有可见的多边形。