2016-09-13 7 views
0

私はamCharts http://docs.amcharts.com/3/javascriptmaps/AmMapでamMapを作成しています。クリックすると独自のホームボタンが表示され、マップのデフォルトに戻ります。amCharts - amMapホームボタンメソッド

これは私自身のボタンで外部で行いたいのですが、これを達成するためにamChartsが使用するメソッドを見つけることはできません。

私が使用したいくつかのメソッドは以下のとおりです。 chart.zoomTo()、chart.zoomToLongLat()、chart.zoomToXY()グラフが初期化されたときの正しい値を使用します。グラフのサイズが変更されていないときにグラフがサイズ変更されたとき(再初期化されていないとき)は、これらの値は維持されなくなりますが、ホームボタンは引き続きデフォルトのズームに戻すことができます。

このホームボタンはどのような方法で使用しますか?または、私はホームボタンが何を複製するために使用することができますか?

答えて

1

zoomToLongLatに電話し、地図オブジェクトの,initialZoomLongitudeおよびinitialZoomLatitudeを渡す必要があります。そのカスタム外部のホームボタン用demo on AmChart's knowledge baseから:

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>