Edit

Javascript Maps

JavaScript chart by amCharts 3.4.5
1
// svg path for target icon
2
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";
3
 
4
var map = AmCharts.makeChart("chartdiv", {
5
    type: "map",
6
    "theme": "none",
7
     pathToImages: "http://www.amcharts.com/lib/3/images/",
8
 
9
    imagesSettings: {
10
        rollOverColor: "#089282",
11
        rollOverScale: 3,
12
        selectedScale: 3,
13
        selectedColor: "#089282",
14
color:"#13564e"
15
    },
16
 
17
zoomControl:{buttonFillColor:"#15A892"},
18
 
19
areasSettings:{unlistedAreasColor:"#15A892"},
20
 
21
    dataProvider: {
22
        map: "worldLow",
23
        images: [{
24
            svgPath: targetSVG,
25
            zoomLevel: 5,
26
            scale: 0.5,
27
            title: "Vienna",
28
            latitude: 48.2092,
29
            longitude: 16.3728
30
        }, {
31
            svgPath: targetSVG,
32
            zoomLevel: 5,
33
            scale: 0.5,
34
            title: "Minsk",
35
            latitude: 53.9678,
36
            longitude: 27.5766
37
        }, {
38
            svgPath: targetSVG,
39
            zoomLevel: 5,
 
x
 
 
x
 
 
x
 
 

Capitals map

Our maps can be used with real life latitudes and longitudes. All the capitals on this map are placed using the actual coordinates of these cities.