如何配置 HERE Maps Javascript 以自动设置所需的缩放值?
How do you configure HERE Maps Javascript to automatically set the required zoom value?
我在 Angular 应用程序中为 Javascript 使用 HERE 地图。
我实现了搜索功能,用户可以在其中输入位置,搜索 API 会提供建议,一旦用户选择位置,地图会自动 focus/center 所选位置。
一切正常,除了缩放。
我希望地图根据选择动态缩放地图。例如,如果用户选择 'India' 之类的国家/地区,缩放值将小得多以显示整个印度,或者如果用户选择机场,例如 'New Delhi Airport',则缩放值将是更高,只关注机场。
我们如何使用 HERE 地图做到这一点 Javascript?有什么想法吗?
看看应用于地图视图模型的方法setLookAtData
:
map.getViewModel().setLookAtData({
bounds: userSelectedGeometry
});
当您使用 setLookAtData
且仅指定 bounds
属性 时,它会将边界的中心设置为地图中心,并自动计算适合所需的缩放比例地图视口内所选几何图形的边界(例如印度、新德里机场...)。
我在 Angular 应用程序中为 Javascript 使用 HERE 地图。 我实现了搜索功能,用户可以在其中输入位置,搜索 API 会提供建议,一旦用户选择位置,地图会自动 focus/center 所选位置。
一切正常,除了缩放。 我希望地图根据选择动态缩放地图。例如,如果用户选择 'India' 之类的国家/地区,缩放值将小得多以显示整个印度,或者如果用户选择机场,例如 'New Delhi Airport',则缩放值将是更高,只关注机场。
我们如何使用 HERE 地图做到这一点 Javascript?有什么想法吗?
看看应用于地图视图模型的方法setLookAtData
:
map.getViewModel().setLookAtData({
bounds: userSelectedGeometry
});
当您使用 setLookAtData
且仅指定 bounds
属性 时,它会将边界的中心设置为地图中心,并自动计算适合所需的缩放比例地图视口内所选几何图形的边界(例如印度、新德里机场...)。