You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
18 KiB
105 lines
18 KiB
1 year ago
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
|
<title>amMap example</title>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
|
||
|
|
<script src="../ammap/ammap.js" type="text/javascript"></script>
|
||
|
|
<!-- map file should be included after ammap.js -->
|
||
|
|
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||
|
|
<script src="../ammap/maps/js/continentsLow.js" type="text/javascript"></script>
|
||
|
|
<script>
|
||
|
|
var map;
|
||
|
|
var continentsDataProvider;
|
||
|
|
var backIconSVG = "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM27.436,17.39c0.001,0.002,0.004,0.002,0.005,0.004c-0.022,0.187-0.054,0.37-0.085,0.554c-0.015-0.012-0.034-0.025-0.047-0.036c-0.103-0.09-0.254-0.128-0.318-0.115c-0.157,0.032,0.229,0.305,0.267,0.342c0.009,0.009,0.031,0.03,0.062,0.058c-1.029,5.312-5.709,9.338-11.319,9.338c-4.123,0-7.736-2.18-9.776-5.441c0.123-0.016,0.24-0.016,0.28-0.076c0.051-0.077,0.102-0.241,0.178-0.331c0.077-0.089,0.165-0.229,0.127-0.292c-0.039-0.064,0.101-0.344,0.088-0.419c-0.013-0.076-0.127-0.256,0.064-0.407s0.394-0.382,0.407-0.444c0.012-0.063,0.166-0.331,0.152-0.458c-0.012-0.127-0.152-0.28-0.24-0.318c-0.09-0.037-0.28-0.05-0.356-0.151c-0.077-0.103-0.292-0.203-0.368-0.178c-0.076,0.025-0.204,0.05-0.305-0.015c-0.102-0.062-0.267-0.139-0.33-0.189c-0.065-0.05-0.229-0.088-0.305-0.088c-0.077,0-0.065-0.052-0.178,0.101c-0.114,0.153,0,0.204-0.204,0.177c-0.204-0.023,0.025-0.036,0.141-0.189c0.113-0.152-0.013-0.242-0.141-0.203c-0.126,0.038-0.038,0.115-0.241,0.153c-0.203,0.036-0.203-0.09-0.076-0.115s0.355-0.139,0.355-0.19c0-0.051-0.025-0.191-0.127-0.191s-0.077-0.126-0.229-0.291c-0.092-0.101-0.196-0.164-0.299-0.204c-0.09-0.579-0.15-1.167-0.15-1.771c0-2.844,1.039-5.446,2.751-7.458c0.024-0.02,0.048-0.034,0.069-0.036c0.084-0.009,0.31-0.025,0.51-0.059c0.202-0.034,0.418-0.161,0.489-0.153c0.069,0.008,0.241,0.008,0.186-0.042C8.417,8.2,8.339,8.082,8.223,8.082S8.215,7.896,8.246,7.896c0.03,0,0.186,0.025,0.178,0.11C8.417,8.091,8.471,8.2,8.625,8.167c0.156-0.034,0.132-0.162,0.102-0.195C8.695,7.938,8.672,7.853,8.642,7.794c-0.031-0.06-0.023-0.136,0.14-0.153C8.944,7.625,9.168,7.708,9.16,7.573s0-0.28,0.046-0.356C9.253,7.142,9.354,7.09,9.299,7.065C9.246,7.04,9.176,7.099,9.121,6.972c-0.054-0.127,0.047-0.22,0.108-0.271c0.02-0.015,0.067-0.06,0.124-0.112C11.234,5.257,13.524,4.466,16,4.466c3.213,0,6.122,1.323,8.214,3.45c-0.008,0.022-0.01,0.052-0.031,0.056c-0.077,0.013-0.166,0.063-0.179-0.051c-0.013-0.114-0.013-0.331-0.102-0.203c-0.089,0.127-0.127,0.127-0.127,0.191c0,0.063,0.076,0.127,0.051,0.241C23.8,8.264,23.8,8.341,23.84,8.341c0.036,0,0.126-0.115,0.239-0.141c0.116-0.025,0.319-0.088,0.332,0.026c0.013,0.115,0.139,0.152,0.013,0.203c-0.128,0.051-0.267,0.026-0.293-0.051c-0.025-0.077-0.114-0.077-0.203-0.013c-0.088,0.063-0.279,0.292-0.279,0.292s-0.306,0.139-0.343,0.114c-0.04-0.025,0.101-0.165,0.203-0.228c0.102-0.064,0.178-0.204,0.14-0.242c-0.038-0.038-0.088-0.279-0.063-0.343c0.025-0.063,0.139-0.152,0.013-0.216c-0.127-0.063-0.217-0.14-0.318-0.178s-0.216,0.152-0.305,0.204c-0.089,0.051-0.076,0.114-0.191,0.127c-0.114,0.013-0.189,0.165,0,0.254c0.191,0.089,0.255,0.152,0.204,0.204c-0.051,0.051-0.267-0.025-0.267-0.025s-0.165-0.076-0.268-0.076c-0.101,0-0.229-0.063-0.33-0.076c-0.102-0.013-0.306-0.013-0.355,0.038c-0.051,0.051-0.179,0.203-0.28,0.152c-0.101-0.051-0.101-0.102-0.241-0.051c-0.14,0.051-0.279-0.038-0.355,0.038c-0.077,0.076-0.013,0.076-0.255,0c-0.241-0.076-0.189,0.051-0.419,0.089s-0.368-0.038-0.432,0.038c-0.064,0.077-0.153,0.217-0.19,0.127c-0.038-0.088,0.126-0.241,0.062-0.292c-0.062-0.051-0.33-0.025-0.367,0.013c-0.039,0.038-0.014,0.178,0.011,0.229c0.026,0.05,0.064,0.254-0.011,0.216c-0.077-0.038-0.064-0.166-0.141-0.152c-0.076,0.013-0.165,0.051-0.203,0.077c-0.038,0.025-0.191,0.025-0.229,0.076c-0.037,0.051,0.014,0.191-0.051,0.203c-0.063,0.013-0.114,0.064-0.254-0.025c-0.14-0.089-0.14-0.038-0.178-0.012c-0.038,0.025-0.216,0.127-0.229,0.012c-0.013-0.114,0.025-0.152-0.089-0.229c-0.115-0.076-0.026-0.076,0.127-0.025c0.152,0.05,0.343,0.075,0.622-0.013c0.28-0.089,0.395-0.127,0.28-0.178c-0.115-0.05-0.229-0.101-0.406-0.127c-0.179-0.025-0.42-0.025-0.7-0.127c-0.279-0.102-0.343-0.14-0.457-0.165c-0.115-0.026-0.813-0.14-1.132-0.089c-0.317,0.051-1.193,0.28-1.245,0.318s-0.128,0.19-0.292,0.318c-0.165,0.127-0.47,0.419-0.712,0.47c-0.241,0.051-0.521,0.254-0.521,0.305c0,0.051,0.101,0.242,0.076,0.28c-0.025,0.038,0.05,0.229,0.191,0.28c0.139,0.05,0.381,0.038,0.393-0.039c0.014-0.076,0.204-0.241,0.217-0.127c0.013,0.115,0.14,0.292,0.114,0.368c-0.025,0.077,0,0.15
|
||
|
|
|
||
|
|
|
||
|
|
function handleGoHome() {
|
||
|
|
map.dataProvider = continentsDataProvider;
|
||
|
|
map.validateNow();
|
||
|
|
}
|
||
|
|
|
||
|
|
AmCharts.ready(function() {
|
||
|
|
map = new AmCharts.AmMap();
|
||
|
|
|
||
|
|
|
||
|
|
var worldDataProvider = {
|
||
|
|
mapVar: AmCharts.maps.worldLow,
|
||
|
|
getAreasFromMap:true
|
||
|
|
};
|
||
|
|
|
||
|
|
map.areasSettings = {
|
||
|
|
autoZoom: true,
|
||
|
|
rollOverOutlineColor: "#000000",
|
||
|
|
selectedColor: "#BBBB00",
|
||
|
|
color: "#BBBB00"
|
||
|
|
};
|
||
|
|
|
||
|
|
continentsDataProvider = {
|
||
|
|
mapVar: AmCharts.maps.continentsLow,
|
||
|
|
|
||
|
|
areas: [
|
||
|
|
{
|
||
|
|
id: "africa",
|
||
|
|
linkToObject: worldDataProvider,
|
||
|
|
color: "#723C1A",
|
||
|
|
passZoomValuesToTarget: true},
|
||
|
|
{
|
||
|
|
id: "asia",
|
||
|
|
linkToObject: worldDataProvider,
|
||
|
|
color: "#C8AB67",
|
||
|
|
passZoomValuesToTarget: true},
|
||
|
|
{
|
||
|
|
id: "australia",
|
||
|
|
linkToObject: worldDataProvider,
|
||
|
|
color: "#93644A",
|
||
|
|
passZoomValuesToTarget: true},
|
||
|
|
{
|
||
|
|
id: "europe",
|
||
|
|
linkToObject: worldDataProvider,
|
||
|
|
color: "#AA805A",
|
||
|
|
passZoomValuesToTarget: true},
|
||
|
|
{
|
||
|
|
id: "north_america",
|
||
|
|
linkToObject: worldDataProvider,
|
||
|
|
color: "#8D725F",
|
||
|
|
passZoomValuesToTarget: true},
|
||
|
|
{
|
||
|
|
id: "south_america",
|
||
|
|
linkToObject: worldDataProvider,
|
||
|
|
color: "#BE8045",
|
||
|
|
passZoomValuesToTarget: true}]
|
||
|
|
};
|
||
|
|
|
||
|
|
var backButton = {
|
||
|
|
svgPath: backIconSVG,
|
||
|
|
label: "Back to continents map",
|
||
|
|
rollOverColor: "#CC0000",
|
||
|
|
labelRollOverColor: "#CC0000",
|
||
|
|
useTargetsZoomValues: true,
|
||
|
|
linkToObject: continentsDataProvider,
|
||
|
|
left: 30,
|
||
|
|
bottom: 30,
|
||
|
|
labelFontSize: 15
|
||
|
|
};
|
||
|
|
|
||
|
|
worldDataProvider.images = [backButton];
|
||
|
|
|
||
|
|
map.dataProvider = continentsDataProvider;
|
||
|
|
|
||
|
|
// monitor when home icon was clicked and also go to continents map
|
||
|
|
map.addListener("homeButtonClicked", handleGoHome);
|
||
|
|
|
||
|
|
map.write("mapdiv");
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="mapdiv" style="width: 800px; background-color:#EEEEEE; height: 500px;"></div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|