amMap Mexico

HTML

<script src="http://www.ammap.com/lib/ammap.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/maps/js/mexicoLow.js" type="text/javascript"></script>
<div id="mapdiv" style="width: 100%; height: 370px;"></div>

JavaScript

var map;

AmCharts.ready(function() {
    map = new AmCharts.AmMap();
    map.pathToImages = "http://www.ammap.com/lib/images/";
    //map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices
    var dataProvider = {
        mapVar: AmCharts.maps.mexicoLow,
        getAreasFromMap: true
    };

    map.areasSettings = {
        unlistedAreasColor: "#DDDDDD",
        rollOverOutlineColor: "#FFFFFF",
        rollOverColor: "#CC0000"
    };

    map.dataProvider = dataProvider;

    map.write("mapdiv");

});