azure - 缩放和居中 map 以适应(气泡)层上的所有要素

Question

我有一个网站，它从服务器端获取一组点，然后使用 azure-maps-control npm 包渲染 map 。

我希望 map 居中并缩放，以适合屏幕上的所有点。

实现这一目标的最佳方法是什么？

Answer 1

首先计算点的边界框。如果您有 Point 要素数组或 atlas.Shape 对象，请使用 atlas.data.BoundingBox.fromData，如果您有位置数组，请使用 atlas.data.BoundingBox.fromPositions。

从那里，您可以在加载 map 时将其粘贴到 map 选项中，或者使用 map setCamera 更新 map View 。在这两种情况下，您都将其传递到 bounds 选项中。此外，由于您正在使用点数据，因此边界框将基于坐标，并且不会考虑图标的像素大小。为了解决这个问题，请使用 padding 选项在边界框周围添加像素缓冲区。例如:

map.setCamera({
    bounds: atlas.data.BoundingBox.fromData(featureArray),
    padding: 50
});

示例库中的很多示例都使用此方法:https://azuremapscodesamples.azurewebsites.net/index.html