AmCharts - Map - Select Hong Kong
HTML
<script type="text/javascript" src="http://www.amcharts.com/lib/3/ammap.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="controls">
<button onclick="selectAllStates()">Select All States</button>
</div>
<div id="chartdiv"></div>
CSS
#chartdiv {
width : 100%;
height : 500px;
}
#controls {
margin-top: 20px;
text-align: center;
}
#controls button {
width: 200px;
height: 40px;
}
JavaScript
var map = AmCharts.makeChart("chartdiv", {
"type": "map",
"theme": "dark",
"pathToImages": "http://www.amcharts.com/lib/3/images/",
"dataProvider": {
"map": "usaLow",
"getAreasFromMap": true,
"colorSteps": 1,
"areas" : []
},
"areasSettings": {
"selectedColor": "#CC0000"
},
});
function selectAllStates() {
map.selectObject(map.getObjectById('US-TX'));
setTimeout(function() {
map.selectObject(map.getObjectById('US-WY'));
}, 2000);
}