首页 > 解决方案 > 您如何配置 HERE Maps Javascript 以自动设置所需的缩放值?

问题描述

我在我的 Angular 应用程序中使用 HERE Maps for Javascript。我实现了一个搜索功能,用户可以输入一个位置,搜索 API 会提供建议,一旦用户选择一个位置,地图就会自动聚焦/居中选择的位置。

一切正常,除了缩放。我希望地图根据选择动态缩放地图。例如,如果用户选择像“印度”这样的国家,则缩放值会小得多以显示整个印度,或者如果用户选择机场,例如“新德里机场”,则缩放值会更高,只关注机场。

我们如何使用 HERE Maps Javascript 做到这一点?有任何想法吗?

标签: javascripthere-apiheremaps

解决方案


看一下setLookAtData应用于地图视图模型的方法:

map.getViewModel().setLookAtData({
  bounds: userSelectedGeometry
});

当您setLookAtData只使用指定的bounds属性时,它会将边界的中心设置为地图中心,并自动计算适合所选几何体(例如印度、新德里机场等)边界的所需缩放比例。地图视口。

请参阅API 参考


推荐阅读