2016-09-13 75 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>