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 example</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
        <script>
13
			var map;
14
 
15
			AmCharts.ready(function() {
16
			    map = new AmCharts.AmMap();
17
 
18
 
19
			    var dataProvider = {
20
			        mapVar: AmCharts.maps.worldLow,
21
			        zoomLevel: 3.5,
22
			        zoomLongitude: 10,
23
			        zoomLatitude: 52
24
			    };
25
 
26
			    map.areasSettings = {
27
			        unlistedAreasColor: "#DDDDDD",
28
			        rollOverOutlineColor: "#FFFFFF",
29
			        rollOverColor: "#CC0000",
30
			        balloonText: "[[title]] joined EU at [[customData]]"
31
			    };
32
 
33
			    map.creditsPosition = "top-right";
34
 
35
			    dataProvider.areas = [
36
			        {
37
			        title: "Austria",
38
			        id: "AT",
39
			        color: "#3366CC",
40
			        customData: "1995",
41
			        groupId: "before2004"},
42
			    {
43
			        title: "Ireland",
44
			        id: "IE",
45
			        color: "#3366CC",
46
			        customData: "1973",
47
			        groupId: "before2004"},
48
			    {
49
			        title: "Denmark",
50
			        id: "DK",
51
			        color: "#3366CC",
52
			        customData: "1973",
53
			        groupId: "before2004"},
54
			    {
55
			        title: "Finland",
56
			        id: "FI",
57
			        color: "#3366CC",
58
			        customData: "1995",
59
			        groupId: "before2004"},
60
			    {
61
			        title: "Sweden",
62
			        id: "SE",
63
			        color: "#3366CC",
64
			        customData: "1995",
65
			        groupId: "before2004"},
66
			    {
67
			        title: "Great Britain",
68
			        id: "GB",
69
			        color: "#3366CC",
70
			        customData: "1973",
71
			        groupId: "before2004"},
72
			    {
73
			        title: "Italy",
74
			        id: "IT",
75
			        color: "#3366CC",
76
			        customData: "1957",
77
			        groupId: "before2004"},
78
			    {
79
			        title: "France",
80
			        id: "FR",
81
			        color: "#3366CC",
82
			        customData: "1957",
83
			        groupId: "before2004"},
84
			    {
85
			        title: "Spain",
86
			        id: "ES",
87
			        color: "#3366CC",
88
			        customData: "1986",
89
			        groupId: "before2004"},
90
			    {
91
			        title: "Greece",
92
			        id: "GR",
93
			        color: "#3366CC",
94
			        customData: "1981",
95
			        groupId: "before2004"},
96
			    {
97
			        title: "Germany",
98
			        id: "DE",
99
			        color: "#3366CC",
100
			        customData: "1957",
101
			        groupId: "before2004"},
102
			    {
103
			        title: "Belgium",
104
			        id: "BE",
105
			        color: "#3366CC",
106
			        customData: "1957",
107
			        groupId: "before2004"},
108
			    {
109
			        title: "Luxembourg",
110
			        id: "LU",
111
			        color: "#3366CC",
112
			        customData: "1957",
113
			        groupId: "before2004"},
114
			    {
115
			        title: "Netherlands",
116
			        id: "NL",
117
			        color: "#3366CC",
118
			        customData: "1957",
119
			        groupId: "before2004"},
120
			    {
121
			        title: "Portugal",
122
			        id: "PT",
123
			        color: "#3366CC",
124
			        customData: "1986",
125
			        groupId: "before2004"},
126
 
127
			    {
128
			        title: "Lithuania",
129
			        id: "LT",
130
			        color: "#FFCC33",
131
			        customData: "2004",
132
			        groupId: "2004"},
133
			    {
134
			        title: "Latvia",
135
			        id: "LV",
136
			        color: "#FFCC33",
137
			        customData: "2004",
138
			        groupId: "2004"},
139
			    {
140
			        title: "Czech Republic ",
141
			        id: "CZ",
142
			        color: "#FFCC33",
143
			        customData: "2004",
144
			        groupId: "2004"},
145
			    {
146
			        title: "Slovakia",
147
			        id: "SK",
148
			        color: "#FFCC33",
149
			        customData: "2004",
150
			        groupId: "2004"},
151
			    {
152
			        title: "Slovenia",
153
			        id: "SI",
154
			        color: "#FFCC33",
155
			        customData: "2004",
156
			        groupId: "2004"},
157
			    {
158
			        title: "Estonia",
159
			        id: "EE",
160
			        color: "#FFCC33",
161
			        customData: "2004",
162
			        groupId: "2004"},
163
			    {
164
			        title: "Hungary",
165
			        id: "HU",
166
			        color: "#FFCC33",
167
			        customData: "2004",
168
			        groupId: "2004"},
169
			    {
170
			        title: "Cyprus",
171
			        id: "CY",
172
			        color: "#FFCC33",
173
			        customData: "2004",
174
			        groupId: "2004"},
175
			    {
176
			        title: "Malta",
177
			        id: "MT",
178
			        color: "#FFCC33",
179
			        customData: "2004",
180
			        groupId: "2004"},
181
			    {
182
			        title: "Poland",
183
			        id: "PL",
184
			        color: "#FFCC33",
185
			        customData: "2004",
186
			        groupId: "2004"},
187
 
188
			    {
189
			        title: "Romania",
190
			        id: "RO",
191
			        color: "#66CC99",
192
			        customData: "2007",
193
			        groupId: "2007"},
194
			    {
195
			        title: "Bulgaria",
196
			        id: "BG",
197
			        color: "#66CC99",
198
			        customData: "2007",
199
			        groupId: "2007"}
200
			    ];
201
 
202
			    map.dataProvider = dataProvider;
203
 
204
			    var legend = {
205
			        width: 600,
206
			        backgroundAlpha: 0.5,
207
			        backgroundColor: "#FFFFFF",
208
			        borderColor: "#666666",
209
			        borderAlpha: 1,
210
			        bottom: 15,
211
			        left: 15,
212
			        horizontalGap: 10,
213
			        data: [
214
			            {
215
			            title: "Joined EU before 2004",
216
			            color: "#3366CC"},
217
			        {
218
			            title: "Joined EU at 2004",
219
			            color: "#FFCC33"},
220
			        {
221
			            title: "Joined EU at 2007",
222
			            color: "#66CC99"}
223
			        ]
224
			    };
225
 
226
			    map.addLegend(legend);
227
			    map.write("mapdiv");
228
 
229
			});
230
 
231
        </script>
232
    </head>
233
 
234
    <body>
235
        <div id="mapdiv" style="width: 800px; background-color:#eeeeee; height: 500px;"></div>
236
    </body>
237
 
238
</html>