Azure 缩放和居中贴图以适应(气泡)层上的所有特征
我有一个网站,它从服务器端获取一组点,然后使用Azure 缩放和居中贴图以适应(气泡)层上的所有特征,azure,azure-maps,Azure,Azure Maps,我有一个网站,它从服务器端获取一组点,然后使用azuremapscontrolnpm包渲染地图 我希望地图居中并以适合屏幕上所有点的方式缩放 实现这一点的最佳方法是什么?首先计算点的边界框。如果有点要素阵列或atlas.Shape对象,请使用atlas.data.BoundingBox.fromData;如果有位置阵列,请使用atlas.data.BoundingBox.fromPositions 从那里,您可以在加载地图时将其粘贴到地图选项中,或使用“地图设置摄影机”更新地图视图。在这两种情况
azuremapscontrol
npm包渲染地图
我希望地图居中并以适合屏幕上所有点的方式缩放
实现这一点的最佳方法是什么?首先计算点的边界框。如果有点要素阵列或atlas.Shape对象,请使用atlas.data.BoundingBox.fromData;如果有位置阵列,请使用atlas.data.BoundingBox.fromPositions 从那里,您可以在加载地图时将其粘贴到地图选项中,或使用“地图设置摄影机”更新地图视图。在这两种情况下,都将其传递到
bounds
选项中。此外,由于您使用的是点数据,因此边界框将基于坐标,而不会考虑图标的像素大小。为此,请使用填充
选项在边界框周围添加像素缓冲区。例如:
map.setCamera({
bounds: atlas.data.BoundingBox.fromData(featureArray),
padding: 50
});
示例库中的许多示例都使用此方法: