-
Notifications
You must be signed in to change notification settings - Fork 0
/
map-bin-example.html
226 lines (221 loc) · 19.4 KB
/
map-bin-example.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
var COLORS = ["#070093", "#1c3fbf", "#1482e5", "#70b4eb", "#b4e0f3", "#ffffff"];
var lngExtent = [39.5, 40.6];
var latExtent = [115.9, 116.8];
var cellCount = [32, 32];
var cellSizeCoord = [
(lngExtent[1] - lngExtent[0]) / cellCount[0],
(latExtent[1] - latExtent[0]) / cellCount[1]
];
var gapSize = 0;
var data = [[0, 0, 5], [1, 0, 5], [2, 0, 5], [3, 0, 5], [4, 0, 5], [5, 0, 5], [6, 0, 5], [7, 0, 5], [8, 0, 4], [9, 0, 4], [10, 0, 4], [11, 0, 4], [12, 0, 4], [13, 0, 4], [14, 0, 4], [15, 0, 5], [16, 0, 5], [17, 0, 5], [18, 0, 5], [19, 0, 5], [20, 0, 5], [21, 0, 5], [22, 0, 4], [23, 0, 5], [24, 0, 4], [25, 0, 4], [26, 0, 4], [27, 0, 5], [28, 0, 5], [29, 0, 5], [30, 0, 5], [31, 0, 5], [0, 1, 5], [1, 1, 5], [2, 1, 5], [3, 1, 5], [4, 1, 5], [5, 1, 4], [6, 1, 5], [7, 1, 5], [8, 1, 4], [9, 1, 5], [10, 1, 5], [11, 1, 4], [12, 1, 4], [13, 1, 4], [14, 1, 4], [15, 1, 4], [16, 1, 4], [17, 1, 5], [18, 1, 4], [19, 1, 4], [20, 1, 4], [21, 1, 4], [22, 1, 4], [23, 1, 4], [24, 1, 4], [25, 1, 4], [26, 1, 4], [27, 1, 4], [28, 1, 4], [29, 1, 4], [30, 1, 5], [31, 1, 5], [0, 2, 5], [1, 2, 5], [2, 2, 5], [3, 2, 5], [4, 2, 5], [5, 2, 4], [6, 2, 5], [7, 2, 4], [8, 2, 4], [9, 2, 5], [10, 2, 5], [11, 2, 4], [12, 2, 4], [13, 2, 4], [14, 2, 4], [15, 2, 4], [16, 2, 4], [17, 2, 4], [18, 2, 4], [19, 2, 4], [20, 2, 4], [21, 2, 4], [22, 2, 4], [23, 2, 4], [24, 2, 4], [25, 2, 4], [26, 2, 4], [27, 2, 4], [28, 2, 3], [29, 2, 4], [30, 2, 4], [31, 2, 5], [0, 3, 5], [1, 3, 5], [2, 3, 5], [3, 3, 5], [4, 3, 5], [5, 3, 5], [6, 3, 4], [7, 3, 4], [8, 3, 4], [9, 3, 4], [10, 3, 4], [11, 3, 4], [12, 3, 4], [13, 3, 4], [14, 3, 4], [15, 3, 4], [16, 3, 4], [17, 3, 4], [18, 3, 4], [19, 3, 4], [20, 3, 4], [21, 3, 4], [22, 3, 5], [23, 3, 4], [24, 3, 4], [25, 3, 4], [26, 3, 4], [27, 3, 4], [28, 3, 4], [29, 3, 4], [30, 3, 4], [31, 3, 5], [0, 4, 5], [1, 4, 5], [2, 4, 5], [3, 4, 5], [4, 4, 4], [5, 4, 4], [6, 4, 4], [7, 4, 5], [8, 4, 4], [9, 4, 4], [10, 4, 4], [11, 4, 4], [12, 4, 4], [13, 4, 4], [14, 4, 4], [15, 4, 4], [16, 4, 4], [17, 4, 4], [18, 4, 4], [19, 4, 4], [20, 4, 4], [21, 4, 4], [22, 4, 4], [23, 4, 4], [24, 4, 4], [25, 4, 4], [26, 4, 4], [27, 4, 4], [28, 4, 4], [29, 4, 4], [30, 4, 5], [31, 4, 5], [0, 5, 5], [1, 5, 5], [2, 5, 5], [3, 5, 5], [4, 5, 4], [5, 5, 4], [6, 5, 5], [7, 5, 5], [8, 5, 4], [9, 5, 4], [10, 5, 4], [11, 5, 4], [12, 5, 4], [13, 5, 4], [14, 5, 4], [15, 5, 4], [16, 5, 4], [17, 5, 4], [18, 5, 4], [19, 5, 4], [20, 5, 4], [21, 5, 4], [22, 5, 5], [23, 5, 5], [24, 5, 4], [25, 5, 4], [26, 5, 4], [27, 5, 3], [28, 5, 4], [29, 5, 4], [30, 5, 4], [31, 5, 5], [0, 6, 5], [1, 6, 5], [2, 6, 5], [3, 6, 5], [4, 6, 4], [5, 6, 4], [6, 6, 4], [7, 6, 5], [8, 6, 4], [9, 6, 4], [10, 6, 4], [11, 6, 4], [12, 6, 4], [13, 6, 4], [14, 6, 4], [15, 6, 4], [16, 6, 4], [17, 6, 4], [18, 6, 4], [19, 6, 4], [20, 6, 4], [21, 6, 4], [22, 6, 4], [23, 6, 4], [24, 6, 4], [25, 6, 4], [26, 6, 4], [27, 6, 4], [28, 6, 4], [29, 6, 4], [30, 6, 4], [31, 6, 4], [0, 7, 5], [1, 7, 5], [2, 7, 5], [3, 7, 5], [4, 7, 4], [5, 7, 5], [6, 7, 4], [7, 7, 4], [8, 7, 4], [9, 7, 4], [10, 7, 4], [11, 7, 4], [12, 7, 4], [13, 7, 4], [14, 7, 4], [15, 7, 4], [16, 7, 4], [17, 7, 4], [18, 7, 4], [19, 7, 4], [20, 7, 4], [21, 7, 4], [22, 7, 4], [23, 7, 4], [24, 7, 4], [25, 7, 4], [26, 7, 4], [27, 7, 5], [28, 7, 4], [29, 7, 4], [30, 7, 4], [31, 7, 4], [0, 8, 5], [1, 8, 5], [2, 8, 5], [3, 8, 4], [4, 8, 4], [5, 8, 4], [6, 8, 4], [7, 8, 4], [8, 8, 4], [9, 8, 4], [10, 8, 4], [11, 8, 5], [12, 8, 4], [13, 8, 4], [14, 8, 4], [15, 8, 4], [16, 8, 4], [17, 8, 4], [18, 8, 4], [19, 8, 4], [20, 8, 5], [21, 8, 4], [22, 8, 4], [23, 8, 4], [24, 8, 4], [25, 8, 4], [26, 8, 3], [27, 8, 3], [28, 8, 4], [29, 8, 4], [30, 8, 4], [31, 8, 4], [0, 9, 5], [1, 9, 5], [2, 9, 5], [3, 9, 4], [4, 9, 4], [5, 9, 4], [6, 9, 4], [7, 9, 4], [8, 9, 4], [9, 9, 4], [10, 9, 4], [11, 9, 5], [12, 9, 4], [13, 9, 4], [14, 9, 4], [15, 9, 4], [16, 9, 4], [17, 9, 4], [18, 9, 4], [19, 9, 4], [20, 9, 4], [21, 9, 4], [22, 9, 4], [23, 9, 4], [24, 9, 5], [25, 9, 4], [26, 9, 5], [27, 9, 3], [28, 9, 5], [29, 9, 4], [30, 9, 4], [31, 9, 4], [0, 10, 5], [1, 10, 5], [2, 10, 5], [3, 10, 4], [4, 10, 4], [5, 10, 4], [6, 10, 4], [7, 10, 4], [8, 10, 4], [9, 10, 4], [10, 10, 4], [11, 10, 4], [12, 10, 4], [13, 10, 4], [14, 10, 4], [15, 10, 4], [16, 10, 4], [17, 10, 4], [18, 10, 4], [19, 10, 4], [20, 10, 4], [21, 10, 4], [22, 10, 4], [23, 10, 4], [24, 10, 4], [25, 10, 4], [26, 10, 5], [27, 10, 4], [28, 10, 4], [29, 10, 4], [30, 10, 4], [31, 10, 4], [0, 11, 5], [1, 11, 5], [2, 11, 5], [3, 11, 4], [4, 11, 4], [5, 11, 4], [6, 11, 4], [7, 11, 4], [8, 11, 4], [9, 11, 4], [10, 11, 4], [11, 11, 4], [12, 11, 4], [13, 11, 4], [14, 11, 5], [15, 11, 4], [16, 11, 4], [17, 11, 4], [18, 11, 4], [19, 11, 4], [20, 11, 4], [21, 11, 4], [22, 11, 4], [23, 11, 4], [24, 11, 4], [25, 11, 4], [26, 11, 5], [27, 11, 4], [28, 11, 4], [29, 11, 4], [30, 11, 4], [31, 11, 4], [0, 12, 5], [1, 12, 5], [2, 12, 5], [3, 12, 4], [4, 12, 4], [5, 12, 4], [6, 12, 4], [7, 12, 4], [8, 12, 4], [9, 12, 4], [10, 12, 4], [11, 12, 4], [12, 12, 4], [13, 12, 4], [14, 12, 4], [15, 12, 5], [16, 12, 4], [17, 12, 4], [18, 12, 4], [19, 12, 4], [20, 12, 4], [21, 12, 4], [22, 12, 4], [23, 12, 4], [24, 12, 4], [25, 12, 4], [26, 12, 5], [27, 12, 4], [28, 12, 4], [29, 12, 4], [30, 12, 4], [31, 12, 4], [0, 13, 5], [1, 13, 5], [2, 13, 5], [3, 13, 4], [4, 13, 4], [5, 13, 5], [6, 13, 4], [7, 13, 4], [8, 13, 4], [9, 13, 4], [10, 13, 4], [11, 13, 4], [12, 13, 4], [13, 13, 4], [14, 13, 4], [15, 13, 4], [16, 13, 4], [17, 13, 4], [18, 13, 4], [19, 13, 5], [20, 13, 4], [21, 13, 3], [22, 13, 4], [23, 13, 3], [24, 13, 3], [25, 13, 2], [26, 13, 5], [27, 13, 1], [28, 13, 2], [29, 13, 3], [30, 13, 4], [31, 13, 4], [0, 14, 5], [1, 14, 5], [2, 14, 5], [3, 14, 4], [4, 14, 4], [5, 14, 4], [6, 14, 4], [7, 14, 4], [8, 14, 4], [9, 14, 4], [10, 14, 4], [11, 14, 4], [12, 14, 4], [13, 14, 4], [14, 14, 4], [15, 14, 4], [16, 14, 4], [17, 14, 4], [18, 14, 4], [19, 14, 4], [20, 14, 4], [21, 14, 4], [22, 14, 4], [23, 14, 3], [24, 14, 3], [25, 14, 4], [26, 14, 5], [27, 14, 3], [28, 14, 3], [29, 14, 0], [30, 14, 4], [31, 14, 4], [0, 15, 5], [1, 15, 5], [2, 15, 4], [3, 15, 4], [4, 15, 4], [5, 15, 4], [6, 15, 4], [7, 15, 4], [8, 15, 4], [9, 15, 4], [10, 15, 4], [11, 15, 4], [12, 15, 4], [13, 15, 4], [14, 15, 4], [15, 15, 4], [16, 15, 4], [17, 15, 4], [18, 15, 4], [19, 15, 4], [20, 15, 4], [21, 15, 4], [22, 15, 4], [23, 15, 4], [24, 15, 4], [25, 15, 4], [26, 15, 3], [27, 15, 5], [28, 15, 4], [29, 15, 3], [30, 15, 4], [31, 15, 4], [0, 16, 5], [1, 16, 5], [2, 16, 4], [3, 16, 4], [4, 16, 4], [5, 16, 4], [6, 16, 4], [7, 16, 4], [8, 16, 4], [9, 16, 4], [10, 16, 4], [11, 16, 4], [12, 16, 4], [13, 16, 4], [14, 16, 4], [15, 16, 4], [16, 16, 4], [17, 16, 4], [18, 16, 4], [19, 16, 4], [20, 16, 4], [21, 16, 4], [22, 16, 4], [23, 16, 4], [24, 16, 4], [25, 16, 4], [26, 16, 3], [27, 16, 5], [28, 16, 4], [29, 16, 3], [30, 16, 4], [31, 16, 5], [0, 17, 5], [1, 17, 5], [2, 17, 4], [3, 17, 4], [4, 17, 4], [5, 17, 4], [6, 17, 4], [7, 17, 4], [8, 17, 4], [9, 17, 4], [10, 17, 4], [11, 17, 4], [12, 17, 4], [13, 17, 4], [14, 17, 4], [15, 17, 4], [16, 17, 4], [17, 17, 4], [18, 17, 4], [19, 17, 3], [20, 17, 4], [21, 17, 4], [22, 17, 3], [23, 17, 4], [24, 17, 4], [25, 17, 5], [26, 17, 2], [27, 17, 5], [28, 17, 4], [29, 17, 4], [30, 17, 4], [31, 17, 5], [0, 18, 5], [1, 18, 5], [2, 18, 4], [3, 18, 4], [4, 18, 4], [5, 18, 4], [6, 18, 4], [7, 18, 4], [8, 18, 4], [9, 18, 4], [10, 18, 4], [11, 18, 4], [12, 18, 4], [13, 18, 3], [14, 18, 4], [15, 18, 5], [16, 18, 4], [17, 18, 4], [18, 18, 4], [19, 18, 4], [20, 18, 3], [21, 18, 3], [22, 18, 3], [23, 18, 4], [24, 18, 4], [25, 18, 4], [26, 18, 3], [27, 18, 4], [28, 18, 4], [29, 18, 4], [30, 18, 4], [31, 18, 5], [0, 19, 5], [1, 19, 5], [2, 19, 4], [3, 19, 4], [4, 19, 4], [5, 19, 4], [6, 19, 4], [7, 19, 5], [8, 19, 4], [9, 19, 4], [10, 19, 4], [11, 19, 4], [12, 19, 4], [13, 19, 4], [14, 19, 4], [15, 19, 4], [16, 19, 4], [17, 19, 4], [18, 19, 4], [19, 19, 4], [20, 19, 4], [21, 19, 2], [22, 19, 3], [23, 19, 4], [24, 19, 3], [25, 19, 5], [26, 19, 5], [27, 19, 4], [28, 19, 3], [29, 19, 4], [30, 19, 4], [31, 19, 4], [0, 20, 5], [1, 20, 5], [2, 20, 4], [3, 20, 4], [4, 20, 4], [5, 20, 4], [6, 20, 4], [7, 20, 4], [8, 20, 4], [9, 20, 4], [10, 20, 4], [11, 20, 4], [12, 20, 4], [13, 20, 4], [14, 20, 4], [15, 20, 4], [16, 20, 4], [17, 20, 4], [18, 20, 4], [19, 20, 3], [20, 20, 4], [21, 20, 4], [22, 20, 5], [23, 20, 3], [24, 20, 4], [25, 20, 5], [26, 20, 2], [27, 20, 2], [28, 20, 4], [29, 20, 4], [30, 20, 4], [31, 20, 4], [0, 21, 5], [1, 21, 5], [2, 21, 4], [3, 21, 4], [4, 21, 4], [5, 21, 4], [6, 21, 4], [7, 21, 4], [8, 21, 4], [9, 21, 4], [10, 21, 4], [11, 21, 4], [12, 21, 4], [13, 21, 4], [14, 21, 4], [15, 21, 4], [16, 21, 4], [17, 21, 3], [18, 21, 4], [19, 21, 4], [20, 21, 4], [21, 21, 3], [22, 21, 5], [23, 21, 2], [24, 21, 2], [25, 21, 3], [26, 21, 4], [27, 21, 3], [28, 21, 4], [29, 21, 3], [30, 21, 4], [31, 21, 5], [0, 22, 5], [1, 22, 4], [2, 22, 4], [3, 22, 4], [4, 22, 4], [5, 22, 4], [6, 22, 4], [7, 22, 4], [8, 22, 4], [9, 22, 4], [10, 22, 5], [11, 22, 3], [12, 22, 5], [13, 22, 4], [14, 22, 4], [15, 22, 4], [16, 22, 5], [17, 22, 4], [18, 22, 5], [19, 22, 4], [20, 22, 4], [21, 22, 3], [22, 22, 4], [23, 22, 3], [24, 22, 4], [25, 22, 4], [26, 22, 2], [27, 22, 5], [28, 22, 3], [29, 22, 1], [30, 22, 4], [31, 22, 5], [0, 23, 5], [1, 23, 5], [2, 23, 5], [3, 23, 4], [4, 23, 4], [5, 23, 4], [6, 23, 4], [7, 23, 4], [8, 23, 4], [9, 23, 4], [10, 23, 4], [11, 23, 4], [12, 23, 5], [13, 23, 4], [14, 23, 4], [15, 23, 4], [16, 23, 4], [17, 23, 2], [18, 23, 5], [19, 23, 5], [20, 23, 3], [21, 23, 4], [22, 23, 3], [23, 23, 3], [24, 23, 3], [25, 23, 3], [26, 23, 2], [27, 23, 3], [28, 23, 5], [29, 23, 2], [30, 23, 4], [31, 23, 5], [0, 24, 5], [1, 24, 5], [2, 24, 5], [3, 24, 5], [4, 24, 5], [5, 24, 4], [6, 24, 5], [7, 24, 4], [8, 24, 4], [9, 24, 4], [10, 24, 4], [11, 24, 4], [12, 24, 4], [13, 24, 4], [14, 24, 3], [15, 24, 3], [16, 24, 4], [17, 24, 4], [18, 24, 4], [19, 24, 4], [20, 24, 4], [21, 24, 4], [22, 24, 3], [23, 24, 1], [24, 24, 3], [25, 24, 1], [26, 24, 1], [27, 24, 5], [28, 24, 4], [29, 24, 3], [30, 24, 4], [31, 24, 4], [0, 25, 5], [1, 25, 5], [2, 25, 5], [3, 25, 5], [4, 25, 5], [5, 25, 5], [6, 25, 5], [7, 25, 5], [8, 25, 4], [9, 25, 4], [10, 25, 5], [11, 25, 4], [12, 25, 4], [13, 25, 4], [14, 25, 4], [15, 25, 4], [16, 25, 4], [17, 25, 4], [18, 25, 3], [19, 25, 5], [20, 25, 2], [21, 25, 4], [22, 25, 1], [23, 25, 2], [24, 25, 3], [25, 25, 0], [26, 25, 5], [27, 25, 1], [28, 25, 2], [29, 25, 5], [30, 25, 4], [31, 25, 4], [0, 26, 5], [1, 26, 5], [2, 26, 5], [3, 26, 5], [4, 26, 5], [5, 26, 5], [6, 26, 5], [7, 26, 5], [8, 26, 4], [9, 26, 4], [10, 26, 4], [11, 26, 4], [12, 26, 4], [13, 26, 4], [14, 26, 4], [15, 26, 4], [16, 26, 4], [17, 26, 4], [18, 26, 4], [19, 26, 4], [20, 26, 4], [21, 26, 3], [22, 26, 3], [23, 26, 3], [24, 26, 3], [25, 26, 2], [26, 26, 2], [27, 26, 0], [28, 26, 0], [29, 26, 2], [30, 26, 4], [31, 26, 4], [0, 27, 5], [1, 27, 5], [2, 27, 5], [3, 27, 5], [4, 27, 5], [5, 27, 5], [6, 27, 5], [7, 27, 5], [8, 27, 5], [9, 27, 4], [10, 27, 5], [11, 27, 4], [12, 27, 4], [13, 27, 5], [14, 27, 4], [15, 27, 4], [16, 27, 4], [17, 27, 4], [18, 27, 4], [19, 27, 3], [20, 27, 3], [21, 27, 5], [22, 27, 2], [23, 27, 2], [24, 27, 5], [25, 27, 4], [26, 27, 1], [27, 27, 2], [28, 27, 2], [29, 27, 4], [30, 27, 5], [31, 27, 4], [0, 28, 5], [1, 28, 5], [2, 28, 5], [3, 28, 5], [4, 28, 5], [5, 28, 5], [6, 28, 5], [7, 28, 5], [8, 28, 5], [9, 28, 4], [10, 28, 4], [11, 28, 4], [12, 28, 4], [13, 28, 4], [14, 28, 4], [15, 28, 4], [16, 28, 4], [17, 28, 4], [18, 28, 2], [19, 28, 3], [20, 28, 2], [21, 28, 3], [22, 28, 3], [23, 28, 4], [24, 28, 4], [25, 28, 3], [26, 28, 2], [27, 28, 2], [28, 28, 3], [29, 28, 4], [30, 28, 5], [31, 28, 5], [0, 29, 5], [1, 29, 5], [2, 29, 5], [3, 29, 5], [4, 29, 5], [5, 29, 5], [6, 29, 5], [7, 29, 5], [8, 29, 5], [9, 29, 5], [10, 29, 4], [11, 29, 4], [12, 29, 4], [13, 29, 4], [14, 29, 4], [15, 29, 4], [16, 29, 4], [17, 29, 4], [18, 29, 4], [19, 29, 4], [20, 29, 4], [21, 29, 4], [22, 29, 4], [23, 29, 3], [24, 29, 3], [25, 29, 4], [26, 29, 4], [27, 29, 2], [28, 29, 4], [29, 29, 5], [30, 29, 5], [31, 29, 5], [0, 30, 5], [1, 30, 5], [2, 30, 5], [3, 30, 5], [4, 30, 5], [5, 30, 5], [6, 30, 5], [7, 30, 5], [8, 30, 5], [9, 30, 5], [10, 30, 4], [11, 30, 4], [12, 30, 4], [13, 30, 5], [14, 30, 5], [15, 30, 4], [16, 30, 4], [17, 30, 4], [18, 30, 4], [19, 30, 4], [20, 30, 4], [21, 30, 4], [22, 30, 4], [23, 30, 3], [24, 30, 3], [25, 30, 5], [26, 30, 2], [27, 30, 3], [28, 30, 5], [29, 30, 5], [30, 30, 5], [31, 30, 5], [0, 31, 5], [1, 31, 5], [2, 31, 5], [3, 31, 5], [4, 31, 5], [5, 31, 5], [6, 31, 5], [7, 31, 5], [8, 31, 5], [9, 31, 5], [10, 31, 4], [11, 31, 4], [12, 31, 5], [13, 31, 5], [14, 31, 5], [15, 31, 5], [16, 31, 5], [17, 31, 5], [18, 31, 5], [19, 31, 5], [20, 31, 5], [21, 31, 5], [22, 31, 5], [23, 31, 4], [24, 31, 4], [25, 31, 4], [26, 31, 5], [27, 31, 5], [28, 31, 5], [29, 31, 5], [30, 31, 5], [31, 31, 5]];
function renderItem(params, api) {
var context = params.context;
var lngIndex = api.value(0);
var latIndex = api.value(1);
var coordLeftTop = [
+(latExtent[0] + lngIndex * cellSizeCoord[0]).toFixed(6),
+(lngExtent[0] + latIndex * cellSizeCoord[1]).toFixed(6)
];
var pointLeftTop = getCoord(params, api, lngIndex, latIndex);
var pointRightBottom = getCoord(params, api, lngIndex + 1, latIndex + 1);
return {
type: 'rect',
shape: {
x: pointLeftTop[0],
y: pointLeftTop[1],
width: pointRightBottom[0] - pointLeftTop[0],
height: pointRightBottom[1] - pointLeftTop[1]
},
style: api.style({
stroke: 'rgba(0,0,0,0.1)'
}),
styleEmphasis: api.styleEmphasis()
};
}
function getCoord(params, api, lngIndex, latIndex) {
var coords = params.context.coords || (params.context.coords = []);
var key = lngIndex + '-' + latIndex;
// bmap returns point in integer, which makes cell width unstable.
// So we have to use right bottom point.
return coords[key] || (coords[key] = api.coord([
+(latExtent[0] + lngIndex * cellSizeCoord[0]).toFixed(6),
+(lngExtent[0] + latIndex * cellSizeCoord[1]).toFixed(6)
]));
}
option = {
tooltip: {},
visualMap: {
type: 'piecewise',
inverse: true,
top: 10,
left: 10,
pieces: [{
value: 0, color: COLORS[0]
}, {
value: 1, color: COLORS[1]
}, {
value: 2, color: COLORS[2]
}, {
value: 3, color: COLORS[3]
}, {
value: 4, color: COLORS[4]
}, {
value: 5, color: COLORS[5]
}],
borderColor: '#ccc',
borderWidth: 2,
backgroundColor: '#eee',
dimension: 2,
inRange: {
color: COLORS,
opacity: 0.7
}
},
series: [
{
type: 'custom',
coordinateSystem: 'bmap',
renderItem: renderItem,
animation: false,
emphasis: {
itemStyle: {
color: 'yellow'
}
},
encode: {
tooltip: 2
},
data: data
}
],
bmap: {
center: [116.46, 39.92],
zoom: 11.8,
roam: true,
mapStyle: {
styleJson: [{
'featureType': 'water',
'elementType': 'all',
'stylers': {
'color': '#d1d1d1'
}
}, {
'featureType': 'land',
'elementType': 'all',
'stylers': {
'color': '#f3f3f3'
}
}, {
'featureType': 'railway',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'highway',
'elementType': 'all',
'stylers': {
'color': '#999999'
}
}, {
'featureType': 'highway',
'elementType': 'labels',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'arterial',
'elementType': 'geometry',
'stylers': {
'color': '#fefefe'
}
}, {
'featureType': 'arterial',
'elementType': 'geometry.fill',
'stylers': {
'color': '#fefefe'
}
}, {
'featureType': 'poi',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'green',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'subway',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'manmade',
'elementType': 'all',
'stylers': {
'color': '#d1d1d1'
}
}, {
'featureType': 'local',
'elementType': 'all',
'stylers': {
'color': '#d1d1d1'
}
}, {
'featureType': 'arterial',
'elementType': 'labels',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'boundary',
'elementType': 'all',
'stylers': {
'color': '#fefefe'
}
}, {
'featureType': 'building',
'elementType': 'all',
'stylers': {
'color': '#d1d1d1'
}
}, {
'featureType': 'label',
'elementType': 'labels.text.fill',
'stylers': {
'color': 'rgba(0,0,0,0)'
}
}]
}
}
};;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>