#7700

by amcharts

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/chileLow.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
    width : 450px;
    height : 825px;
    background: #ccc;
}

JavaScript

var map = AmCharts.makeChart("chartdiv", {

    "type": "map",
        "theme": "none",
        "pathToImages": "http://www.amcharts.com/lib/3/images/",

        "dataProvider": {
        "map": "chileLow",
            "zoomLatitude": -39.400207,
            "zoomLevel": 1.50177,
            "zoomLongitude": -71.6356,
            "getAreasFromMap": true
    },
        "areasSettings": {
        "autoZoom": true,
            "selectedColor": "#CC0000"
    }
});

map.developerMode = true;
map.addListener("writeDevInfo", function (event) {
    console.log(event);
});