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 
                    zoomLevel: 3.5,
26 
                    zoomLongitude: -20.1341,
27 
                    zoomLatitude: 49.1712,
28 
 
29 
                    lines: [{
30 
                        latitudes: [51.5002, 50.4422],
31 
                        longitudes: [-0.1262, 30.5367]
32 
                    }, {
33 
                        latitudes: [51.5002, 46.9480],
34 
                        longitudes: [-0.1262, 7.4481]
35 
                    }, {
36 
                        latitudes: [51.5002, 59.3328],
37 
                        longitudes: [-0.1262, 18.0645]
38 
                    }, {
39 
                        latitudes: [51.5002, 40.4167],
40 
                        longitudes: [-0.1262, -3.7033]
41 
                    }, {
42 
                        latitudes: [51.5002, 46.0514],
43 
                        longitudes: [-0.1262, 14.5060]
44 
                    }, {
45 
                        latitudes: [51.5002, 48.2116],
46 
                        longitudes: [-0.1262, 17.1547]
47 
                    }, {
48 
                        latitudes: [51.5002, 44.8048],
49 
                        longitudes: [-0.1262, 20.4781]
50 
                    }, {
51 
                        latitudes: [51.5002, 55.7558],
52 
                        longitudes: [-0.1262, 37.6176]
53 
                    }, {
54 
                        latitudes: [51.5002, 38.7072],
55 
                        longitudes: [-0.1262, -9.1355]
56 
                    }, {
57 
                        latitudes: [51.5002, 54.6896],
58 
                        longitudes: [-0.1262, 25.2799]
59 
                    }, {
60 
                        latitudes: [51.5002, 64.1353],
61 
                        longitudes: [-0.1262, -21.8952]
62 
                    }, {
63 
                        latitudes: [51.5002, 40.4300],
64 
                        longitudes: [-0.1262, -74.0000]
65 
                    }],
66 
                    images: [{
67 
                        id: "london",
68 
                        svgPath: targetSVG,
69 
                        title: "London",
70 
                        latitude: 51.5002,
71 
                        longitude: -0.1262,
72 
                        scale: 1
73 
                    }, {
74 
                        svgPath: targetSVG,
75 
                        title: "Brussels",
76 
                        latitude: 50.8371,
77 
                        longitude: 4.3676,
78 
                        scale: 0.5
79 
                    }, {
80 
                        svgPath: targetSVG,
81 
                        title: "Prague",
82 
                        latitude: 50.0878,
83 
                        longitude: 14.4205,
84 
                        scale: 0.5
85 
                    }, {
86 
                        svgPath: targetSVG,
87 
                        title: "Athens",
88 
                        latitude: 37.9792,
89 
                        longitude: 23.7166,
90 
                        scale: 0.5
91 
                    }, {
92 
                        svgPath: targetSVG,
93 
                        title: "Reykjavik",
94 
                        latitude: 64.1353,
95 
                        longitude: -21.8952,
96 
                        scale: 0.5
97 
                    }, {
98 
                        svgPath: targetSVG,
99 
                        title: "Dublin",
100 
                        latitude: 53.3441,
101 
                        longitude: -6.2675,
102 
                        scale: 0.5
103 
                    }, {
104 
                        svgPath: targetSVG,
105 
                        title: "Oslo",
106 
                        latitude: 59.9138,
107 
                        longitude: 10.7387,
108 
                        scale: 0.5
109 
                    }, {
110 
                        svgPath: targetSVG,
111 
                        title: "Lisbon",
112 
                        latitude: 38.7072,
113 
                        longitude: -9.1355,
114 
                        scale: 0.5
115 
                    }, {
116 
                        svgPath: targetSVG,
117 
                        title: "Moscow",
118 
                        latitude: 55.7558,
119 
                        longitude: 37.6176,
120 
                        scale: 0.5
121 
                    }, {
122 
                        svgPath: targetSVG,
123 
                        title: "Belgrade",
124 
                        latitude: 44.8048,
125 
                        longitude: 20.4781,
126 
                        scale: 0.5
127 
                    }, {
128 
                        svgPath: targetSVG,
129 
                        title: "Bratislava",
130 
                        latitude: 48.2116,
131 
                        longitude: 17.1547,
132 
                        scale: 0.5
133 
                    }, {
134 
                        svgPath: targetSVG,
135 
                        title: "Ljubljana",
136 
                        latitude: 46.0514,
137 
                        longitude: 14.5060,
138 
                        scale: 0.5
139 
                    }, {
140 
                        svgPath: targetSVG,
141 
                        title: "Madrid",
142 
                        latitude: 40.4167,
143 
                        longitude: -3.7033,
144 
                        scale: 0.5
145 
                    }, {
146 
                        svgPath: targetSVG,
147 
                        title: "Stockholm",
148 
                        latitude: 59.3328,
149 
                        longitude: 18.0645,
150 
                        scale: 0.5
151 
                    }, {
152 
                        svgPath: targetSVG,
153 
                        title: "Bern",
154 
                        latitude: 46.9480,
155 
                        longitude: 7.4481,
156 
                        scale: 0.5
157 
                    }, {
158 
                        svgPath: targetSVG,
159 
                        title: "Kiev",
160 
                        latitude: 50.4422,
161 
                        longitude: 30.5367,
162 
                        scale: 0.5
163 
                    }, {
164 
                        svgPath: targetSVG,
165 
                        title: "Paris",
166 
                        latitude: 48.8567,
167 
                        longitude: 2.3510,
168 
                        scale: 0.5
169 
                    }, {
170 
                        svgPath: targetSVG,
171 
                        title: "New York",
172 
                        latitude: 40.43,
173 
                        longitude: -74,
174 
                        scale: 0.5
175 
                    }]
176 
                },
177 
 
178 
                areasSettings: {
179 
                    unlistedAreasColor: "#FFCC00"
180 
                },
181 
 
182 
                imagesSettings: {
183 
                    color: "#CC0000",
184 
                    rollOverColor: "#CC0000",
185 
                    selectedColor: "#000000"
186 
                },
187 
 
188 
                linesSettings: {
189 
                    arc: -0.7, // this makes lines curved. Use value from -1 to 1
190 
                    arrow: "middle",
191 
                    color: "#CC0000",
192 
                    alpha: 0.4,
193 
                    arrowAlpha: 1,
194 
                    arrowSize: 4,
195 
                    dashLength:2
196 
                },
197 
 
198 
                backgroundZoomsToTop: true,
199 
                linesAboveImages: true
200 
            });
201 
        </script>
202 
    </head>
203 
 
204 
    <body>
205 
        <div id="mapdiv" style="width: 100%; background-color:#eeeeee; height: 500px;"></div>
206 
    </body>
207 
 
208 
</html>