World capitals map

by amcharts

HTML

<link rel="stylesheet" href="http://www.ammap.com/lib/3/ammap.css">
<script src="http://www.ammap.com/lib/3/ammap.js"></script>
<script src="http://www.ammap.com/lib/3/maps/js/worldLow.js"></script>
<div id="mapdiv" style="height: 370px;"></div>

JavaScript

var map;

// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";

AmCharts.ready(function() {
    map = new AmCharts.AmMap();
    map.pathToImages = "http://www.ammap.com/lib/3/images/";
    //map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices
    map.imagesSettings = {
        color:"#666700",
        alpha: 0.5,
        centered: false
    };
    
    map.areasSettings = {
        unlistedAreasColor:"#c1c670"
    };
    
    map.zoomControl.buttonFillColor = "#8a9028";
    map.zoomControl.buttonRollOverColor= "#ffcc00";

    var dataProvider = {
        mapVar: AmCharts.maps.worldLow,
        images: [
            {
                type:"circle",
                width: 50,
            title: "Vienna",
            latitude: 48.2092,
            longitude: 16.3728},
        {
            type:"circle",
            width: 30,
            title: "Helsinki",
            latitude: 60.1699,
            longitude: 24.9384},
        {
            type:"circle",
            width: 70,
            title: "Paris",
            latitude: 48.8567,
            longitude: 2.3510},
       {
            type:"circle",
            width: 20,
            title: "Moscow",
            latitude: 55.7558,
            longitude: 37.6176},
        {
            type:"circle",
            width: 35,
            title: "New Delhi",
            latitude: 28.6353,
            longitude: 77.2250},
        {
            type:"circle",
            width: 15,
            title: "Colombo",
            latitude: 6.9155,
            longitude: 79.8572}
        ]
    };
    map.dataProvider = dataProvider;

    map.write("mapdiv");

});