Azure地图-更改事件的地图中心单击另一个html元素

Question

我正在使用azure maps控件构建SPA react页面。我有一种左导航控件，它代表了我们在全球各地的办公室列表。

我加载的地图默认中心集中在北美，现在我必须在左导航中点击欧洲的办公地点时更改地图中心。

有没有一个例子，我试着在选项中更改地图中心，但地图从未重新居中。

Answer 1

您可能还发现这些示例很有用：https://azuremapscodesamples.azurewebsites.net/index.html?sample=Page%20through%20POI%20results

https://azuremapscodesamples.azurewebsites.net/index.html?sample=Interactive%20Search%20Quickstart

Answer 2

在左侧导航控件中，我认为您有一个dropdown或input元素，并试图将值传递给Map并相应地更新Map中心。

在这种情况下，我建议尝试以下JS函数onChange/OnClick

//Trigger the below function onClick or onchange actions
function updateMapCenter(coordinateValues){
map.setCamera({
center: coordinateValues,
zoom: 7      
});