ry-vue-map 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/README.MD +1 -1
  2. package/lib/ryui.common.js +373 -340
  3. package/lib/ryui.common.js.gz +0 -0
  4. package/lib/ryui.css +1 -1
  5. package/lib/ryui.css.gz +0 -0
  6. package/lib/ryui.umd.js +373 -340
  7. package/lib/ryui.umd.js.gz +0 -0
  8. package/lib/ryui.umd.min.js +5 -5
  9. package/lib/ryui.umd.min.js.gz +0 -0
  10. package/package.json +2 -2
  11. package/src/components/maps/ryMap/src/index.vue +8 -0
  12. package/src/components/maps/ryMapTool/src/index.vue +18 -5
  13. package/src/utils/Overlay.js +193 -0
  14. package/src/utils/lMapServices.js +10 -17
  15. package/src/utils/mapPopover/index.js +2 -0
  16. package/src/utils/mapPopover/lPopover.js +76 -0
  17. package/src/utils/marker.js +135 -0
  18. package/src/views/map/index.vue +1038 -995
package/src/views/map/index.vue CHANGED
@@ -1,1002 +1,1045 @@
1
1
  <template>
2
- <div class="map-style">
3
- <ry-map projection="EPSG:4326" :zoom="15" :minZoom="1" :maxZoom="maxZoom" :center="center" @load="load($event)"
4
- :isCrossHair="isRyMapTool" :isRight="true" :isRyMapTool="true" @drawSuccess="drawSuccess"
5
- @drawError="drawError" :isShowRangingTool="true" :isShowDrawTool="isRyMapTool" :bindMapClick="true"
6
- @mapClick="mapClick($event)" @crossHairClick="crossHairClick($event)" :bindMapMoveend="true"
7
- :isSwitchMapRight='true' :switchMapPosTop='60' :switchMapPosLeftOrRight="20" :switchMapHeight="40" 　
8
- :switchMapDefaultTypeOrLayer="[2,2]" @mapMoveend="mapMoveend($event)"
9
- @loadDrawPolygonEvent="loadDrawPolygonEvent($event)" :initModifyPolygon="geoJson"
10
- @changeSwitchMap="changeSwitchMap($event)" :isShowSwitchMap="true">
11
- <template #marker="{mapDto}">
12
-
13
- <ry-lines :map="mapDto.map" :model="lineData1" :gpsType="gpsType" :linenIsert="lineData2" :clearLiens="clearLiens"
14
- :startMarkerDto="startMarkerDto" :endMarkerDto="endMarkerDto" :lineAppend="lineAppend"
15
- :isShowPlayback="!isShowPaly" @trackPlayEvent="trackPlayEvent($event)"></ry-lines>
16
-
17
- </template>
18
-
19
- </ry-map>
20
-
21
- <button @click="onClick()">测试</button>
22
- <button @click="onClick2()">测试2</button>
23
- <button @click="onClick3()">测试3</button>
24
-
25
- <aside class="aside-style">
26
- <el-button class="ele-text-primary" v-show="isShowPaly" style="padding:10px;"
27
- @click.stop="onShowPaly(false)">
28
- 轨迹回放 </el-button>
29
-
30
- <el-button class="ele-text-primary" v-show="!isShowPaly" style="padding:10px; color: red;"
31
- @click.stop="onShowPaly(true)">
32
- 结束轨迹回放 </el-button>
33
- </aside>
34
- </div>
2
+ <div class="map-style">
3
+ <ry-map projection="EPSG:4326" :zoom="15" :minZoom="1" :maxZoom="maxZoom" :center="center" @load="load($event)"
4
+ :isCrossHair="isRyMapTool" :isRight="true" :isRyMapTool="true" @drawSuccess="drawSuccess" @drawError="drawError"
5
+ :isShowRangingTool="true" :isShowDrawTool="isRyMapTool" :bindMapClick="true" @mapClick="mapClick($event)"
6
+ @crossHairClick="crossHairClick($event)" :bindMapMoveend="true" :isSwitchMapRight='true' :switchMapPosTop='60'
7
+ :switchMapPosLeftOrRight="20" :switchMapHeight="40" 　 :switchMapDefaultTypeOrLayer="[2,2]"
8
+ @mapMoveend="mapMoveend($event)" @loadDrawPolygonEvent="loadDrawPolygonEvent($event)" :initModifyPolygon="geoJson"
9
+ @changeSwitchMap="changeSwitchMap($event)" :isShowSwitchMap="true" @drawLineEvent="drawLineEvent($event)"
10
+ @drawPolygonEvent="drawPolygonEvent($event)">
11
+ <template #marker="{mapDto}">
12
+
13
+ <ry-lines :map="mapDto.map" :model="lineData1" :gpsType="gpsType" :linenIsert="lineData2"
14
+ :clearLiens="clearLiens" :startMarkerDto="startMarkerDto" :endMarkerDto="endMarkerDto"
15
+ :lineAppend="lineAppend" :isShowPlayback="!isShowPaly" @trackPlayEvent="trackPlayEvent($event)"></ry-lines>
16
+ </template>
17
+
18
+ </ry-map>
19
+
20
+ <button @click="onClick()">测试</button>
21
+ <button @click="onClick2()">测试2</button>
22
+ <button @click="onClick3()">测试3</button>
23
+
24
+ <aside class="aside-style">
25
+ <el-button class="ele-text-primary" v-show="isShowPaly" style="padding:10px;" @click.stop="onShowPaly(false)">
26
+ 轨迹回放 </el-button>
27
+
28
+ <el-button class="ele-text-primary" v-show="!isShowPaly" style="padding:10px; color: red;"
29
+ @click.stop="onShowPaly(true)">
30
+ 结束轨迹回放 </el-button>
31
+ <button @click="onClick10()">导出数据</button>
32
+ </aside>
33
+ </div>
35
34
  </template>
36
35
 
37
36
  <script>
