2016-09-13 21 views
0

我正在通過amCharts http://docs.amcharts.com/3/javascriptmaps/AmMap創建一個amMap,並且它帶有它自己的主頁按鈕,您可以單擊並返回到默認地圖。amCharts - amMap主頁按鈕方法

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

我用過的幾個方法是: chart.zoomTo(),chart.zoomToLongLat(),chart.zoomToXY()使用圖表初始化時的正確值。如果圖表的大小沒有調整過大,但當圖表調整大小(未重新初始化)時,這些值可以正常工作,但這些值變得不可靠,但主頁按鈕仍然能夠將我恢復爲默認縮放。

此主頁按鈕使用什麼方法?或者我可以用它來複制主頁按鈕的功能?

回答

1

您需要致電zoomToLongLat並傳入地圖對象的initialZoomLevel,initialZoomLongitudeinitialZoomLatitude。從demo on AmChart's knowledge base爲其定製的外部home鍵:

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

您可以調整在codepen演示的框架,看看它正確每次重置本身。

1

是..它很簡單,

我就是這麼做的:

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>