amCharts-amMap主頁按鈕方法

Question

我正在通過amCharts http://docs.amcharts.com/3/javascriptmaps/AmMap創建一個amMap，它帶有其自己的主頁按鈕，您可以單擊該按鈕並將其還原為地圖默認設置。

我想通過我自己的按鈕在外部進行此操作，但無法完全找到amCharts用於實現此目標的方法。

我使用了幾種方法：chart.zoomTo（），chart.zoomToLongLat（），chart.zoomToXY（）使用初始化圖表時的正確值。 當圖表從未調整大小時，這很好用，但是當圖表調整大小（未重新初始化）時，這些值變得不相關，但是主頁按鈕仍然能夠將我帶回默認縮放比例。

此主頁按鈕使用什么方法？ 或者我可以用來復制主頁按鈕的功能？

Answer 1

您需要調用zoomToLongLat並傳入地圖對象的initialZoomLevel ， initialZoomLongitude和initialZoomLatitude 。 從AmChart知識庫上的演示中獲得有關其自定義外部主頁按鈕的信息：

function centerMap() {
  map.zoomToLongLat(map.initialZoomLevel, map.initialZoomLongitude, map.initialZoomLatitude);
}

您可以在codepen演示上調整框架的大小，以確保每次都能正確重置自身。

Answer 2

是的..非常簡單，

我這樣做是這樣的：

map.addListener("rendered", function(event) {
      var map = event.chart;
      map.initialZoomLevel = map.zoomLevel();
      map.initialZoomLatitude = map.zoomLatitude();
      map.initialZoomLongitude = map.zoomLongitude();
});

function centerMap() {
  map.zoomToLongLat(map.initialZoomLevel, map.initialZoomLongitude, map.initialZoomLatitude);
}

<div onclick="centerMap();" class="icon-home"></div>