-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
120 lines (109 loc) · 3.69 KB
/
index.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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mapa Brasil</title>
</head>
<body>
<div id="mapa" style="height: 400px; width: 600px; border: 1px solid"></div>
<br>
<input type="button" value="Brasil Federacao" onclick="brasilFederacao()">
<input type="button" value="Brasil Mesorregiao" onclick="brasilMesorregiao()">
<input type="button" value="Brasil Microrregiao" onclick="brasilMicroregiao()">
<input type="button" value="Brasil Município" onclick="brasilMunicipio()">
<br>
<br>
<input type="button" value="Brasil -> Mesorregiao" onclick="brasilGoToMesorregiao()">
<input type="button" value="Brasil -> Microrregiao" onclick="brasilGoToMicroregiao()">
<input type="button" value="Brasil -> Município" onclick="brasilGoToMunicipio()">
<input type="button" value="Município 6 digitos" onclick="municipio6Digitos()">
<script type="text/javascript">
function brasilFederacao() {
MapaBrasil(document.getElementById('mapa'), {
unidadeData: [
{codIbge: 52, fillColor: '#d82b40'},
{codIbge: 43, fillColor: '#d82b40'},
{codIbge: 11, fillColor: '#ffa700', strokeColor: '#008744', strokeWidth: 4},
],
onClick: function (data) {console.log(data)}
});
}
function brasilMunicipio() {
MapaBrasil(document.getElementById('mapa'), {
regiao: 'municipio',
onClick: function (data) {console.log(data)}
});
}
function brasilMesorregiao() {
MapaBrasil(document.getElementById('mapa'), {
regiao: 'mesorregiao',
onClick: function (data) {console.log(data)}
});
}
function brasilMicroregiao() {
MapaBrasil(document.getElementById('mapa'), {
regiao: 'microrregiao',
onClick: function (data) {console.log(data)}
});
}
// GO TO
function brasilGoToMunicipio() {
MapaBrasil(document.getElementById('mapa'), {
onClick: function (data) {
console.log(data);
MapaBrasil(document.getElementById('mapa'), {
unidade: data.codIbge,
regiao: 'municipio',
onClick: function (data) {
console.log(data)
}
});
}
});
}
function brasilGoToMesorregiao() {
MapaBrasil(document.getElementById('mapa'), {
onClick: function (data) {
console.log(data);
MapaBrasil(document.getElementById('mapa'), {
unidade: data.codIbge,
regiao: 'mesorregiao',
onClick: function (data) {
console.log(data)
}
});
}
});
}
function brasilGoToMicroregiao() {
MapaBrasil(document.getElementById('mapa'), {
onClick: function (data) {
console.log(data);
MapaBrasil(document.getElementById('mapa'), {
unidade: data.codIbge,
regiao: 'microrregiao',
onClick: function (data) {
console.log(data)
}
});
}
});
}
function municipio6Digitos(){
MapaBrasil(document.getElementById('mapa'), {
unidade: 11,
regiao: 'municipio',
unidadeData: [
{codIbge: 110001, fillColor: '#d82b40'}
],
onClick: function (data) {
console.log(data)
}
});
}
window.onload = function () {
brasilFederacao();
}
</script>
</body>
</html>