amCharts - amMap Главная кнопка Метод

Question

Я создаю amMap через amCharts http://docs.amcharts.com/3/javascriptmaps/AmMap и он имеет свою собственную домашнюю кнопку, которую вы можете щелкнуть и вернуться к карте по умолчанию.

Я хотел бы сделать это извне через свою собственную кнопку, но не могу найти методы, которые использует amCharts для достижения этого.

Несколько методов, которые я использовал: chart.zoomTo(), chart.zoomToLongLat(), chart.zoomToXY(), используя правильные значения, когда инициализируется диаграмма. Это отлично работает, когда диаграмма не изменяется в любое время, но когда диаграмма изменяется (не переинициализируется), эти значения становятся неуязвимыми, но кнопка «домой» все еще может вернуть меня к умолчанию по умолчанию.

Какой метод использует эта кнопка дома? Или я могу использовать для копирования того, что делает кнопка «домой»?

Answer 1

Вам нужно позвонить zoomToLongLat и передать в вашей карте объекта, initialZoomLevel, initialZoomLongitude и initialZoomLatitude. Из demo on AmChart's knowledge base для своей пользовательской кнопки внешнего дома:

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>