-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsample.html
47 lines (43 loc) · 1.47 KB
/
sample.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<html>
<head>
<title>Sample Euskadi GeoChart</title>
<meta content="">
<script src="js/euskadi_gc.js"></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script type='text/javascript'>
google.load('visualization', '1');
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
$("#svgmap").html("<p>Loading content...</p>");
var data = google.visualization.arrayToDataTable([
['Province', 'Population', 'Density'],
['Bizkaia', 1155241, 521.32],
['Gipuzkoa', 714360, 374.21],
['Araba', 321417, 105.82]
/* To check an example for municipalities:
['Municipality', 'Population', 'Density'],
['Bilbao', 349356, 8594.24],
['Donostia', 186500, 3062.9],
['Vitoria-Gasteiz', 241386, 872.03]*/
]);
var options = {
title:'Euskadi',
//width:650,
//height:400,
region:'ES-PV',
// Implemented resolutions: 'municipality', 'comarcas' and 'provinces'
resolution:'provinces',
labels:false,
colorAxis: {colors: ['#d7a12c', '#702f05']}
};
loadMap(data, options);
}
</script>
</head>
<body>
<div id="svgmap"></div>
</body>
</html>