Weather map
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/worldLow.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>
CSS
body {
font-family: Verdana;
font-size: 12px;
padding: 10px;
margin: 10px;
}
#chartdiv {
width : 100%;
height : 500px;
}
JavaScript
var map = AmCharts.makeChart("chartdiv", {
type: "map",
"theme": "none",
pathToImages: "http://www.amcharts.com/lib/3/images/",
dataProvider: {
map: "worldLow",
zoomLevel: 5.5,
zoomLongitude: 10,
zoomLatitude: 52,
images: [{
latitude: 40.416775,
longitude: -3.703790,
imageURL: "http://extra.amcharts.com/images/weather/weather-rain.png",
width: 32,
height: 32,
label: "Madrid: +22C"
}, {
latitude: 48.856614,
longitude: 2.352222,
imageURL: "http://extra.amcharts.com/images/weather/weather-storm.png",
width: 32,
height: 32,
label: "Paris: +18C"
}, {
latitude: 52.520007,
longitude: 13.404954,
imageURL: "http://extra.amcharts.com/images/weather/weather-clouds.png",
width: 32,
height: 32,
label: "Berlin: +13C"
}, {
latitude: 52.229676,
longitude: 21.012229,
imageURL: "http://extra.amcharts.com/images/weather/weather-clear.png",
width: 32,
height: 32,
label: "Warsaw: +22C"
}, {
latitude: 41.872389,
longitude: 12.480180,
imageURL: "http://extra.amcharts.com/images/weather/weather-clear.png",
width: 32,
height: 32,
label: "Rome: +29C"
}, {
latitude: 51.507351,
longitude: -0.127758,
imageURL: "http://extra.amcharts.com/images/weather/weather-showers.png",
width: 32,
height: 32,
label: "London: +10C"
}, {
latitude: 9.329323,
longitude: 18.068581,
imageURL: "http://extra.amcharts.com/images/weather/weather-rain.png",
width: 32,
height: 32,
label: "Stockholm: +8C"
}]
},
imagesSettings: {
...