Amcharts Map, how to make default zoom to Asia continent

Question

How to make default zoom to Asia continent when page loads. in Amcharts map

Answer 1

You can set the zoomLatitude, zoomLongitude and zoomLevel in your map dataProvider to the default position and zoom level you want the map to be on load.

Example below:

var map = AmCharts.makeChart("chartdiv", {
  "type": "map",
  "theme": "light",
  "dataProvider": {
    "map": "continentsLow",
    "zoomLatitude": 47.8936,
    "zoomLongitude": 115.6176,
    "zoomLevel": 2,
    "getAreasFromMap": true,
    "areas": [{
      "id": "asia",
      "showAsSelected": true
    }]
  },
  "areasSettings": {
    "autoZoom": false,
    "selectedColor": "#CC0000"
  }
});

<script src="https://www.amcharts.com/lib/3/ammap.js"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/continentsLow.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv" style="width:100%; height: 250px"></div>