在AmChart map中如何手動觸發事件？

Question

在AmMap中，當您單擊主頁按鈕時會觸發「homeButtonClicked」事件。

我想手動觸發該事件。 有沒有辦法做到這一點？

Answer 1

要完全縮小地圖，請使用map.dataProvider中的螞蟻傳遞zoomToSelectedObject()作爲參數。

即：

map.zoomToSelectedObject(map.dataProvider); 

工作演示：

var map = AmCharts.makeChart("chartdiv", { 
 
    "type": "map", 
 
    "dataProvider": { 
 
    "map": "worldLow", 
 
    "getAreasFromMap": true 
 
    }, 
 
    "areasSettings": { 
 
    "autoZoom": true 
 
    } 
 
}); 
 

 
function zoomOut() { 
 
    map.zoomToSelectedObject(map.dataProvider); 
 
}

#chartdiv { 
 
    width: 100%; 
 
    height: 250px; 
 
}

<script src="http://www.amcharts.com/lib/3/ammap.js"></script> 
 
<script src="http://www.amcharts.com/lib/3/maps/js/worldLow.js"></script> 
 
<input type="button" value="Zoom Out" onclick="zoomOut();" /> 
 
<div id="chartdiv"></div>

---

要觸發地圖或任何amCharts對象爲此事上的事件，你可以使用fire()方法。即：

map.fire("homeButtonClicked", { 
    type: "homeButtonClicked", 
    chart: map 
}); 

這裏有一個工作示例：

var map = AmCharts.makeChart("chartdiv", { 
 
    "type": "map", 
 
    "dataProvider": { 
 
    "map": "worldLow", 
 
    "getAreasFromMap": true 
 
    }, 
 
    "areasSettings": { 
 
    "autoZoom": true 
 
    } 
 
}); 
 

 
map.addListener("homeButtonClicked", function(event) { 
 
    alert('homeButtonClicked'); 
 
}); 
 

 
function testEvent() { 
 
    map.fire("homeButtonClicked", { 
 
    type: "homeButtonClicked", 
 
    chart: map 
 
    }); 
 
}

#chartdiv { 
 
    width: 100%; 
 
    height: 280px; 
 
}

<script src="http://www.amcharts.com/lib/3/ammap.js"></script> 
 
<script src="http://www.amcharts.com/lib/3/maps/js/worldLow.js"></script> 
 
<input type="button" value="trigger event" onclick="testEvent();" /> 
 
<div id="chartdiv"></div>

Answer 2

（對於martynasma）你仍然有觸發事件方法的錯誤（testEvent）。正確的是：

map.fire({ 
    type: "homeButtonClicked", 
    chart: map 
    });