38
- import dayjs from 'dayjs'
39
- import RyMap from '@/components/maps/ryMap/src/index.vue';
40
- import RyMapTool from '@/components/maps/ryMapTool/src/index.vue';
41
- import RyPolygon from '@/components/maps/ryPolygon/src/index.vue';
42
- import RyPolygons from '@/components/maps/ryPolygons/src/index.vue';
43
- import RyClustersMarker from '@/components/maps/ryClustersMarker/src/index.vue';
44
- import RyPolygonGeo from '@/components/maps/ryPolygonGeo/src/index.vue';
45
- import RyLines from '@/components/maps/ryLines/src/index.vue';
46
- import gJson from './3301';
47
- import gJson2 from "./331123";
48
- import gJson10 from "./330681";
49
- import {
50
- createPolygonBoundary,
51
- GPS
52
- } from "ry-map";
53
- import lineDataArr from './lineData.js';
54
- // import lineData2 from './lineData2.js';
55
-
56
- // import { convertWGS84,convertGCJ02 } from "ry-map/src/lzh";
57
-
58
- // import {
59
- // toDateString
60
- // } from 'ele-admin/packages/util';
61
-
62
- const g1 =
63
- "{\"type\":\"Feature\",\"bbox\":[120.15521468766134,30.17913,120.15548537675164,30.179627590685214],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.15521468766134,30.17961706012091],[120.155403,30.17913],[120.15548537675164,30.179627590685214],[120.15521468766134,30.17961706012091]]]},\"properties\":{\"perimeter\":139.0,\"squaremeter\":715.18,\"mu\":1.07,\"center\":[120.15535003220648,30.179378795342608],\"areacode\":\"3301\",\"geohash\":\"wtm7wj\",\"extend\":null}}";
64
- const g2 =
65
- "{\"type\":\"Feature\",\"bbox\":[120.16310703603898,30.19646189535682,120.16429249947886,30.19696148364998],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.16310703603898,30.196910677880176],[120.16325945237935,30.19646189535682],[120.16429249947886,30.196648182533405],[120.16339493378612,30.19696148364998],[120.16310703603898,30.196910677880176]]]},\"properties\":{\"perimeter\":275.0,\"squaremeter\":3354.54,\"mu\":5.03,\"center\":[120.16369976775891,30.1967116895034],\"areacode\":\"3301\",\"geohash\":\"wtm7y3\",\"extend\":null}}"
66
- const g3 =
67
- "{\"type\":\"Feature\",\"bbox\":[120.156523,30.175227,120.157111,30.17557],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.156523,30.175545],[120.156875,30.175227],[120.157111,30.17557],[120.156523,30.175545]]]},\"properties\":{\"perimeter\":150.0,\"squaremeter\":1046.35,\"mu\":1.56,\"center\":[120.156817,30.1753985],\"areacode\":\"330102001051\",\"geohash\":\"wtm7wj\",\"extend\":null}}";
68
- const g4 =
69
- "{\"type\":\"Feature\",\"bbox\":[120.153496,30.182888,120.154153,30.183264],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.153496,30.183246],[120.15385760556681,30.183180460251048],[120.154152,30.183264],[120.15400261288897,30.183120670502092],[120.154153,30.182913],[120.15385966728229,30.182965354602516],[120.153513,30.182888],[120.15357927397686,30.18307737447699],[120.153496,30.183246]]]},\"properties\":{\"perimeter\":219.0,\"squaremeter\":1549.5,\"mu\":2.32,\"center\":[120.1538245,30.183076],\"areacode\":\"330102001051\",\"geohash\":\"wtm7wn\",\"extend\":null}}";
70
-
71
- const g5 = {
72
- "type": "Feature",
73
- "geometry": {
74
- "type": "Polygon",
75
- "coordinates": [
76
- [
77
- [117.38359500000934, 40.225653000185844],
78
- [117.37169399977836, 40.216044000430315],
79
- [117.37727099975689, 40.187872999939032],
80
- [117.38841300005993, 40.178132000391543],
81
- [117.35885300026587, 40.176848000534847],
82
- [117.3465460001978, 40.167488999717591],
83
- [117.35175400024696, 40.158968999819535],
84
- [117.33876800034295, 40.140978000234554],
85
- [117.31954199956374, 40.140466000005972],
86
- [117.30150999988666, 40.135934000553732],
87
- [117.29579599988551, 40.124050000207376],
88
- [117.28326899956471, 40.121698000562333],
89
- [117.26951999954838, 40.112200999676475],
90
- [117.25914100025705, 40.110096999776772],
91
- [117.24314500004175, 40.116232000306638],
92
- [117.21793400025399, 40.097286999895175],
93
- [117.20652400018253, 40.095440000155918],
94
- [117.17854350038226, 40.084184500014715],
95
- [117.17017799951509, 40.07141100001769],
96
- [117.15488100005814, 40.074779999797215],
97
- [117.14925799975697, 40.067775000515894],
98
- [117.12959300031673, 40.062676000097383],
99
- [117.10681600035821, 40.070857999696955],
100
- [117.08291199968914, 40.068799000073852],
101
- [117.07542499976398, 40.063565999771129],
102
- [117.05686199988145, 40.060890000473194],
103
- [117.03285199972004, 40.0486830005201],
104
- [117.01883800007374, 40.031328999733603],
105
- [116.99994350019244, 40.031310499779806],
106
- [116.96707899999592, 40.040374000459792],
107
- [116.9563190002217, 40.05054400000563],
108
- [116.94103300037273, 40.040717000089558],
109
- [116.92462199990541, 40.05361200029364],
110
- [116.9136429999246, 40.045573000093952],
111
- [116.90863500010528, 40.051607000462752],
112
- [116.8682639999837, 40.039351000048669],
113
- [116.84995300003095, 40.052677000343351],
114
- [116.81742500006374, 40.046288999837543],
115
- [116.81718899997247, 40.027314999887381],
116
- [116.80350200011731, 40.031191999711098],
117
- [116.79546099982531, 40.028307999814388],
118
- [116.77913000034926, 40.033316000533034],
119
- [116.76727300034872, 40.014228999868521],
120
- [116.76831499983746, 39.989588000286062],
121
- [116.75061900036667, 39.960205999707171],
122
- [116.76256299988256, 39.954793000096913],
123
- [116.77301399979626, 39.954939999681301],
124
- [116.77785500000834, 39.936608000558806],
125
- [116.77534600031777, 39.929674000055115],
126
- [116.77895799961209, 39.894963000142411],
127
- [116.7855879995866, 39.883861999931412],
128
- [116.79823700013753, 39.887990000538139],
129
- [116.81390799975441, 39.888886000488583],
130
- [116.84628399990675, 39.869122000080267],
131
- [116.85340500004077, 39.857644000470316],
132
- [116.88151200027869, 39.843089000157306],
133
- [116.88978599962422, 39.832491999805995],
134
- [116.90073800015864, 39.829137999818897],
135
- [116.89669399982824, 39.847934000553721],
136
- [116.91015299996104, 39.846897000396325],
137
- [116.92233299956831, 39.829271999703053],
138
- [116.92358799988631, 39.810968000073217],
139
- [116.94523699998763, 39.786588999982428],
140
- [116.94237999953737, 39.780578999821046],
141
- [116.91634100023703, 39.779840999962232],
142
- [116.904621000259, 39.762353000190842],
143
- [116.89356699951747, 39.757995999815591],
144
- [116.90319700024145, 39.74887400003513],
145
- [116.90591100039239, 39.730673999805276],
146
- [116.88389599960078, 39.724514999967312],
147
- [116.87705299969628, 39.715385999864054],
148
- [116.8830680000882, 39.702412000513448],
149
- [116.89976899953979, 39.685790000208385],
150
- [116.9007040003894, 39.675565999970956],
151
- [116.88672699975132, 39.671842000008326],
152
- [116.87775799983194, 39.674465000459463],
153
- [116.85809000025336, 39.669399499787119],
154
- [116.84589800009269, 39.663244000110581],
155
- [116.84515800014162, 39.654012999800159],
156
- [116.82664099968247, 39.643225999680169],
157
- [116.82472999968979, 39.635278000079666],
158
- [116.83523600034118, 39.623008999965407],
159
- [116.82952899976362, 39.618317000329341],
160
- [116.8064999998752, 39.614707000227952],
161
- [116.78623199960714, 39.609629999924607],
162
- [116.77425400032189, 39.592807000242942],
163
- [116.76915399985728, 39.603968000522855],
164
- [116.75795799976197, 39.61358899993246],
165
- [116.71974200009333, 39.615578999970921],
166
- [116.70013799986884, 39.613477000163471],
167
- [116.70023799998376, 39.608843000504123],
168
- [116.72273299952838, 39.592419000336633],
169
- [116.69779999997013, 39.587856000354179],
170
- [116.68887700037328, 39.595725999954993],
171
- [116.6412169995649, 39.605572999894093],
172
- [116.63739799971802, 39.594882999750666],
173
- [116.62399000013841, 39.592719999828205],
174
- [116.60610850020714, 39.607249499864565],
175
- [116.59725200007983, 39.610777999804895],
176
- [116.59655100012867, 39.621031000480343],
177
- [116.5852129997802, 39.623208000149134],
178
- [116.56590699980825, 39.619136000326193],
179
- [116.56298099977334, 39.603153999857284],
180
- [116.5487059997821, 39.59745599969466],
181
- [116.51852900031315, 39.595600000439731],
182
- [116.52125199997988, 39.571947999700456],
183
- [116.49995800006172, 39.554078000299512],
184
- [116.4716379998938, 39.548292999722207],
185
- [116.47092100010411, 39.538417000244408],
186
- [116.43628400000671, 39.527893999708397],
187
- [116.43356399957895, 39.517308999910483],
188
- [116.41959400016299, 39.514917000219441],
189
- [116.4126320001667, 39.521354000286919],
190
- [116.40081900039661, 39.521937000192452],
191
- [116.41466899967463, 39.495365999741125],
192
- [116.43472299996654, 39.485021000219035],
193
- [116.44212000023788, 39.475140000510692],
194
- [116.44378000034681, 39.461323000056439],
195
- [116.44957399954046, 39.456140000260859],
196
- [116.44490500006577, 39.445557000555198],
197
- [116.43592899982355, 39.440266000275756],
198
- [116.42162300020141, 39.439301999887448],
199
- [116.41238899975258, 39.447252000479466],
200
- [116.38696700012702, 39.451314999887416],
201
- [116.37071199965908, 39.451700999701416],
202
- [116.33808999985365, 39.447437000017601],
203
- [116.31963799969401, 39.461522000240166],
204
- [116.31396199964661, 39.471844000500255],
205
- [116.29802400030746, 39.485875000031285],
206
- [116.27318699978025, 39.490329000383099],
207
- [116.24862000001303, 39.50164499971703],
208
- [116.23962499979393, 39.514977000288411],
209
- [116.24070800027403, 39.538164000268466],
210
- [116.21527234624182, 39.577570626783029],
211
- [116.19470300024329, 39.576789999958578],
212
- [116.18768000013199, 39.581046000172819],
213
- [116.14843099959103, 39.578754999743524],
214
- [116.1411520002647, 39.567832999693223],
215
- [116.09910300010347, 39.569775000216111],
216
- [116.09747799980994, 39.573769000039363],
217
- [116.06061999981318, 39.570354999983294],
218
- [116.03052999985971, 39.571214000026146],
219
- [116.00959400026295, 39.586577999874862],
220
- [116.00207599980763, 39.576821000488849],
221
- [115.98735499993336, 39.582319000421592],
222
- [115.98558500014769, 39.592623999897739],
223
- [115.97089800004278, 39.593344999871874],
224
- [115.97060099983628, 39.569428000401956],
225
- [115.95747799990988, 39.564518999752067],
226
- [115.94432100021402, 39.565253000325754],
227
- [115.93841999968333, 39.57503199982699],
228
- [115.92425899955322, 39.583667000531705],
229
- [115.92285499955869, 39.592481000497855],
230
- [115.90746400026342, 39.598467000451762],
231
- [115.90136399954895, 39.595334999910392],
232
- [115.90239699952201, 39.568145999738135],
233
- [115.88789799999279, 39.565727999747423],
234
- [115.88140500004079, 39.54987699992364],
235
- [115.85963499975549, 39.546750000512191],
236
- [115.84699699971179, 39.551744999732023],
237
- [115.84011899999189, 39.542259000252727],
238
- [115.82233099987582, 39.540334000513781],
239
- [115.82105699958095, 39.511497999932828],
240
- [115.80450799994435, 39.508401000106119],
241
- [115.76231400029098, 39.511631999816984],
242
- [115.74532800028703, 39.51181400011609],
243
- [115.73764400027051, 39.523362000256157],
244
- [115.73206400015351, 39.542379000390611],
245
- [115.72117599987257, 39.547166999957142],
246
- [115.71161999986316, 39.560213999976156],
247
- [115.68609600003049, 39.564934000004143],
248
- [115.68810700013796, 39.577119999888112],
249
- [115.68516600031069, 39.589663000047494],
250
- [115.67496500023458, 39.595443000394198],
251
- [115.66456299988261, 39.607235000095216],
252
- [115.65168000023186, 39.600248999891505],
253
- [115.63778799991633, 39.598150000222404],
254
- [115.62750299956383, 39.603056999880664],
255
- [115.62077399952057, 39.59841900003687],
256
- [115.61224850026815, 39.603204500387449],
257
- [115.59348300004046, 39.598621000358946],
258
- [115.58014299999957, 39.588672000212682],
259
- [115.56553700003258, 39.590947999950288],
260
- [115.5543260001449, 39.606983000165371],
261
- [115.53944800022509, 39.617797999777906],
262
- [115.52660799985938, 39.610432000036838],
263
- [115.51315399995724, 39.611965999731183],
264
- [115.51603000038426, 39.638930000319306],
265
- [115.50055399986729, 39.650881000158108],
266
- [115.47220300006848, 39.649176999818735],
267
- [115.47229799995284, 39.65450500000577],
268
- [115.48521800041044, 39.66768199972455],
269
- [115.48248300019031, 39.680143999745837],
270
- [115.49337399971034, 39.690272000052801],
271
- [115.48593900038463, 39.700375000106249],
272
- [115.48183099980088, 39.730974000150013],
273
- [115.4761769998687, 39.74110899988051],
274
- [115.46252099964443, 39.739534000094068],
275
- [115.44074600002796, 39.747894999854395],
276
- [115.43006200016123, 39.77468799975145],
277
- [115.43823200010684, 39.783634000408824],
278
- [115.45363600000144, 39.782014000345896],
279
- [115.47713600002646, 39.797385000517409],
280
- [115.48585099992374, 39.795188999972424],
281
- [115.50040100000626, 39.782090000253334],
282
- [115.50663399965947, 39.787228999818524],
283
- [115.53813199979197, 39.795076000157337],
284
- [115.54606449957703, 39.793915499700631],
285
- [115.56059699975185, 39.803830000054518],
286
- [115.56314100015709, 39.812388999952418],
287
- [115.538555000413, 39.825470999786887],
288
- [115.51977899970109, 39.829847000139011],
289
- [115.50445199976002, 39.843575000086219],
290
- [115.51512199988042, 39.856709000520027],
291
- [115.51894800005027, 39.875119999688309],
292
- [115.50277799990488, 39.882983999911744],
293
- [115.51487099999667, 39.900337999798921],
294
- [115.50054600039766, 39.912326000444637],
295
- [115.48341399995616, 39.920616000528071],
296
- [115.46966599998598, 39.935820000192905],
297
- [115.43545899993296, 39.950857000250437],
298
- [115.41969299953234, 39.949691000439373],
299
- [115.41728199986449, 39.954013000099906],
300
- [115.41956800006324, 39.977795999685668],
301
- [115.42788799973141, 39.987816000408145],
302
- [115.4415559996097, 39.991892000415532],
303
- [115.44240600013688, 40.010442999744669],
304
- [115.44968100017809, 40.026112000168723],
305
- [115.46652199979053, 40.032624000097599],
306
- [115.48430699976825, 40.049386000563516],
307
- [115.5023390003447, 40.057898000092678],
308
- [115.50317100004168, 40.064193999953204],
309
- [115.52180899978555, 40.075222000395058],
310
- [115.53635899986796, 40.074669000074323],
311
- [115.54652800026702, 40.080222999891589],
312
- [115.56993899978511, 40.101490000363299],
313
- [115.57482200013521, 40.094633999859241],
314
- [115.59740500014072, 40.092562000535963],
315
- [115.60055199957515, 40.113817000454276],
316
- [115.60583899967014, 40.116042999684737],
317
- [115.64478299963582, 40.116310000306328],
318
- [115.64889599955075, 40.126421999875447],
319
- [115.68135099974893, 40.137474000524776],
320
- [115.70290800010423, 40.133390000148438],
321
- [115.71879599983561, 40.127681000377891],
322
- [115.74165399993217, 40.133507000147972],
323
- [115.74892499978898, 40.14365100029346],
324
- [115.74408699971536, 40.15244200009829],
325
- [115.75058800003626, 40.162643000174398],
326
- [115.761971999808, 40.165109999726781],
327
- [115.76666699958241, 40.174928000127181],
328
- [115.78351599956375, 40.177248000095176],
329
- [115.78771299975517, 40.1670199996733],
330
- [115.80069400032789, 40.151754999893399],
331
- [115.81998100032297, 40.148840000365794],
332
- [115.84761899961723, 40.1481200004377],
333
- [115.83827300029884, 40.167001999742524],
334
- [115.85476800014317, 40.183581999909393],
335
- [115.86610899973061, 40.186261000244997],
336
- [115.88199600031521, 40.208041000092123],
337
- [115.87818199979949, 40.213047999865353],
338
- [115.89276499960511, 40.234459999829198],
339
- [115.90547600031721, 40.234100000314811],
340
- [115.91325400017206, 40.24713699987268],
341
- [115.92720100032602, 40.254417000144485],
342
- [115.95693199991194, 40.256683000320265],
343
- [115.96038099978341, 40.264490999759857],
344
- [115.94052200039005, 40.287843000154396],
345
- [115.9342659996762, 40.302820000142958],
346
- [115.93675700033532, 40.312978000034718],
347
- [115.92696500023465, 40.317553999717347],
348
- [115.91662299995153, 40.33552099999423],
349
- [115.91029799965304, 40.365737000362344],
350
- [115.89768299977072, 40.358995999765625],
351
- [115.88288099975841, 40.360191000014709],
352
- [115.87019400015299, 40.357177000418289],
353
- [115.85862800008215, 40.361665999686181],
354
- [115.84283500023514, 40.375762000416046],
355
- [115.82649999967532, 40.377622999901575],
356
- [115.81205399989221, 40.385200000379768],
357
- [115.80894599955832, 40.398353999937171],
358
- [115.79888999987361, 40.418767999743466],
359
- [115.79091399988124, 40.429341999933399],
360
- [115.77545600019437, 40.437318999971922],
361
- [115.76590400036935, 40.448360000113951],
362
- [115.76289400005817, 40.461238000433411],
363
- [115.77105300039568, 40.484930000319309],
364
- [115.73935800017159, 40.49103200022671],
365
- [115.7297139997014, 40.503442000547921],
366
- [115.73427300039873, 40.511702000147238],
367
- [115.74825300027578, 40.538638000343497],
368
- [115.75488699953542, 40.537898000392431],
369
- [115.78519899983405, 40.56002500005377],
370
- [115.80741500000227, 40.555698000162636],
371
- [115.81534199953376, 40.56211900039159],
372
- [115.82140000010997, 40.586302000437001],
373
- [115.88216099983038, 40.595322000010356],
374
- [115.90368699965541, 40.617244000110588],
375
- [115.92184099956251, 40.611557000455264],
376
- [115.9378369997778, 40.610160999930258],
377
- [115.9476859998091, 40.600224000337391],
378
- [115.96639300003699, 40.600272999899062],
379
- [115.97623899992993, 40.577855000308091],
380
- [115.9966850003126, 40.574458000136644],
381
- [115.99992400039241, 40.586976000042398],
382
- [116.01369999985513, 40.597148999726585],
383
- [116.02460900020526, 40.595849000031365],
384
- [116.05522199999541, 40.607584999847916],
385
- [116.08804400003066, 40.611162000226159],
386
- [116.10474400033536, 40.614640000535644],
387
- [116.11397999997712, 40.623776000062378],
388
- [116.10515200026464, 40.642482000244172],
389
- [116.10744199974852, 40.647407999879363],
390
- [116.12581699995462, 40.65417000054515],
391
- [116.13611199986894, 40.665669000224227],
392
- [116.15187500013121, 40.66204700046876],
393
- [116.15908900005741, 40.66622599983009],
394
- [116.17456100038987, 40.711034000418863],
395
- [116.1802449999069, 40.717150000072479],
396
- [116.19712100023401, 40.714190000268331],
397
- [116.21329899984903, 40.731943999715838],
398
- [116.20827200005283, 40.743361000110099],
399
- [116.2187850001277, 40.753307000118014],
400
- [116.2296949996246, 40.774113000015006],
401
- [116.22893499965062, 40.781808999685666],
402
- [116.24174599957826, 40.790348000459915],
403
- [116.26323400034892, 40.773507999994251],
404
- [116.26807100037638, 40.76192099985434],
405
- [116.28162100020904, 40.762283000360242],
406
- [116.30144599983305, 40.750930000219398],
407
- [116.30147999960241, 40.762019999923098],
408
- [116.3078049999009, 40.769457000240436],
409
- [116.33143299953338, 40.771467000301868],
410
- [116.34530299973369, 40.768607999759411],
411
- [116.37592700003108, 40.771737000162489],
412
- [116.38894299951983, 40.776857999796903],
413
- [116.40408399987678, 40.777764000208492],
414
- [116.40960399992468, 40.760440999952266],
415
- [116.43251899995198, 40.765394999979321],
416
- [116.44761700012452, 40.764485000282605],
417
- [116.45927099975688, 40.770968999819559],
418
- [116.45250399975987, 40.795263000487125],
419
- [116.43621100023756, 40.805341000287001],
420
- [116.4318469995394, 40.816610000151456],
421
- [116.4000955003072, 40.831625500116786],
422
- [116.39901800008067, 40.839060000318796],
423
- [116.38331299979518, 40.860380999683457],
424
- [116.3705330003977, 40.867256000164332],
425
- [116.32813699952294, 40.904180000506699],
426
- [116.32816399986871, 40.918047999715441],
427
- [116.33475499984343, 40.929256000364205],
428
- [116.35962400004757, 40.941212000433552],
429
- [116.37209399953849, 40.934479000205727],
430
- [116.38561599987861, 40.912452999806135],
431
- [116.3956840001166, 40.903712000508449],
432
- [116.40905799992686, 40.898799999720268],
433
- [116.42416499961507, 40.901439000009873],
434
- [116.43076399995869, 40.897314000440815],
435
- [116.47054299975969, 40.898018999677163],
436
- [116.46905599953482, 40.910427999952276],
437
- [116.46127799967996, 40.929627000385835],
438
- [116.44153600028619, 40.952657000320357],
439
- [116.44961599967871, 40.976687000504739],
440
- [116.45755799990184, 40.98276700029686],
441
- [116.46803700020746, 40.976384000021653],
442
- [116.47932199991044, 40.980642000328089],
443
- [116.48700399983477, 40.976654999928371],
444
- [116.51061699967488, 40.973735000170166],
445
- [116.51340899982551, 40.979774999916344],
446
- [116.53528999983371, 40.988904000019659],
447
- [116.56804300028432, 40.986561999936384],
448
- [116.57986899975458, 40.977936999692815],
449
- [116.59386899965466, 40.973917000469271],
450
- [116.60774600017783, 40.982122000230163],
451
- [116.60967300000902, 41.002887000035059],
452
- [116.61595199998487, 41.014323000406193],
453
- [116.61602499975402, 41.025954999923385],
454
- [116.60801399994625, 41.035367000486758],
455
- [116.6123209998143, 41.047186999680321],
456
- [116.62508800041098, 41.058909499773677],
457
- [116.64297100041142, 41.056012000153714],
458
- [116.65287100009664, 41.049075000410994],
459
- [116.67762899967863, 41.03978099989331],
460
- [116.68335000000252, 41.042909000250233],
461
- [116.69102200036514, 41.019785000477441],
462
- [116.67684999972778, 40.993460999725414],
463
- [116.6785590002977, 40.980895000304088],
464
- [116.67156599977113, 40.970236999837709],
465
- [116.68114499994181, 40.960232999853133],
466
- [116.68509000020345, 40.948755000243125],
467
- [116.70006600014585, 40.932677999889847],
468
- [116.71170499998584, 40.93438900055196],
469
- [116.71835700007557, 40.927808000139123],
470
- [116.70746699970232, 40.908468000397932],
471
- [116.74565599992457, 40.889625000193632],
472
- [116.75230399982979, 40.882044000430312],
473
- [116.76474799992036, 40.879257000510222],
474
- [116.7867320001817, 40.862703999789801],
475
- [116.79592200040008, 40.849587000139991],
476
- [116.81714699983422, 40.841258000056712],
477
- [116.83130299973368, 40.839947999900346],
478
- [116.8499150000772, 40.833687999901315],
479
- [116.85493200031158, 40.824013999846272],
480
- [116.86924800039492, 40.820008000369],
481
- [116.8803529998911, 40.799658999962958],
482
- [116.89012199983051, 40.792468000198085],
483
- [116.89212000023792, 40.7756109998478],
484
- [116.91757599963273, 40.772347000413788],
485
- [116.92217300028381, 40.755182000249192],
486
- [116.92045999952938, 40.743404000294447],
487
- [116.93492500018863, 40.738389000152267],
488
- [116.93889299971227, 40.726748000220084],
489
- [116.95002799969245, 40.721448000424914],
490
- [116.95872199952078, 40.708084000176541],
491
- [116.99815799969201, 40.695221999695605],
492
- [117.0244289997986, 40.690629000128297],
493
- [117.04317500002628, 40.698750000512177],
494
- [117.07748799957153, 40.700459000182775],
495
- [117.10545799978695, 40.705345999818064],
496
- [117.11025299967628, 40.698221000398917],
497
- [117.14603499951568, 40.695505000155663],
498
- [117.16028300006042, 40.697547999940298],
499
- [117.17229099982978, 40.691999000353633],
500
- [117.17661000025134, 40.696039000499525],
501
- [117.19972299951689, 40.693174999726523],
502
- [117.22505200024966, 40.683227999672511],
503
- [117.23570699967831, 40.675075000510901],
504
- [117.25506600029576, 40.679694000377879],
505
- [117.27194299976964, 40.664929000273219],
506
- [117.2854929996023, 40.658511000182557],
507
- [117.30436000001407, 40.657672000162734],
508
- [117.33012099998427, 40.661833000492607],
509
- [117.33962300020141, 40.672229999714773],
510
- [117.35536599954128, 40.673091999895917],
511
- [117.384078999846, 40.681982999815659],
512
- [117.4140479996156, 40.684604000174545],
513
- [117.44372300021632, 40.677689999693769],
514
- [117.45812699986118, 40.671983000015473],
515
- [117.47341899998696, 40.675956999815753],
516
- [117.48856399962892, 40.673140000310809],
517
- [117.49923699988767, 40.665892999762207],
518
- [117.49647900040566, 40.644103000353255],
519
- [117.49460600036673, 40.634837000227435],
520
- [117.47236599999098, 40.633964000438311],
521
- [117.46527100015658, 40.645482000094262],
522
- [117.41572999983964, 40.636108000383956],
523
- [117.4069179999658, 40.604817999950797],
524
- [117.41653099990583, 40.580576999928667],
525
- [117.41317399978038, 40.567267000371828],
526
- [117.39722800007223, 40.572430000144436],
527
- [117.38268700040476, 40.559806999893169],
528
- [117.36949600004039, 40.565092999942067],
529
- [117.35951300012493, 40.574158999838005],
530
- [117.34363600000142, 40.578349999752731],
531
- [117.32782800036193, 40.574859999789226],
532
- [117.30399000003854, 40.575075999857575],
533
- [117.28958500034753, 40.565652000539444],
534
- [117.25965199954021, 40.556624999743974],
535
- [117.24328700029491, 40.546958000011728],
536
- [117.24401499969258, 40.536001000146086],
537
- [117.25383100000067, 40.517962000146269],
538
- [117.24098300016544, 40.510761999966405],
539
- [117.20726800031798, 40.511192000010851],
540
- [117.20282799971244, 40.495328000486893],
541
- [117.21062899972867, 40.493697999962762],
542
- [117.2294129999101, 40.467607000063083],
543
- [117.2283359997067, 40.456603999874744],
544
- [117.25700799991932, 40.439871999892944],
545
- [117.25051099978282, 40.428532000351595],
546
- [117.24355400001718, 40.427793000446684],
547
- [117.22776600040061, 40.415363500125466],
548
- [117.22602500015364, 40.402562999782674],
549
- [117.23323099971094, 40.397383000125387],
550
- [117.22219499979951, 40.384657999667013],
551
- [117.21720199977256, 40.374115000007293],
552
- [117.22023400019896, 40.367758000031756],
553
- [117.23537799979488, 40.369135999726666],
554
- [117.24795999995411, 40.352986000503563],
555
- [117.25587199969311, 40.336402000152248],
556
- [117.26859700015154, 40.331047000518709],
557
- [117.26492699998107, 40.324208999945427],
558
- [117.26795999955436, 40.307628999778558],
559
- [117.28191800021557, 40.300241999968364],
560
- [117.28785799984689, 40.291870999746891],
561
- [117.28936400004864, 40.277067999688484],
562
- [117.33003699970789, 40.276252999876078],
563
- [117.33572500030857, 40.242677000143487],
564
- [117.34703500026512, 40.234390000198403],
565
- [117.36466300019731, 40.231666000485575],
566
- [117.38359500000934, 40.225653000185844]
567
- ]
568
- ]
569
- },
570
- "properties": {
571
- "code": "11",
572
- "name": "北京市",
573
- "parent_code": "0",
574
- "level": 1,
575
- "lon": 116.43424180474648,
576
- "lat": 40.201253765664767
577
- },
578
- "bbox": [115.41728199986449, 39.439301999887448, 117.49923699988767, 41.058909499773677]
579
- };
580
- const polygonModel1 = {
581
- fillColor: '#000',
582
- stroke: 'red',
583
- width: 1,
584
- text: '测试1',
585
- geo: g1,
586
- id: 'ceshi1',
587
- };
588
-
589
- const polygonModel2 = {
590
- fillColor: '#000',
591
- stroke: 'red',
592
- width: 1,
593
- text: '测试2',
594
- geo: g2,
595
- id: 'ceshi2',
596
- type: 1
597
- };
598
-
599
- const polygonModel3 = {
600
- fillColor: '#000',
601
- stroke: 'red',
602
- width: 1,
603
- text: '测试3',
604
- geo: g3,
605
- id: 'ceshi3',
606
- };
607
-
608
- const polygonModel4 = {
609
- fillColor: '#000',
610
- stroke: 'red',
611
- width: 1,
612
- text: '测试4',
613
- geo: g4,
614
- id: 'ceshi4',
615
- };
616
-
617
- const polygonModel5 = {
618
- fillColor: 'transparent',
619
- stroke: '#F7B500',
620
- strokeWidth: 4,
621
- lineDash: [1, 2, 3, 4, 5, 6],
622
- geo: g5,
623
- id: 'ceshi5',
624
- };
625
-
626
- const polygonModel6 = {
627
- fillColor: 'transparent',
628
- stroke: '#F7B500',
629
- strokeWidth: 4,
630
- lineDash: [1, 2, 3, 4, 5, 6],
631
- geo: g5,
632
- id: 'ceshi6',
633
- };
634
-
635
-
636
- export default {
637
- components: {
638
- RyMap,
639
- RyMapTool,
640
- RyPolygon,
641
- RyPolygons,
642
- RyClustersMarker,
643
- RyPolygonGeo,
644
- RyLines
645
- },
646
- data() {
647
- return {
648
- map: null,
649
- lMap: null,
650
- polygonColorObj: null,
651
- bbox: [],
652
- isClear: false,
653
- geoJson: null,
654
- colors: [],
655
- modelArr: [polygonModel1, polygonModel2, polygonModel3, polygonModel4],
656
- modelArr2: [{
657
- id: 'ceshi1',
658
- x: 120.15535003220648,
659
- y: 30.179378795342608
660
- },
661
- {
662
- id: 'ceshi2',
663
- x: 120.16369976775891,
664
- y: 30.1967116895034
665
- },
666
- {
667
- id: 'ceshi3',
668
- x: 120.156817,
669
- y: 30.1753985
670
- },
671
- {
672
- id: 'ceshi4',
673
- x: 120.1538245,
674
- y: 30.183076
675
- },
676
- ],
677
- center: [120.2687149, 29.8142052],
678
- polygonColors: [],
679
- remove: 'ceshi1',
680
- removes: [],
681
- ranges: [],
682
- restFit: true,
683
- range: 'ceshi2',
684
- isFit: false,
685
- insert: null,
686
- showPolygon: null,
687
- showPolygons: [{
688
- id: 'ceshi2',
689
- isShow: false
690
- }],
691
- inserts: [],
692
- isShowAll: false,
693
- // isShow:true,
694
- polygonModel: null,
695
- geo: g1,
696
- mapTool: null,
697
- isCheckPoint: null,
698
- gpsType: 0,
699
- isRyMapTool: true,
700
- maxZoom: 18,
701
- polygonModel5: polygonModel5,
702
- polygonModel6: polygonModel6,
703
- src: require("@/assets/1.png"),
704
- lineData1: null,
705
- lineData2: null,
706
- clearLiens: false,
707
- // startMarkerDto:null,
708
- // endMarkerDto:null,
709
- startMarkerDto: {
710
- url: require('@/assets/startpoint.png'),
711
- height: 23,
712
- offset: [8, -11],
713
- width: 28
714
- },
715
- endMarkerDto: {
716
- url: require('@/assets/stoppoint.png'),
717
- height: 16,
718
- offset: [0, -8],
719
- width: 16
720
- },
721
- lineAppend: [],
722
- isShowPaly: true,
723
- layerArr: [2, 2],
724
- };
725
- },
726
- created() {
727
- console.log(this.startMarkerDto);
728
- const obj = {
729
- isAppend: false,
730
- color: 'green',
731
- width: 2,
732
- pointArr: [],
733
- // creaTime:[],
734
- playbackColor: '#1890FF',
735
- zIndex: 1,
736
- };
737
-
738
- const obj2 = {
739
- isAppend: false,
740
- color: 'red',
741
- width: 2,
742
- pointArr: [],
743
- // creaTime:[],
744
- playbackColor: '#1890FF',
745
- zIndex: 1,
746
- };
747
-
748
-
749
- const obj3 = {
750
- isAppend: false,
751
- color: 'red',
752
- width: 2,
753
- pointArr: [],
754
- // creaTime:[],
755
- zIndex: 1,
756
- playbackColor: '#1890FF',
757
- };
758
-
759
- const obj4 = {
760
- isAppend: false,
761
- color: 'red',
762
- width: 2,
763
- pointArr: [],
764
- // creaTime:[],
765
- zIndex: 1,
766
- playbackColor: '#1890FF',
767
- };
768
-
769
- const obj5 = {
770
- isAppend: false,
771
- color: 'green',
772
- width: 2,
773
- pointArr: [],
774
- // creaTime:[],
775
- zIndex: 1,
776
- playbackColor: '#1890FF',
777
- };
778
-
779
- const obj6 = {
780
- isAppend: false,
781
- color: 'green',
782
- width: 2,
783
- pointArr: [],
784
- // creaTime:[],
785
- zIndex: 1,
786
- playbackColor: '#1890FF',
787
- };
788
-
789
- console.log(lineDataArr);
790
-
791
- lineDataArr[0].forEach(r => {
792
- obj.pointArr.push([r.lng, r.lat]);
793
- // obj.creaTime.push(r.creaTime);
794
- });
795
-
796
- // this.lineData1 = obj;
797
- // console.log(this.lineData1);
798
- const len2 = obj.pointArr.length;
799
- let i2 = 0;
800
- let setId = setInterval(r => {
801
- this.lineAppend = obj.pointArr[i2];
802
- i2 += 1;
803
- if (i2 >= len2) {
804
- clearInterval(setId);
805
- }
806
- }, 1000);
807
-
808
-
809
- lineDataArr[1].forEach(r => {
810
- obj2.pointArr.push([r.lng, r.lat]);
811
- // obj2.creaTime.push(r.creaTime);
812
- });
813
- // this.lineData1=obj;
814
- // setTimeout(r=> {
815
- // this.lineData1=obj;
816
-
817
- // },3000);
818
-
819
-
820
-
821
- lineDataArr[2].forEach(r => {
822
- obj3.pointArr.push([r.lng, r.lat]);
823
- // obj3.creaTime.push(r.creaTime);
824
- });
825
-
826
- lineDataArr[3].forEach(r => {
827
- obj4.pointArr.push([r.lng, r.lat]);
828
- // obj4.creaTime.push(r.creaTime);
829
- });
830
-
831
- lineDataArr[4].forEach(r => {
832
- obj5.pointArr.push([r.lng, r.lat]);
833
- // obj5.creaTime.push(r.creaTime);
834
- });
835
-
836
- lineDataArr[5].forEach(r => {
837
- obj6.pointArr.push([r.lng, r.lat]);
838
- // obj6.creaTime.push(r.creaTime);
839
- });
840
-
841
-
842
-
843
-
844
-
845
- // setTimeout(r=> {
846
- // this.lineData2=obj2;
847
-
848
- // },1000);
849
-
850
- // setTimeout(r=> {
851
- // this.lineData2=obj3;
852
- // },2000);
853
-
854
- // setTimeout(r=> {
855
- // this.lineData2=obj4;
856
- // },3000);
857
-
858
- // setTimeout(r=> {
859
- // this.lineData2=obj5;
860
- // },4000);
861
-
862
-
863
-
864
-
865
- // setTimeout(r=> {
866
- // this.lineData2=obj6;
867
- // },5000);
868
- // obj6.forEach(r=> {
869
-
870
- // });
871
- // let i=0;
872
- // setTimeout(r=> {
873
- // let intId = setInterval(r=> {
874
- // this.lineAppend= obj3.pointArr[i];
875
- // console.log(this.lineAppend);
876
- // i+=1;
877
- // if(i==obj3.pointArr.length){
878
- // clearInterval(intId);
879
- // }
880
- // },2000);
881
- // },3000);
882
-
883
-
884
- // setTimeout(r=> {
885
- // this.lineData1=null;
886
- // },10000);
887
-
888
-
889
- // setTimeout(r=> {
890
- // // this.lineData1=null;
891
- // this.clearLiens=true;
892
- // },10000);
893
-
894
- // amworkdatalist.push({
895
- // X,
896
- // Y,
897
- // isNJOpt: isWorking,
898
- // creaTime: toDateString(new Date(item.creaTime))
899
- // });
900
-
901
- // {
902
- // color: 'rgb(0,0,255)',
903
- // width: 2,
904
- // pointArr: [],
905
- // zIndex: 1000,
906
- // }
907
-
908
- // console.log(polygonModel5);
909
- // console.log(lineData1);
910
- // console.log(lineData2);
911
-
912
- // setTimeout(r=> {this.colors=['red','#000']},3000);
913
- // setTimeout(r=> {this.isClear=true;}, 5000);
914
-
915
-
916
- },
917
- methods: {
918
- onShowPaly(b) {
919
- this.isShowPaly = b;
920
-
921
- },
922
- load(obj) {
923
- this.lMap = obj.mapServices;
924
- this.map = obj.map;
925
- // console.log(obj);
926
- // let g10 = GPS.convertGCJ02(gJson2);
927
- // convertWGS84
928
- // convertWGS84,convertGCJ02
929
- // const geo = createPolygonBoundary(g5);
930
- // this.map.addLayer(geo );
931
- },
932
- drawSuccess(obj) {
933
- this.polygonModel = {
934
- fillColor: '#000',
935
- stroke: '#fff',
936
- width: 4,
937
- text: '',
938
- geo: obj.geoJson,
939
- id: 'ceshi',
940
- playbackColor: '#1890FF',
941
- };
942
- },
943
- drawError(obj) {},
944
- mapClick(e) {
945
- // alert(e);
946
- },
947
- onLoad(e) {},
948
- crossHairClick(e) {
949
- // console.log(e);
950
- },
951
- mapMoveend(e) {
952
- // alert(1);
953
- // console.log(e);
954
- },
955
- loadDrawPolygonEvent(e) {
956
- this.mapTool = e;
957
- },
958
- clusterCallback({
959
- id,
960
- isShow
961
- }) {
962
- setTimeout(r => {
963
- this.showPolygon = {
964
- id,
965
- isShow
966
- };
967
- this.isCheckPoint = {
968
- id,
969
- isShow
970
- };
971
- }, 50);
972
- },
973
- changeSwitchMap(obj) {
974
- if (obj.mapType == 2) {
975
- this.gpsType = 0;
976
- return;
977
- }
978
- this.gpsType = obj.mapType;
979
- },
980
- onClick() {
981
- this.isRyMapTool = !this.isRyMapTool;
982
- },
983
- onClick2() {
984
- this.maxZoom = 28;
985
- },
986
- onClick3() {
987
- this.maxZoom = 10;
988
- },
989
- trackPlayEvent(obj) {
990
- console.log(obj);
991
- }
992
-
993
- }
994
- };
37
+ import dayjs from 'dayjs'
38
+ import RyMap from '@/components/maps/ryMap/src/index.vue';
39
+ import RyMapTool from '@/components/maps/ryMapTool/src/index.vue';
40
+ import RyPolygon from '@/components/maps/ryPolygon/src/index.vue';
41
+ import RyPolygons from '@/components/maps/ryPolygons/src/index.vue';
42
+ import RyClustersMarker from '@/components/maps/ryClustersMarker/src/index.vue';
43
+ import RyPolygonGeo from '@/components/maps/ryPolygonGeo/src/index.vue';
44
+ import RyLines from '@/components/maps/ryLines/src/index.vue';
45
+ import gJson from './3301';
46
+ import gJson2 from "./331123";
47
+ import gJson10 from "./330681";
48
+ import {
49
+ createPolygonBoundary,
50
+ GPS,
51
+ exportToTxt
52
+ } from "ry-map";
53
+ import lineDataArr from './lineData.js';
54
+ // import lineData2 from './lineData2.js';
55
+
56
+ // import { convertWGS84,convertGCJ02 } from "ry-map/src/lzh";
57
+
58
+ // import {
59
+ // toDateString
60
+ // } from 'ele-admin/packages/util';
61
+
62
+ const g1 =
63
+ "{\"type\":\"Feature\",\"bbox\":[120.15521468766134,30.17913,120.15548537675164,30.179627590685214],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.15521468766134,30.17961706012091],[120.155403,30.17913],[120.15548537675164,30.179627590685214],[120.15521468766134,30.17961706012091]]]},\"properties\":{\"perimeter\":139.0,\"squaremeter\":715.18,\"mu\":1.07,\"center\":[120.15535003220648,30.179378795342608],\"areacode\":\"3301\",\"geohash\":\"wtm7wj\",\"extend\":null}}";
64
+ const g2 =
65
+ "{\"type\":\"Feature\",\"bbox\":[120.16310703603898,30.19646189535682,120.16429249947886,30.19696148364998],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.16310703603898,30.196910677880176],[120.16325945237935,30.19646189535682],[120.16429249947886,30.196648182533405],[120.16339493378612,30.19696148364998],[120.16310703603898,30.196910677880176]]]},\"properties\":{\"perimeter\":275.0,\"squaremeter\":3354.54,\"mu\":5.03,\"center\":[120.16369976775891,30.1967116895034],\"areacode\":\"3301\",\"geohash\":\"wtm7y3\",\"extend\":null}}"
66
+ const g3 =
67
+ "{\"type\":\"Feature\",\"bbox\":[120.156523,30.175227,120.157111,30.17557],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.156523,30.175545],[120.156875,30.175227],[120.157111,30.17557],[120.156523,30.175545]]]},\"properties\":{\"perimeter\":150.0,\"squaremeter\":1046.35,\"mu\":1.56,\"center\":[120.156817,30.1753985],\"areacode\":\"330102001051\",\"geohash\":\"wtm7wj\",\"extend\":null}}";
68
+ const g4 =
69
+ "{\"type\":\"Feature\",\"bbox\":[120.153496,30.182888,120.154153,30.183264],\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[120.153496,30.183246],[120.15385760556681,30.183180460251048],[120.154152,30.183264],[120.15400261288897,30.183120670502092],[120.154153,30.182913],[120.15385966728229,30.182965354602516],[120.153513,30.182888],[120.15357927397686,30.18307737447699],[120.153496,30.183246]]]},\"properties\":{\"perimeter\":219.0,\"squaremeter\":1549.5,\"mu\":2.32,\"center\":[120.1538245,30.183076],\"areacode\":\"330102001051\",\"geohash\":\"wtm7wn\",\"extend\":null}}";
70
+
71
+ const g5 = {
72
+ "type": "Feature",
73
+ "geometry": {
74
+ "type": "Polygon",
75
+ "coordinates": [
76
+ [
77
+ [117.38359500000934, 40.225653000185844],
78
+ [117.37169399977836, 40.216044000430315],
79
+ [117.37727099975689, 40.187872999939032],
80
+ [117.38841300005993, 40.178132000391543],
81
+ [117.35885300026587, 40.176848000534847],
82
+ [117.3465460001978, 40.167488999717591],
83
+ [117.35175400024696, 40.158968999819535],
84
+ [117.33876800034295, 40.140978000234554],
85
+ [117.31954199956374, 40.140466000005972],
86
+ [117.30150999988666, 40.135934000553732],
87
+ [117.29579599988551, 40.124050000207376],
88
+ [117.28326899956471, 40.121698000562333],
89
+ [117.26951999954838, 40.112200999676475],
90
+ [117.25914100025705, 40.110096999776772],
91
+ [117.24314500004175, 40.116232000306638],
92
+ [117.21793400025399, 40.097286999895175],
93
+ [117.20652400018253, 40.095440000155918],
94
+ [117.17854350038226, 40.084184500014715],
95
+ [117.17017799951509, 40.07141100001769],
96
+ [117.15488100005814, 40.074779999797215],
97
+ [117.14925799975697, 40.067775000515894],
98
+ [117.12959300031673, 40.062676000097383],
99
+ [117.10681600035821, 40.070857999696955],
100
+ [117.08291199968914, 40.068799000073852],
101
+ [117.07542499976398, 40.063565999771129],
102
+ [117.05686199988145, 40.060890000473194],
103
+ [117.03285199972004, 40.0486830005201],
104
+ [117.01883800007374, 40.031328999733603],
105
+ [116.99994350019244, 40.031310499779806],
106
+ [116.96707899999592, 40.040374000459792],
107
+ [116.9563190002217, 40.05054400000563],
108
+ [116.94103300037273, 40.040717000089558],
109
+ [116.92462199990541, 40.05361200029364],
110
+ [116.9136429999246, 40.045573000093952],
111
+ [116.90863500010528, 40.051607000462752],
112
+ [116.8682639999837, 40.039351000048669],
113
+ [116.84995300003095, 40.052677000343351],
114
+ [116.81742500006374, 40.046288999837543],
115
+ [116.81718899997247, 40.027314999887381],
116
+ [116.80350200011731, 40.031191999711098],
117
+ [116.79546099982531, 40.028307999814388],
118
+ [116.77913000034926, 40.033316000533034],
119
+ [116.76727300034872, 40.014228999868521],
120
+ [116.76831499983746, 39.989588000286062],
121
+ [116.75061900036667, 39.960205999707171],
122
+ [116.76256299988256, 39.954793000096913],
123
+ [116.77301399979626, 39.954939999681301],
124
+ [116.77785500000834, 39.936608000558806],
125
+ [116.77534600031777, 39.929674000055115],
126
+ [116.77895799961209, 39.894963000142411],
127
+ [116.7855879995866, 39.883861999931412],
128
+ [116.79823700013753, 39.887990000538139],
129
+ [116.81390799975441, 39.888886000488583],
130
+ [116.84628399990675, 39.869122000080267],
131
+ [116.85340500004077, 39.857644000470316],
132
+ [116.88151200027869, 39.843089000157306],
133
+ [116.88978599962422, 39.832491999805995],
134
+ [116.90073800015864, 39.829137999818897],
135
+ [116.89669399982824, 39.847934000553721],
136
+ [116.91015299996104, 39.846897000396325],
137
+ [116.92233299956831, 39.829271999703053],
138
+ [116.92358799988631, 39.810968000073217],
139
+ [116.94523699998763, 39.786588999982428],
140
+ [116.94237999953737, 39.780578999821046],
141
+ [116.91634100023703, 39.779840999962232],
142
+ [116.904621000259, 39.762353000190842],
143
+ [116.89356699951747, 39.757995999815591],
144
+ [116.90319700024145, 39.74887400003513],
145
+ [116.90591100039239, 39.730673999805276],
146
+ [116.88389599960078, 39.724514999967312],
147
+ [116.87705299969628, 39.715385999864054],
148
+ [116.8830680000882, 39.702412000513448],
149
+ [116.89976899953979, 39.685790000208385],
150
+ [116.9007040003894, 39.675565999970956],
151
+ [116.88672699975132, 39.671842000008326],
152
+ [116.87775799983194, 39.674465000459463],
153
+ [116.85809000025336, 39.669399499787119],
154
+ [116.84589800009269, 39.663244000110581],
155
+ [116.84515800014162, 39.654012999800159],
156
+ [116.82664099968247, 39.643225999680169],
157
+ [116.82472999968979, 39.635278000079666],
158
+ [116.83523600034118, 39.623008999965407],
159
+ [116.82952899976362, 39.618317000329341],
160
+ [116.8064999998752, 39.614707000227952],
161
+ [116.78623199960714, 39.609629999924607],
162
+ [116.77425400032189, 39.592807000242942],
163
+ [116.76915399985728, 39.603968000522855],
164
+ [116.75795799976197, 39.61358899993246],
165
+ [116.71974200009333, 39.615578999970921],
166
+ [116.70013799986884, 39.613477000163471],
167
+ [116.70023799998376, 39.608843000504123],
168
+ [116.72273299952838, 39.592419000336633],
169
+ [116.69779999997013, 39.587856000354179],
170
+ [116.68887700037328, 39.595725999954993],
171
+ [116.6412169995649, 39.605572999894093],
172
+ [116.63739799971802, 39.594882999750666],
173
+ [116.62399000013841, 39.592719999828205],
174
+ [116.60610850020714, 39.607249499864565],
175
+ [116.59725200007983, 39.610777999804895],
176
+ [116.59655100012867, 39.621031000480343],
177
+ [116.5852129997802, 39.623208000149134],
178
+ [116.56590699980825, 39.619136000326193],
179
+ [116.56298099977334, 39.603153999857284],
180
+ [116.5487059997821, 39.59745599969466],
181
+ [116.51852900031315, 39.595600000439731],
182
+ [116.52125199997988, 39.571947999700456],
183
+ [116.49995800006172, 39.554078000299512],
184
+ [116.4716379998938, 39.548292999722207],
185
+ [116.47092100010411, 39.538417000244408],
186
+ [116.43628400000671, 39.527893999708397],
187
+ [116.43356399957895, 39.517308999910483],
188
+ [116.41959400016299, 39.514917000219441],
189
+ [116.4126320001667, 39.521354000286919],
190
+ [116.40081900039661, 39.521937000192452],
191
+ [116.41466899967463, 39.495365999741125],
192
+ [116.43472299996654, 39.485021000219035],
193
+ [116.44212000023788, 39.475140000510692],
194
+ [116.44378000034681, 39.461323000056439],
195
+ [116.44957399954046, 39.456140000260859],
196
+ [116.44490500006577, 39.445557000555198],
197
+ [116.43592899982355, 39.440266000275756],
198
+ [116.42162300020141, 39.439301999887448],
199
+ [116.41238899975258, 39.447252000479466],
200
+ [116.38696700012702, 39.451314999887416],
201
+ [116.37071199965908, 39.451700999701416],
202
+ [116.33808999985365, 39.447437000017601],
203
+ [116.31963799969401, 39.461522000240166],
204
+ [116.31396199964661, 39.471844000500255],
205
+ [116.29802400030746, 39.485875000031285],
206
+ [116.27318699978025, 39.490329000383099],
207
+ [116.24862000001303, 39.50164499971703],
208
+ [116.23962499979393, 39.514977000288411],
209
+ [116.24070800027403, 39.538164000268466],
210
+ [116.21527234624182, 39.577570626783029],
211
+ [116.19470300024329, 39.576789999958578],
212
+ [116.18768000013199, 39.581046000172819],
213
+ [116.14843099959103, 39.578754999743524],
214
+ [116.1411520002647, 39.567832999693223],
215
+ [116.09910300010347, 39.569775000216111],
216
+ [116.09747799980994, 39.573769000039363],
217
+ [116.06061999981318, 39.570354999983294],
218
+ [116.03052999985971, 39.571214000026146],
219
+ [116.00959400026295, 39.586577999874862],
220
+ [116.00207599980763, 39.576821000488849],
221
+ [115.98735499993336, 39.582319000421592],
222
+ [115.98558500014769, 39.592623999897739],
223
+ [115.97089800004278, 39.593344999871874],
224
+ [115.97060099983628, 39.569428000401956],
225
+ [115.95747799990988, 39.564518999752067],
226
+ [115.94432100021402, 39.565253000325754],
227
+ [115.93841999968333, 39.57503199982699],
228
+ [115.92425899955322, 39.583667000531705],
229
+ [115.92285499955869, 39.592481000497855],
230
+ [115.90746400026342, 39.598467000451762],
231
+ [115.90136399954895, 39.595334999910392],
232
+ [115.90239699952201, 39.568145999738135],
233
+ [115.88789799999279, 39.565727999747423],
234
+ [115.88140500004079, 39.54987699992364],
235
+ [115.85963499975549, 39.546750000512191],
236
+ [115.84699699971179, 39.551744999732023],
237
+ [115.84011899999189, 39.542259000252727],
238
+ [115.82233099987582, 39.540334000513781],
239
+ [115.82105699958095, 39.511497999932828],
240
+ [115.80450799994435, 39.508401000106119],
241
+ [115.76231400029098, 39.511631999816984],
242
+ [115.74532800028703, 39.51181400011609],
243
+ [115.73764400027051, 39.523362000256157],
244
+ [115.73206400015351, 39.542379000390611],
245
+ [115.72117599987257, 39.547166999957142],
246
+ [115.71161999986316, 39.560213999976156],
247
+ [115.68609600003049, 39.564934000004143],
248
+ [115.68810700013796, 39.577119999888112],
249
+ [115.68516600031069, 39.589663000047494],
250
+ [115.67496500023458, 39.595443000394198],
251
+ [115.66456299988261, 39.607235000095216],
252
+ [115.65168000023186, 39.600248999891505],
253
+ [115.63778799991633, 39.598150000222404],
254
+ [115.62750299956383, 39.603056999880664],
255
+ [115.62077399952057, 39.59841900003687],
256
+ [115.61224850026815, 39.603204500387449],
257
+ [115.59348300004046, 39.598621000358946],
258
+ [115.58014299999957, 39.588672000212682],
259
+ [115.56553700003258, 39.590947999950288],
260
+ [115.5543260001449, 39.606983000165371],
261
+ [115.53944800022509, 39.617797999777906],
262
+ [115.52660799985938, 39.610432000036838],
263
+ [115.51315399995724, 39.611965999731183],
264
+ [115.51603000038426, 39.638930000319306],
265
+ [115.50055399986729, 39.650881000158108],
266
+ [115.47220300006848, 39.649176999818735],
267
+ [115.47229799995284, 39.65450500000577],
268
+ [115.48521800041044, 39.66768199972455],
269
+ [115.48248300019031, 39.680143999745837],
270
+ [115.49337399971034, 39.690272000052801],
271
+ [115.48593900038463, 39.700375000106249],
272
+ [115.48183099980088, 39.730974000150013],
273
+ [115.4761769998687, 39.74110899988051],
274
+ [115.46252099964443, 39.739534000094068],
275
+ [115.44074600002796, 39.747894999854395],
276
+ [115.43006200016123, 39.77468799975145],
277
+ [115.43823200010684, 39.783634000408824],
278
+ [115.45363600000144, 39.782014000345896],
279
+ [115.47713600002646, 39.797385000517409],
280
+ [115.48585099992374, 39.795188999972424],
281
+ [115.50040100000626, 39.782090000253334],
282
+ [115.50663399965947, 39.787228999818524],
283
+ [115.53813199979197, 39.795076000157337],
284
+ [115.54606449957703, 39.793915499700631],
285
+ [115.56059699975185, 39.803830000054518],
286
+ [115.56314100015709, 39.812388999952418],
287
+ [115.538555000413, 39.825470999786887],
288
+ [115.51977899970109, 39.829847000139011],
289
+ [115.50445199976002, 39.843575000086219],
290
+ [115.51512199988042, 39.856709000520027],
291
+ [115.51894800005027, 39.875119999688309],
292
+ [115.50277799990488, 39.882983999911744],
293
+ [115.51487099999667, 39.900337999798921],
294
+ [115.50054600039766, 39.912326000444637],
295
+ [115.48341399995616, 39.920616000528071],
296
+ [115.46966599998598, 39.935820000192905],
297
+ [115.43545899993296, 39.950857000250437],
298
+ [115.41969299953234, 39.949691000439373],
299
+ [115.41728199986449, 39.954013000099906],
300
+ [115.41956800006324, 39.977795999685668],
301
+ [115.42788799973141, 39.987816000408145],
302
+ [115.4415559996097, 39.991892000415532],
303
+ [115.44240600013688, 40.010442999744669],
304
+ [115.44968100017809, 40.026112000168723],
305
+ [115.46652199979053, 40.032624000097599],
306
+ [115.48430699976825, 40.049386000563516],
307
+ [115.5023390003447, 40.057898000092678],
308
+ [115.50317100004168, 40.064193999953204],
309
+ [115.52180899978555, 40.075222000395058],
310
+ [115.53635899986796, 40.074669000074323],
311
+ [115.54652800026702, 40.080222999891589],
312
+ [115.56993899978511, 40.101490000363299],
313
+ [115.57482200013521, 40.094633999859241],
314
+ [115.59740500014072, 40.092562000535963],
315
+ [115.60055199957515, 40.113817000454276],
316
+ [115.60583899967014, 40.116042999684737],
317
+ [115.64478299963582, 40.116310000306328],
318
+ [115.64889599955075, 40.126421999875447],
319
+ [115.68135099974893, 40.137474000524776],
320
+ [115.70290800010423, 40.133390000148438],
321
+ [115.71879599983561, 40.127681000377891],
322
+ [115.74165399993217, 40.133507000147972],
323
+ [115.74892499978898, 40.14365100029346],
324
+ [115.74408699971536, 40.15244200009829],
325
+ [115.75058800003626, 40.162643000174398],
326
+ [115.761971999808, 40.165109999726781],
327
+ [115.76666699958241, 40.174928000127181],
328
+ [115.78351599956375, 40.177248000095176],
329
+ [115.78771299975517, 40.1670199996733],
330
+ [115.80069400032789, 40.151754999893399],
331
+ [115.81998100032297, 40.148840000365794],
332
+ [115.84761899961723, 40.1481200004377],
333
+ [115.83827300029884, 40.167001999742524],
334
+ [115.85476800014317, 40.183581999909393],
335
+ [115.86610899973061, 40.186261000244997],
336
+ [115.88199600031521, 40.208041000092123],
337
+ [115.87818199979949, 40.213047999865353],
338
+ [115.89276499960511, 40.234459999829198],
339
+ [115.90547600031721, 40.234100000314811],
340
+ [115.91325400017206, 40.24713699987268],
341
+ [115.92720100032602, 40.254417000144485],
342
+ [115.95693199991194, 40.256683000320265],
343
+ [115.96038099978341, 40.264490999759857],
344
+ [115.94052200039005, 40.287843000154396],
345
+ [115.9342659996762, 40.302820000142958],
346
+ [115.93675700033532, 40.312978000034718],
347
+ [115.92696500023465, 40.317553999717347],
348
+ [115.91662299995153, 40.33552099999423],
349
+ [115.91029799965304, 40.365737000362344],
350
+ [115.89768299977072, 40.358995999765625],
351
+ [115.88288099975841, 40.360191000014709],
352
+ [115.87019400015299, 40.357177000418289],
353
+ [115.85862800008215, 40.361665999686181],
354
+ [115.84283500023514, 40.375762000416046],
355
+ [115.82649999967532, 40.377622999901575],
356
+ [115.81205399989221, 40.385200000379768],
357
+ [115.80894599955832, 40.398353999937171],
358
+ [115.79888999987361, 40.418767999743466],
359
+ [115.79091399988124, 40.429341999933399],
360
+ [115.77545600019437, 40.437318999971922],
361
+ [115.76590400036935, 40.448360000113951],
362
+ [115.76289400005817, 40.461238000433411],
363
+ [115.77105300039568, 40.484930000319309],
364
+ [115.73935800017159, 40.49103200022671],
365
+ [115.7297139997014, 40.503442000547921],
366
+ [115.73427300039873, 40.511702000147238],
367
+ [115.74825300027578, 40.538638000343497],
368
+ [115.75488699953542, 40.537898000392431],
369
+ [115.78519899983405, 40.56002500005377],
370
+ [115.80741500000227, 40.555698000162636],
371
+ [115.81534199953376, 40.56211900039159],
372
+ [115.82140000010997, 40.586302000437001],
373
+ [115.88216099983038, 40.595322000010356],
374
+ [115.90368699965541, 40.617244000110588],
375
+ [115.92184099956251, 40.611557000455264],
376
+ [115.9378369997778, 40.610160999930258],
377
+ [115.9476859998091, 40.600224000337391],
378
+ [115.96639300003699, 40.600272999899062],
379
+ [115.97623899992993, 40.577855000308091],
380
+ [115.9966850003126, 40.574458000136644],
381
+ [115.99992400039241, 40.586976000042398],
382
+ [116.01369999985513, 40.597148999726585],
383
+ [116.02460900020526, 40.595849000031365],
384
+ [116.05522199999541, 40.607584999847916],
385
+ [116.08804400003066, 40.611162000226159],
386
+ [116.10474400033536, 40.614640000535644],
387
+ [116.11397999997712, 40.623776000062378],
388
+ [116.10515200026464, 40.642482000244172],
389
+ [116.10744199974852, 40.647407999879363],
390
+ [116.12581699995462, 40.65417000054515],
391
+ [116.13611199986894, 40.665669000224227],
392
+ [116.15187500013121, 40.66204700046876],
393
+ [116.15908900005741, 40.66622599983009],
394
+ [116.17456100038987, 40.711034000418863],
395
+ [116.1802449999069, 40.717150000072479],
396
+ [116.19712100023401, 40.714190000268331],
397
+ [116.21329899984903, 40.731943999715838],
398
+ [116.20827200005283, 40.743361000110099],
399
+ [116.2187850001277, 40.753307000118014],
400
+ [116.2296949996246, 40.774113000015006],
401
+ [116.22893499965062, 40.781808999685666],
402
+ [116.24174599957826, 40.790348000459915],
403
+ [116.26323400034892, 40.773507999994251],
404
+ [116.26807100037638, 40.76192099985434],
405
+ [116.28162100020904, 40.762283000360242],
406
+ [116.30144599983305, 40.750930000219398],
407
+ [116.30147999960241, 40.762019999923098],
408
+ [116.3078049999009, 40.769457000240436],
409
+ [116.33143299953338, 40.771467000301868],
410
+ [116.34530299973369, 40.768607999759411],
411
+ [116.37592700003108, 40.771737000162489],
412
+ [116.38894299951983, 40.776857999796903],
413
+ [116.40408399987678, 40.777764000208492],
414
+ [116.40960399992468, 40.760440999952266],
415
+ [116.43251899995198, 40.765394999979321],
416
+ [116.44761700012452, 40.764485000282605],
417
+ [116.45927099975688, 40.770968999819559],
418
+ [116.45250399975987, 40.795263000487125],
419
+ [116.43621100023756, 40.805341000287001],
420
+ [116.4318469995394, 40.816610000151456],
421
+ [116.4000955003072, 40.831625500116786],
422
+ [116.39901800008067, 40.839060000318796],
423
+ [116.38331299979518, 40.860380999683457],
424
+ [116.3705330003977, 40.867256000164332],
425
+ [116.32813699952294, 40.904180000506699],
426
+ [116.32816399986871, 40.918047999715441],
427
+ [116.33475499984343, 40.929256000364205],
428
+ [116.35962400004757, 40.941212000433552],
429
+ [116.37209399953849, 40.934479000205727],
430
+ [116.38561599987861, 40.912452999806135],
431
+ [116.3956840001166, 40.903712000508449],
432
+ [116.40905799992686, 40.898799999720268],
433
+ [116.42416499961507, 40.901439000009873],
434
+ [116.43076399995869, 40.897314000440815],
435
+ [116.47054299975969, 40.898018999677163],
436
+ [116.46905599953482, 40.910427999952276],
437
+ [116.46127799967996, 40.929627000385835],
438
+ [116.44153600028619, 40.952657000320357],
439
+ [116.44961599967871, 40.976687000504739],
440
+ [116.45755799990184, 40.98276700029686],
441
+ [116.46803700020746, 40.976384000021653],
442
+ [116.47932199991044, 40.980642000328089],
443
+ [116.48700399983477, 40.976654999928371],
444
+ [116.51061699967488, 40.973735000170166],
445
+ [116.51340899982551, 40.979774999916344],
446
+ [116.53528999983371, 40.988904000019659],
447
+ [116.56804300028432, 40.986561999936384],
448
+ [116.57986899975458, 40.977936999692815],
449
+ [116.59386899965466, 40.973917000469271],
450
+ [116.60774600017783, 40.982122000230163],
451
+ [116.60967300000902, 41.002887000035059],
452
+ [116.61595199998487, 41.014323000406193],
453
+ [116.61602499975402, 41.025954999923385],
454
+ [116.60801399994625, 41.035367000486758],
455
+ [116.6123209998143, 41.047186999680321],
456
+ [116.62508800041098, 41.058909499773677],
457
+ [116.64297100041142, 41.056012000153714],
458
+ [116.65287100009664, 41.049075000410994],
459
+ [116.67762899967863, 41.03978099989331],
460
+ [116.68335000000252, 41.042909000250233],
461
+ [116.69102200036514, 41.019785000477441],
462
+ [116.67684999972778, 40.993460999725414],
463
+ [116.6785590002977, 40.980895000304088],
464
+ [116.67156599977113, 40.970236999837709],
465
+ [116.68114499994181, 40.960232999853133],
466
+ [116.68509000020345, 40.948755000243125],
467
+ [116.70006600014585, 40.932677999889847],
468
+ [116.71170499998584, 40.93438900055196],
469
+ [116.71835700007557, 40.927808000139123],
470
+ [116.70746699970232, 40.908468000397932],
471
+ [116.74565599992457, 40.889625000193632],
472
+ [116.75230399982979, 40.882044000430312],
473
+ [116.76474799992036, 40.879257000510222],
474
+ [116.7867320001817, 40.862703999789801],
475
+ [116.79592200040008, 40.849587000139991],
476
+ [116.81714699983422, 40.841258000056712],
477
+ [116.83130299973368, 40.839947999900346],
478
+ [116.8499150000772, 40.833687999901315],
479
+ [116.85493200031158, 40.824013999846272],
480
+ [116.86924800039492, 40.820008000369],
481
+ [116.8803529998911, 40.799658999962958],
482
+ [116.89012199983051, 40.792468000198085],
483
+ [116.89212000023792, 40.7756109998478],
484
+ [116.91757599963273, 40.772347000413788],
485
+ [116.92217300028381, 40.755182000249192],
486
+ [116.92045999952938, 40.743404000294447],
487
+ [116.93492500018863, 40.738389000152267],
488
+ [116.93889299971227, 40.726748000220084],
489
+ [116.95002799969245, 40.721448000424914],
490
+ [116.95872199952078, 40.708084000176541],
491
+ [116.99815799969201, 40.695221999695605],
492
+ [117.0244289997986, 40.690629000128297],
493
+ [117.04317500002628, 40.698750000512177],
494
+ [117.07748799957153, 40.700459000182775],
495
+ [117.10545799978695, 40.705345999818064],
496
+ [117.11025299967628, 40.698221000398917],
497
+ [117.14603499951568, 40.695505000155663],
498
+ [117.16028300006042, 40.697547999940298],
499
+ [117.17229099982978, 40.691999000353633],
500
+ [117.17661000025134, 40.696039000499525],
501
+ [117.19972299951689, 40.693174999726523],
502
+ [117.22505200024966, 40.683227999672511],
503
+ [117.23570699967831, 40.675075000510901],
504
+ [117.25506600029576, 40.679694000377879],
505
+ [117.27194299976964, 40.664929000273219],
506
+ [117.2854929996023, 40.658511000182557],
507
+ [117.30436000001407, 40.657672000162734],
508
+ [117.33012099998427, 40.661833000492607],
509
+ [117.33962300020141, 40.672229999714773],
510
+ [117.35536599954128, 40.673091999895917],
511
+ [117.384078999846, 40.681982999815659],
512
+ [117.4140479996156, 40.684604000174545],
513
+ [117.44372300021632, 40.677689999693769],
514
+ [117.45812699986118, 40.671983000015473],
515
+ [117.47341899998696, 40.675956999815753],
516
+ [117.48856399962892, 40.673140000310809],
517
+ [117.49923699988767, 40.665892999762207],
518
+ [117.49647900040566, 40.644103000353255],
519
+ [117.49460600036673, 40.634837000227435],
520
+ [117.47236599999098, 40.633964000438311],
521
+ [117.46527100015658, 40.645482000094262],
522
+ [117.41572999983964, 40.636108000383956],
523
+ [117.4069179999658, 40.604817999950797],
524
+ [117.41653099990583, 40.580576999928667],
525
+ [117.41317399978038, 40.567267000371828],
526
+ [117.39722800007223, 40.572430000144436],
527
+ [117.38268700040476, 40.559806999893169],
528
+ [117.36949600004039, 40.565092999942067],
529
+ [117.35951300012493, 40.574158999838005],
530
+ [117.34363600000142, 40.578349999752731],
531
+ [117.32782800036193, 40.574859999789226],
532
+ [117.30399000003854, 40.575075999857575],
533
+ [117.28958500034753, 40.565652000539444],
534
+ [117.25965199954021, 40.556624999743974],
535
+ [117.24328700029491, 40.546958000011728],
536
+ [117.24401499969258, 40.536001000146086],
537
+ [117.25383100000067, 40.517962000146269],
538
+ [117.24098300016544, 40.510761999966405],
539
+ [117.20726800031798, 40.511192000010851],
540
+ [117.20282799971244, 40.495328000486893],
541
+ [117.21062899972867, 40.493697999962762],
542
+ [117.2294129999101, 40.467607000063083],
543
+ [117.2283359997067, 40.456603999874744],
544
+ [117.25700799991932, 40.439871999892944],
545
+ [117.25051099978282, 40.428532000351595],
546
+ [117.24355400001718, 40.427793000446684],
547
+ [117.22776600040061, 40.415363500125466],
548
+ [117.22602500015364, 40.402562999782674],
549
+ [117.23323099971094, 40.397383000125387],
550
+ [117.22219499979951, 40.384657999667013],
551
+ [117.21720199977256, 40.374115000007293],
552
+ [117.22023400019896, 40.367758000031756],
553
+ [117.23537799979488, 40.369135999726666],
554
+ [117.24795999995411, 40.352986000503563],
555
+ [117.25587199969311, 40.336402000152248],
556
+ [117.26859700015154, 40.331047000518709],
557
+ [117.26492699998107, 40.324208999945427],
558
+ [117.26795999955436, 40.307628999778558],
559
+ [117.28191800021557, 40.300241999968364],
560
+ [117.28785799984689, 40.291870999746891],
561
+ [117.28936400004864, 40.277067999688484],
562
+ [117.33003699970789, 40.276252999876078],
563
+ [117.33572500030857, 40.242677000143487],
564
+ [117.34703500026512, 40.234390000198403],
565
+ [117.36466300019731, 40.231666000485575],
566
+ [117.38359500000934, 40.225653000185844]
567
+ ]
568
+ ]
569
+ },
570
+ "properties": {
571
+ "code": "11",
572
+ "name": "北京市",
573
+ "parent_code": "0",
574
+ "level": 1,
575
+ "lon": 116.43424180474648,
576
+ "lat": 40.201253765664767
577
+ },
578
+ "bbox": [115.41728199986449, 39.439301999887448, 117.49923699988767, 41.058909499773677]
579
+ };
580
+ const polygonModel1 = {
581
+ fillColor: '#000',
582
+ stroke: 'red',
583
+ width: 1,
584
+ text: '测试1',
585
+ geo: g1,
586
+ id: 'ceshi1',
587
+ };
588
+
589
+ const polygonModel2 = {
590
+ fillColor: '#000',
591
+ stroke: 'red',
592
+ width: 1,
593
+ text: '测试2',
594
+ geo: g2,
595
+ id: 'ceshi2',
596
+ type: 1
597
+ };
598
+
599
+ const polygonModel3 = {
600
+ fillColor: '#000',
601
+ stroke: 'red',
602
+ width: 1,
603
+ text: '测试3',
604
+ geo: g3,
605
+ id: 'ceshi3',
606
+ };
607
+
608
+ const polygonModel4 = {
609
+ fillColor: '#000',
610
+ stroke: 'red',
611
+ width: 1,
612
+ text: '测试4',
613
+ geo: g4,
614
+ id: 'ceshi4',
615
+ };
616
+
617
+ const polygonModel5 = {
618
+ fillColor: 'transparent',
619
+ stroke: '#F7B500',
620
+ strokeWidth: 4,
621
+ lineDash: [1, 2, 3, 4, 5, 6],
622
+ geo: g5,
623
+ id: 'ceshi5',
624
+ };
625
+
626
+ const polygonModel6 = {
627
+ fillColor: 'transparent',
628
+ stroke: '#F7B500',
629
+ strokeWidth: 4,
630
+ lineDash: [1, 2, 3, 4, 5, 6],
631
+ geo: g5,
632
+ id: 'ceshi6',
633
+ };
634
+
635
+
636
+ export default {
637
+ components: {
638
+ RyMap,
639
+ RyMapTool,
640
+ RyPolygon,
641
+ RyPolygons,
642
+ RyClustersMarker,
643
+ RyPolygonGeo,
644
+ RyLines
645
+ },
646
+ data() {
647
+ return {
648
+ map: null,
649
+ lMap: null,
650
+ polygonColorObj: null,
651
+ darws: new Map(),
652
+ bbox: [],
653
+ isClear: false,
654
+ geoJson: null,
655
+ colors: [],
656
+ modelArr: [polygonModel1, polygonModel2, polygonModel3, polygonModel4],
657
+ modelArr2: [{
658
+ id: 'ceshi1',
659
+ x: 120.15535003220648,
660
+ y: 30.179378795342608
661
+ },
662
+ {
663
+ id: 'ceshi2',
664
+ x: 120.16369976775891,
665
+ y: 30.1967116895034
666
+ },
667
+ {
668
+ id: 'ceshi3',
669
+ x: 120.156817,
670
+ y: 30.1753985
671
+ },
672
+ {
673
+ id: 'ceshi4',
674
+ x: 120.1538245,
675
+ y: 30.183076
676
+ },
677
+ ],
678
+ center: [120.2687149, 29.8142052],
679
+ polygonColors: [],
680
+ remove: 'ceshi1',
681
+ removes: [],
682
+ ranges: [],
683
+ restFit: true,
684
+ range: 'ceshi2',
685
+ isFit: false,
686
+ insert: null,
687
+ showPolygon: null,
688
+ showPolygons: [{
689
+ id: 'ceshi2',
690
+ isShow: false
691
+ }],
692
+ inserts: [],
693
+ isShowAll: false,
694
+ // isShow:true,
695
+ polygonModel: null,
696
+ geo: g1,
697
+ mapTool: null,
698
+ isCheckPoint: null,
699
+ gpsType: 0,
700
+ isRyMapTool: true,
701
+ maxZoom: 18,
702
+ polygonModel5: polygonModel5,
703
+ polygonModel6: polygonModel6,
704
+ src: require("@/assets/1.png"),
705
+ lineData1: null,
706
+ lineData2: null,
707
+ clearLiens: false,
708
+ // startMarkerDto:null,
709
+ // endMarkerDto:null,
710
+ startMarkerDto: {
711
+ url: require('@/assets/startpoint.png'),
712
+ height: 23,
713
+ offset: [8, -11],
714
+ width: 28
715
+ },
716
+ endMarkerDto: {
717
+ url: require('@/assets/stoppoint.png'),
718
+ height: 16,
719
+ offset: [0, -8],
720
+ width: 16
721
+ },
722
+ lineAppend: [],
723
+ isShowPaly: true,
724
+ layerArr: [2, 2],
725
+ };
726
+ },
727
+ created() {
728
+ console.log(this.startMarkerDto);
729
+ const obj = {
730
+ isAppend: false,
731
+ color: 'green',
732
+ width: 2,
733
+ pointArr: [],
734
+ // creaTime:[],
735
+ playbackColor: '#1890FF',
736
+ zIndex: 1,
737
+ };
738
+
739
+ const obj2 = {
740
+ isAppend: false,
741
+ color: 'red',
742
+ width: 2,
743
+ pointArr: [],
744
+ // creaTime:[],
745
+ playbackColor: '#1890FF',
746
+ zIndex: 1,
747
+ };
748
+
749
+
750
+ const obj3 = {
751
+ isAppend: false,
752
+ color: 'red',
753
+ width: 2,
754
+ pointArr: [],
755
+ // creaTime:[],
756
+ zIndex: 1,
757
+ playbackColor: '#1890FF',
758
+ };
759
+
760
+ const obj4 = {
761
+ isAppend: false,
762
+ color: 'red',
763
+ width: 2,
764
+ pointArr: [],
765
+ // creaTime:[],
766
+ zIndex: 1,
767
+ playbackColor: '#1890FF',
768
+ };
769
+
770
+ const obj5 = {
771
+ isAppend: false,
772
+ color: 'green',
773
+ width: 2,
774
+ pointArr: [],
775
+ // creaTime:[],
776
+ zIndex: 1,
777
+ playbackColor: '#1890FF',
778
+ };
779
+
780
+ const obj6 = {
781
+ isAppend: false,
782
+ color: 'green',
783
+ width: 2,
784
+ pointArr: [],
785
+ // creaTime:[],
786
+ zIndex: 1,
787
+ playbackColor: '#1890FF',
788
+ };
789
+
790
+ console.log(lineDataArr);
791
+
792
+ lineDataArr[0].forEach(r => {
793
+ obj.pointArr.push([r.lng, r.lat]);
794
+ // obj.creaTime.push(r.creaTime);
795
+ });
796
+
797
+ // this.lineData1 = obj;
798
+ // console.log(this.lineData1);
799
+ const len2 = obj.pointArr.length;
800
+ let i2 = 0;
801
+ let setId = setInterval(r => {
802
+ this.lineAppend = obj.pointArr[i2];
803
+ i2 += 1;
804
+ if (i2 >= len2) {
805
+ clearInterval(setId);
806
+ }
807
+ }, 1000);
808
+
809
+
810
+ lineDataArr[1].forEach(r => {
811
+ obj2.pointArr.push([r.lng, r.lat]);
812
+ // obj2.creaTime.push(r.creaTime);
813
+ });
814
+ // this.lineData1=obj;
815
+ // setTimeout(r=> {
816
+ // this.lineData1=obj;
817
+
818
+ // },3000);
819
+
820
+
821
+
822
+ lineDataArr[2].forEach(r => {
823
+ obj3.pointArr.push([r.lng, r.lat]);
824
+ // obj3.creaTime.push(r.creaTime);
825
+ });
826
+
827
+ lineDataArr[3].forEach(r => {
828
+ obj4.pointArr.push([r.lng, r.lat]);
829
+ // obj4.creaTime.push(r.creaTime);
830
+ });
831
+
832
+ lineDataArr[4].forEach(r => {
833
+ obj5.pointArr.push([r.lng, r.lat]);
834
+ // obj5.creaTime.push(r.creaTime);
835
+ });
836
+
837
+ lineDataArr[5].forEach(r => {
838
+ obj6.pointArr.push([r.lng, r.lat]);
839
+ // obj6.creaTime.push(r.creaTime);
840
+ });
841
+
842
+
843
+
844
+
845
+
846
+ // setTimeout(r=> {
847
+ // this.lineData2=obj2;
848
+
849
+ // },1000);
850
+
851
+ // setTimeout(r=> {
852
+ // this.lineData2=obj3;
853
+ // },2000);
854
+
855
+ // setTimeout(r=> {
856
+ // this.lineData2=obj4;
857
+ // },3000);
858
+
859
+ // setTimeout(r=> {
860
+ // this.lineData2=obj5;
861
+ // },4000);
862
+
863
+
864
+
865
+
866
+ // setTimeout(r=> {
867
+ // this.lineData2=obj6;
868
+ // },5000);
869
+ // obj6.forEach(r=> {
870
+
871
+ // });
872
+ // let i=0;
873
+ // setTimeout(r=> {
874
+ // let intId = setInterval(r=> {
875
+ // this.lineAppend= obj3.pointArr[i];
876
+ // console.log(this.lineAppend);
877
+ // i+=1;
878
+ // if(i==obj3.pointArr.length){
879
+ // clearInterval(intId);
880
+ // }
881
+ // },2000);
882
+ // },3000);
883
+
884
+
885
+ // setTimeout(r=> {
886
+ // this.lineData1=null;
887
+ // },10000);
888
+
889
+
890
+ // setTimeout(r=> {
891
+ // // this.lineData1=null;
892
+ // this.clearLiens=true;
893
+ // },10000);
894
+
895
+ // amworkdatalist.push({
896
+ // X,
897
+ // Y,
898
+ // isNJOpt: isWorking,
899
+ // creaTime: toDateString(new Date(item.creaTime))
900
+ // });
901
+
902
+ // {
903
+ // color: 'rgb(0,0,255)',
904
+ // width: 2,
905
+ // pointArr: [],
906
+ // zIndex: 1000,
907
+ // }
908
+
909
+ // console.log(polygonModel5);
910
+ // console.log(lineData1);
911
+ // console.log(lineData2);
912
+
913
+ // setTimeout(r=> {this.colors=['red','#000']},3000);
914
+ // setTimeout(r=> {this.isClear=true;}, 5000);
915
+
916
+
917
+ },
918
+ methods: {
919
+ onClick10() {
920
+ const arr = new Array();
921
+ this.darws.forEach(r => {
922
+ arr.push({
923
+ id: r.Id,
924
+ mu: r.getAreaMu(),
925
+ len: r.formatLengthNew(),
926
+ coordinates: r.getCoordinates(),
927
+ center: r.getCenterPoint(),
928
+ });
929
+ });
930
+ exportToTxt('地块数据', JSON.stringify(arr));
931
+ },
932
+ onShowPaly(b) {
933
+ this.isShowPaly = b;
934
+
935
+ },
936
+ load(obj) {
937
+ this.lMap = obj.mapServices;
938
+ this.map = obj.map;
939
+ // console.log(obj);
940
+ // let g10 = GPS.convertGCJ02(gJson2);
941
+ // convertWGS84
942
+ // convertWGS84,convertGCJ02
943
+ // const geo = createPolygonBoundary(g5);
944
+ // this.map.addLayer(geo );
945
+ },
946
+ drawSuccess(obj) {
947
+ this.polygonModel = {
948
+ fillColor: '#000',
949
+ stroke: '#fff',
950
+ width: 4,
951
+ text: '',
952
+ geo: obj.geoJson,
953
+ id: 'ceshi',
954
+ playbackColor: '#1890FF',
955
+ };
956
+ },
957
+ drawError(obj) {},
958
+ mapClick(e) {
959
+ // alert(e);
960
+ },
961
+ onLoad(e) {},
962
+ crossHairClick(e) {
963
+ // console.log(e);
964
+ },
965
+ mapMoveend(e) {
966
+ // alert(1);
967
+ // console.log(e);
968
+ },
969
+ loadDrawPolygonEvent(e) {
970
+ this.mapTool = e;
971
+ },
972
+ clusterCallback({
973
+ id,
974
+ isShow
975
+ }) {
976
+ setTimeout(r => {
977
+ this.showPolygon = {
978
+ id,
979
+ isShow
980
+ };
981
+ this.isCheckPoint = {
982
+ id,
983
+ isShow
984
+ };
985
+ }, 50);
986
+ },
987
+ changeSwitchMap(obj) {
988
+ if (obj.mapType == 2) {
989
+ this.gpsType = 0;
990
+ return;
991
+ }
992
+ this.gpsType = obj.mapType;
993
+ },
994
+ onClick() {
995
+ this.isRyMapTool = !this.isRyMapTool;
996
+ },
997
+ onClick2() {
998
+ this.maxZoom = 28;
999
+ },
1000
+ onClick3() {
1001
+ this.maxZoom = 10;
1002
+ },
1003
+ trackPlayEvent(obj) {
1004
+ console.log(obj);
1005
+ },
1006
+ drawLineEvent({
1007
+ draw,
1008
+ id,
1009
+ type
1010
+ }) {
1011
+ console.log('drawLineEvent');
1012
+ console.log(draw);
1013
+ console.log(id, type);
1014
+ },
1015
+ drawPolygonEvent({
1016
+ draw,
1017
+ id,
1018
+ type
1019
+ }) {
1020
+ // console.log('drawPolygonEvent');
1021
+ // console.log(draw);
1022
+ // console.log(id,type);
1023
+ if (!this.darws.has(id) && !type) {
1024
+ this.darws.set(id, draw);
1025
+ }
1026
+
1027
+ if (this.darws.has(id) && type) {
1028
+ let dto = this.darws.get(id);
1029
+ dto = null;
1030
+ this.darws.delete(id);
1031
+ }
1032
+
1033
+ console.log(this.darws);
1034
+ },
1035
+
1036
+ }
1037
+ };
995
1038
  </script>
996
1039
 
997
1040
  <style lang="scss" scoped>
998
- .map-style {
999
- height: 100vh;
1000
- position: relative;
1001
- }
1002
- </style>
1041
+ .map-style {
1042
+ height: 100vh;
1043
+ position: relative;
1044
+ }
1045
+ </style>