Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Azure 缩放和居中贴图以适应(气泡)层上的所有特征_Azure_Azure Maps - Fatal编程技术网

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
});
示例库中的许多示例都使用此方法: