Subversion Repositories php-qbpwcf

Rev

Rev 23 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
23 liveuser 1 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 
<html>
3 
 
4 
    <head>
5 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 
        <title>amMap examples</title>
7 
 
8 
        <link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
9 
        <link rel="stylesheet" href="style.css" type="text/css">
10 
        <script src="../ammap/ammap.js" type="text/javascript"></script>
11 
        <!-- map file should be included after ammap.js -->
12 
		<script src="../ammap/maps/js/continentsLow.js" type="text/javascript"></script>
13 
 
14 
		<script>
15 
			var map = AmCharts.makeChart("mapdiv", {
16 
 
17 
				type: "map",
18 
 
19 
				handDrawn: true,
20 
				dragMap: false,
21 
				color: "#FFFFFF",
22 
				projection:"winkel3",
23 
				areasSettings: {
24 
					autoZoom: false,
25 
					rollOverOutlineColor: "#FFFFFF",
26 
					selectedColor: "#FFFFFF",
27 
					rollOverColor: "#FFFFFF",
28 
					outlineAlpha: 1,
29 
					outlineColor: "#FFFFFF",
30 
					outlineThickness: 1,
31 
					color: "#000000"
32 
				},
33 
 
34 
				dataProvider: {
35 
					map: "continentsLow",
36 
 
37 
					areas: [{
38 
						"id": "africa",
39 
						"title": "Africa",
40 
						"pattern": {
41 
							"url": "patterns/white/pattern1.png",
42 
							width: 4,
43 
							height: 4
44 
						}
45 
					}, {
46 
						"id": "asia",
47 
						"title": "Asia",
48 
						"pattern": {
49 
							"url": "patterns/white/pattern2.png",
50 
							width: 4,
51 
							height: 4
52 
						}
53 
					}, {
54 
						"id": "australia",
55 
						"title": "Australia",
56 
						"pattern": {
57 
							"url": "patterns/white/pattern3.png",
58 
							width: 4,
59 
							height: 4
60 
						}
61 
					}, {
62 
						"id": "europe",
63 
						"title": "Europe",
64 
						"pattern": {
65 
							"url": "patterns/white/pattern4.png",
66 
							width: 4,
67 
							height: 4
68 
						}
69 
					}, {
70 
						"id": "north_america",
71 
						"title": "North America",
72 
						"pattern": {
73 
							"url": "patterns/white/pattern5.png",
74 
							width: 4,
75 
							height: 4
76 
						}
77 
					}, {
78 
						"id": "south_america",
79 
						"title": "South America",
80 
						"pattern": {
81 
							"url": "patterns/white/pattern6.png",
82 
							width: 4,
83 
							height: 4
84 
						}
85 
					}]
86 
				},
87 
				zoomControl: {
88 
					panControlEnabled: false,
89 
					zoomControlEnabled: false
90 
				}
91 
 
92 
			});
93 
        </script>
94 
    </head>
95 
 
96 
    <body style="background-image: url('images/board.jpg'); background-color:#000000;">
97 
        <div id="mapdiv" style="width: 100%; height: 500px;"></div>
98 
        <div style="text-align:center; font-size:10px">
99 
            <a href="#" onclick="map.setProjection('winkel3')">Winkel 3</a> |
100 
            <a href="#" onclick="map.setProjection('eckert3')">Eckert 3</a> |
101 
            <a href="#" onclick="map.setProjection('eckert5')">Eckert 5</a> |
102 
            <a href="#" onclick="map.setProjection('eckert6')">Eckert 6</a> |
103 
            <a href="#" onclick="map.setProjection('miller')">Miller</a> |
104 
            <a href="#" onclick="map.setProjection('equirectangular')">Equirectangular</a> |
105 
            <a href="#" onclick="map.setProjection('mercator')">Mercator</a>
106 
        </div>
107 
    </body>
108 
 
109 
</html>