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 
        <script src="../ammap/ammap.js" type="text/javascript"></script>
10 
        <!-- map file should be included after ammap.js -->
11 
		<script src="../ammap/maps/js/continentsLow.js" type="text/javascript"></script>
12 
 
13 
		<script>
14 
			var map;
15 
 
16 
			AmCharts.ready(function() {
17 
				var map;
18 
 
19 
				map = new AmCharts.AmMap();
20 
 
21 
				map.dragMap = false;
22 
				map.color = "#FFFFFF";
23 
 
24 
				map.areasSettings = {
25 
					autoZoom: false,
26 
					rollOverOutlineColor: "#FFFFFF",
27 
					selectedColor: "#FFFFFF",
28 
					rollOverColor: "#FFFFFF",
29 
					outlineAlpha: 1,
30 
					outlineColor: "#FFFFFF",
31 
					outlineThickness: 1,
32 
					color: "#000000"
33 
				};
34 
 
35 
				map.dataProvider = {
36 
					mapVar: AmCharts.maps.continentsLow,
37 
 
38 
					areas: [{
39 
						"id": "africa",
40 
							"title": "Africa",
41 
							"pattern": {
42 
							"url": "patterns/white/pattern1.png",
43 
							width: 4,
44 
							height: 4
45 
						}
46 
					}, {
47 
						"id": "asia",
48 
							"title": "Asia",
49 
							"pattern": {
50 
							"url": "patterns/white/pattern2.png",
51 
							width: 4,
52 
							height: 4
53 
						}
54 
					}, {
55 
						"id": "australia",
56 
							"title": "Australia",
57 
							"pattern": {
58 
							"url": "patterns/white/pattern3.png",
59 
							width: 4,
60 
							height: 4
61 
						}
62 
					}, {
63 
						"id": "europe",
64 
							"title": "Europe",
65 
							"pattern": {
66 
							"url": "patterns/white/pattern4.png",
67 
							width: 4,
68 
							height: 4
69 
						}
70 
					}, {
71 
						"id": "north_america",
72 
							"title": "North America",
73 
							"pattern": {
74 
							"url": "patterns/white/pattern5.png",
75 
							width: 4,
76 
							height: 4
77 
						}
78 
					}, {
79 
						"id": "south_america",
80 
							"title": "South America",
81 
							"pattern": {
82 
							"url": "patterns/white/pattern6.png",
83 
							width: 4,
84 
							height: 4
85 
						}
86 
					}]
87 
				};
88 
				var zoomControl = map.zoomControl;
89 
				zoomControl.panControlEnabled = false;
90 
				zoomControl.zoomControlEnabled = false;
91 
 
92 
				map.write("mapdiv");
93 
 
94 
			});
95 
 
96 
        </script>
97 
    </head>
98 
 
99 
    <body style="background-image: url('images/board.jpg'); background-color:#000000;">
100 
        <div id="mapdiv" style="width: 100%; height: 500px;"></div>
101 
    </body>
102 
 
103 
</html>