hevs map
HTML
<script src="http://www.ammap.com/lib/3/ammap.js"></script>
<script src="http://www.ammap.com/lib/3/maps/js/worldHigh.js"></script>
hevs map<span id="balr"></span>
<div id="mapdiv" style="width: 1000px; height: 450px;"></div>
JavaScript
var hevsMum = '<h1>Hi My Name Is Hev...</h1><img src="http://static.squarespace.com/static/50578791e4b093884ee9a6db/t/51ecac44e4b0926be488cc32/?format=500w"/>';
var map;
AmCharts.ready(function () {
map = new AmCharts.AmMap();
map.pathToImages = "http://www.ammap.com/lib/images/";
map.panEventsEnabled = true;
map.backgroundColor = "#666666";
map.backgroundAlpha = 1;
map.balloon.color = '#F52887';
map.balloonLabelFunction = function (area, map) {
$('#balr').text( " this is "+area.title );
return area.title + " is for gays";
}
map.zoomControl.panControlEnabled = true;
map.zoomControl.zoomControlEnabled = true;
map.zoomControl.buttonFillColor = '#F52887';
var dataProvider = {
mapVar: AmCharts.maps.worldHigh,
getAreasFromMap: true,
areas: [{
id: 'ME',
showAsSelected: true,
description: hevsMum
}, {
id: 'PT',
showAsSelected: true,
description: hevsMum
}, {
id: 'RU',
showAsSelected: true,
description: hevsMum
}, {
id: 'RS',
showAsSelected: true,
description: hevsMum
}]
};
map.dataProvider = dataProvider;
map.areasSettings = {
autoZoom: true,
color: "#CDCDCD",
colorSolid: "#5EB7DE",
selectedColor: "#5EB7DE",
outlineColor: "#666666",
rollOverColor: "#88CAE7",
rollOverOutlineColor: "#FFFFFF",
descriptionWindowY: 20,
descriptionWindowX: 550,
descriptionWindowWidth: 280,
descriptionWindowHeight: 330
};
map.write("mapdiv");
});