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/worldLow.js" type="text/javascript"></script>
12 
 
13 
		<script>
14 
			// svg path for target icon
15 
			var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
16 
			// svg path for plane icon
17 
			var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";
18 
 
19 
			AmCharts.makeChart("mapdiv", {
20 
				type: "map",
21 
 
22 
 
23 
				dataProvider: {
24 
					map: "worldLow",
25 
					linkToObject: "london",
26 
					images: [{
27 
							id: "london",
28 
							color: "#000000",
29 
							svgPath: targetSVG,
30 
							title: "London",
31 
							latitude: 51.5002,
32 
							longitude: -0.1262,
33 
							scale: 1.5,
34 
							zoomLevel: 2.74,
35 
							zoomLongitude: -20.1341,
36 
							zoomLatitude: 49.1712,
37 
 
38 
							lines: [{
39 
								latitudes: [51.5002, 50.4422],
40 
								longitudes: [-0.1262, 30.5367]
41 
							}, {
42 
								latitudes: [51.5002, 46.9480],
43 
								longitudes: [-0.1262, 7.4481]
44 
							}, {
45 
								latitudes: [51.5002, 59.3328],
46 
								longitudes: [-0.1262, 18.0645]
47 
							}, {
48 
								latitudes: [51.5002, 40.4167],
49 
								longitudes: [-0.1262, -3.7033]
50 
							}, {
51 
								latitudes: [51.5002, 46.0514],
52 
								longitudes: [-0.1262, 14.5060]
53 
							}, {
54 
								latitudes: [51.5002, 48.2116],
55 
								longitudes: [-0.1262, 17.1547]
56 
							}, {
57 
								latitudes: [51.5002, 44.8048],
58 
								longitudes: [-0.1262, 20.4781]
59 
							}, {
60 
								latitudes: [51.5002, 55.7558],
61 
								longitudes: [-0.1262, 37.6176]
62 
							}, {
63 
								latitudes: [51.5002, 38.7072],
64 
								longitudes: [-0.1262, -9.1355]
65 
							}, {
66 
								latitudes: [51.5002, 54.6896],
67 
								longitudes: [-0.1262, 25.2799]
68 
							}, {
69 
								latitudes: [51.5002, 64.1353],
70 
								longitudes: [-0.1262, -21.8952]
71 
							}, {
72 
								latitudes: [51.5002, 40.4300],
73 
								longitudes: [-0.1262, -74.0000]
74 
							}],
75 
 
76 
							images: [{
77 
								label: "Flights from London",
78 
								svgPath: planeSVG,
79 
								left: 100,
80 
								top: 45,
81 
								labelShiftY: 5,
82 
								color: "#CC0000",
83 
								labelColor: "#CC0000",
84 
								labelRollOverColor: "#CC0000",
85 
								labelFontSize: 20
86 
							}, {
87 
								label: "show flights from Vilnius",
88 
								left: 106,
89 
								top: 70,
90 
								labelColor: "#000000",
91 
								labelRollOverColor: "#CC0000",
92 
								labelFontSize: 11,
93 
								linkToObject: "vilnius"
94 
							}]
95 
						},
96 
 
97 
						{
98 
							id: "vilnius",
99 
							color: "#000000",
100 
							svgPath: targetSVG,
101 
							title: "Vilnius",
102 
							latitude: 54.6896,
103 
							longitude: 25.2799,
104 
							scale: 1.5,
105 
							zoomLevel: 4.92,
106 
							zoomLongitude: 15.4492,
107 
							zoomLatitude: 50.2631,
108 
 
109 
							lines: [{
110 
								latitudes: [54.6896, 50.8371],
111 
								longitudes: [25.2799, 4.3676]
112 
							}, {
113 
								latitudes: [54.6896, 59.9138],
114 
								longitudes: [25.2799, 10.7387]
115 
							}, {
116 
								latitudes: [54.6896, 40.4167],
117 
								longitudes: [25.2799, -3.7033]
118 
							}, {
119 
								latitudes: [54.6896, 50.0878],
120 
								longitudes: [25.2799, 14.4205]
121 
							}, {
122 
								latitudes: [54.6896, 48.2116],
123 
								longitudes: [25.2799, 17.1547]
124 
							}, {
125 
								latitudes: [54.6896, 44.8048],
126 
								longitudes: [25.2799, 20.4781]
127 
							}, {
128 
								latitudes: [54.6896, 55.7558],
129 
								longitudes: [25.2799, 37.6176]
130 
							}, {
131 
								latitudes: [54.6896, 37.9792],
132 
								longitudes: [25.2799, 23.7166]
133 
							}, {
134 
								latitudes: [54.6896, 54.6896],
135 
								longitudes: [25.2799, 25.2799]
136 
							}, {
137 
								latitudes: [54.6896, 51.5002],
138 
								longitudes: [25.2799, -0.1262]
139 
							}, {
140 
								latitudes: [54.6896, 53.3441],
141 
								longitudes: [25.2799, -6.2675]
142 
							}],
143 
 
144 
							images: [{
145 
								label: "Flights from Vilnius",
146 
								svgPath: planeSVG,
147 
								left: 100,
148 
								top: 45,
149 
								labelShiftY: 5,
150 
								color: "#CC0000",
151 
								labelColor: "#CC0000",
152 
								labelRollOverColor: "#CC0000",
153 
								labelFontSize: 20
154 
							}, {
155 
								label: "show flights from London",
156 
								left: 106,
157 
								top: 70,
158 
								labelColor: "#000000",
159 
								labelRollOverColor: "#CC0000",
160 
								labelFontSize: 11,
161 
								linkToObject: "london"
162 
							}]
163 
						}, {
164 
							svgPath: targetSVG,
165 
							title: "Brussels",
166 
							latitude: 50.8371,
167 
							longitude: 4.3676
168 
						}, {
169 
							svgPath: targetSVG,
170 
							title: "Prague",
171 
							latitude: 50.0878,
172 
							longitude: 14.4205
173 
						}, {
174 
							svgPath: targetSVG,
175 
							title: "Athens",
176 
							latitude: 37.9792,
177 
							longitude: 23.7166
178 
						}, {
179 
							svgPath: targetSVG,
180 
							title: "Reykjavik",
181 
							latitude: 64.1353,
182 
							longitude: -21.8952
183 
						}, {
184 
							svgPath: targetSVG,
185 
							title: "Dublin",
186 
							latitude: 53.3441,
187 
							longitude: -6.2675
188 
						}, {
189 
							svgPath: targetSVG,
190 
							title: "Oslo",
191 
							latitude: 59.9138,
192 
							longitude: 10.7387
193 
						}, {
194 
							svgPath: targetSVG,
195 
							title: "Lisbon",
196 
							latitude: 38.7072,
197 
							longitude: -9.1355
198 
						}, {
199 
							svgPath: targetSVG,
200 
							title: "Moscow",
201 
							latitude: 55.7558,
202 
							longitude: 37.6176
203 
						}, {
204 
							svgPath: targetSVG,
205 
							title: "Belgrade",
206 
							latitude: 44.8048,
207 
							longitude: 20.4781
208 
						}, {
209 
							svgPath: targetSVG,
210 
							title: "Bratislava",
211 
							latitude: 48.2116,
212 
							longitude: 17.1547
213 
						}, {
214 
							svgPath: targetSVG,
215 
							title: "Ljubljana",
216 
							latitude: 46.0514,
217 
							longitude: 14.5060
218 
						}, {
219 
							svgPath: targetSVG,
220 
							title: "Madrid",
221 
							latitude: 40.4167,
222 
							longitude: -3.7033
223 
						}, {
224 
							svgPath: targetSVG,
225 
							title: "Stockholm",
226 
							latitude: 59.3328,
227 
							longitude: 18.0645
228 
						}, {
229 
							svgPath: targetSVG,
230 
							title: "Bern",
231 
							latitude: 46.9480,
232 
							longitude: 7.4481
233 
						}, {
234 
							svgPath: targetSVG,
235 
							title: "Kiev",
236 
							latitude: 50.4422,
237 
							longitude: 30.5367
238 
						}, {
239 
							svgPath: targetSVG,
240 
							title: "Paris",
241 
							latitude: 48.8567,
242 
							longitude: 2.3510
243 
						}, {
244 
							svgPath: targetSVG,
245 
							title: "New York",
246 
							latitude: 40.43,
247 
							longitude: -74
248 
						}
249 
					]
250 
				},
251 
 
252 
				areasSettings: {
253 
					unlistedAreasColor: "#FFCC00"
254 
				},
255 
 
256 
				imagesSettings: {
257 
					color: "#CC0000",
258 
					rollOverColor: "#CC0000",
259 
					selectedColor: "#000000"
260 
				},
261 
 
262 
				linesSettings: {
263 
					color: "#CC0000",
264 
					alpha: 0.4
265 
				},
266 
 
267 
 
268 
				backgroundZoomsToTop: true,
269 
				linesAboveImages: true
270 
			});
271 
        </script>
272 
    </head>
273 
 
274 
    <body>
275 
        <div id="mapdiv" style="width: 100%; background-color:#eeeeee; height: 500px;"></div>
276 
    </body>
277 
 
278 
</html>