-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
547 lines (545 loc) · 34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
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
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="css/leaflet.css"><link rel="stylesheet" href="css/L.Control.Locate.min.css">
<link rel="stylesheet" href="css/qgis2web.css"><link rel="stylesheet" href="css/fontawesome-all.min.css">
<style>
html, body, #map {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style>
<title></title>
</head>
<body>
<div id="map">
</div>
<script src="js/qgis2web_expressions.js"></script>
<script src="js/leaflet.js"></script><script src="js/L.Control.Locate.min.js"></script>
<script src="js/multi-style-layer.js"></script>
<script src="js/leaflet.rotatedMarker.js"></script>
<script src="js/leaflet.pattern.js"></script>
<script src="js/leaflet-hash.js"></script>
<script src="js/Autolinker.min.js"></script>
<script src="js/rbush.min.js"></script>
<script src="js/labelgun.min.js"></script>
<script src="js/labels.js"></script>
<script src="data/Reviews_2_1.js"></script>
<script src="data/MunicipiosZMVM_2.js"></script>
<script>
var map = L.map('map', {
zoomControl:true, maxZoom:28, minZoom:1
}).fitBounds([[19.27425137162573,-99.29332681447241],[19.38370243049895,-98.94473033856272]]);
var hash = new L.Hash(map);
map.attributionControl.setPrefix('<a href="https://github.com/tomchadwin/qgis2web" target="_blank">qgis2web</a> · <a href="https://leafletjs.com" title="A JS library for interactive maps">Leaflet</a> · <a href="https://qgis.org">QGIS</a>');
L.control.locate({locateOptions: {maxZoom: 19}}).addTo(map);
var bounds_group = new L.featureGroup([]);
function setBounds() {
}
var layer_OSMBW_0 = L.tileLayer('http://tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png', {
opacity: 1.0,
attribution: '',
minZoom: 1,
maxZoom: 28,
minNativeZoom: 0,
maxNativeZoom: 18
});
layer_OSMBW_0;
map.addLayer(layer_OSMBW_0);
function pop_Reviews_2_1(feature, layer) {
var popupContent = '<table>\
<tr>\
<td colspan="2"><strong>Nombre</strong><br />' + (feature.properties['Nombre'] !== null ? Autolinker.link(feature.properties['Nombre'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2"><strong>Google Map</strong><br />' + (feature.properties['Google Map'] !== null ? Autolinker.link(feature.properties['Google Map'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['Published'] !== null ? Autolinker.link(feature.properties['Published'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2"><strong>Review</strong><br />' + (feature.properties['Review'] !== null ? Autolinker.link(feature.properties['Review'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<th scope="row">Rating</th>\
<td>' + (feature.properties['Rating'] !== null ? Autolinker.link(feature.properties['Rating'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<th scope="row">Ubicación</th>\
<td>' + (feature.properties['Ubicación'] !== null ? Autolinker.link(feature.properties['Ubicación'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<th scope="row">País</th>\
<td>' + (feature.properties['País'] !== null ? Autolinker.link(feature.properties['País'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<th scope="row">Latitud</th>\
<td>' + (feature.properties['Latitud'] !== null ? Autolinker.link(feature.properties['Latitud'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<th scope="row">Longitud</th>\
<td>' + (feature.properties['Longitud'] !== null ? Autolinker.link(feature.properties['Longitud'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
</table>';
layer.bindPopup(popupContent, {maxHeight: 400});
}
function style_Reviews_2_1_0(feature) {
switch(String(feature.properties['Rating'])) {
case '1':
return {
pane: 'pane_Reviews_2_1',
radius: 8.0,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(215,25,28,1.0)',
interactive: true,
}
break;
case '2':
return {
pane: 'pane_Reviews_2_1',
radius: 8.0,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(253,174,97,1.0)',
interactive: true,
}
break;
case '3':
return {
pane: 'pane_Reviews_2_1',
radius: 8.0,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(238,231,15,1.0)',
interactive: true,
}
break;
case '4':
return {
pane: 'pane_Reviews_2_1',
radius: 8.0,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(166,217,106,1.0)',
interactive: true,
}
break;
case '5':
return {
pane: 'pane_Reviews_2_1',
radius: 8.0,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(26,150,65,1.0)',
interactive: true,
}
break;
}
}
function style_Reviews_2_1_1(feature) {
switch(String(feature.properties['Rating'])) {
case '1':
return {
pane: 'pane_Reviews_2_1',
radius: 2.8,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(215,25,28,1.0)',
interactive: true,
}
break;
case '2':
return {
pane: 'pane_Reviews_2_1',
radius: 2.8,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(253,174,97,1.0)',
interactive: true,
}
break;
case '3':
return {
pane: 'pane_Reviews_2_1',
radius: 2.8,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(238,231,15,1.0)',
interactive: true,
}
break;
case '4':
return {
pane: 'pane_Reviews_2_1',
radius: 2.8,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(166,217,106,1.0)',
interactive: true,
}
break;
case '5':
return {
pane: 'pane_Reviews_2_1',
radius: 2.8,
stroke: false,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(26,150,65,1.0)',
interactive: true,
}
break;
}
}
map.createPane('pane_Reviews_2_1');
map.getPane('pane_Reviews_2_1').style.zIndex = 401;
map.getPane('pane_Reviews_2_1').style['mix-blend-mode'] = 'normal';
var layer_Reviews_2_1 = new L.geoJson.multiStyle(json_Reviews_2_1, {
attribution: '',
interactive: true,
dataVar: 'json_Reviews_2_1',
layerName: 'layer_Reviews_2_1',
pane: 'pane_Reviews_2_1',
onEachFeature: pop_Reviews_2_1,
pointToLayers: [function (feature, latlng) {
var context = {
feature: feature,
variables: {}
};
return L.circleMarker(latlng, style_Reviews_2_1_0(feature));
},function (feature, latlng) {
var context = {
feature: feature,
variables: {}
};
return L.circleMarker(latlng, style_Reviews_2_1_1(feature));
},
]});
bounds_group.addLayer(layer_Reviews_2_1);
map.addLayer(layer_Reviews_2_1);
function pop_MunicipiosZMVM_2(feature, layer) {
var popupContent = '<table>\
<tr>\
<td colspan="2">' + (feature.properties['CVEGEO'] !== null ? Autolinker.link(feature.properties['CVEGEO'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['NOM_ENT'] !== null ? Autolinker.link(feature.properties['NOM_ENT'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['NOMBRE'] !== null ? Autolinker.link(feature.properties['NOMBRE'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB1'] !== null ? Autolinker.link(feature.properties['POB1'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB2'] !== null ? Autolinker.link(feature.properties['POB2'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB3'] !== null ? Autolinker.link(feature.properties['POB3'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB4'] !== null ? Autolinker.link(feature.properties['POB4'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB5'] !== null ? Autolinker.link(feature.properties['POB5'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB6'] !== null ? Autolinker.link(feature.properties['POB6'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB7'] !== null ? Autolinker.link(feature.properties['POB7'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB8'] !== null ? Autolinker.link(feature.properties['POB8'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB9'] !== null ? Autolinker.link(feature.properties['POB9'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB10'] !== null ? Autolinker.link(feature.properties['POB10'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB11'] !== null ? Autolinker.link(feature.properties['POB11'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB12'] !== null ? Autolinker.link(feature.properties['POB12'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB13'] !== null ? Autolinker.link(feature.properties['POB13'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB14'] !== null ? Autolinker.link(feature.properties['POB14'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB15'] !== null ? Autolinker.link(feature.properties['POB15'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB16'] !== null ? Autolinker.link(feature.properties['POB16'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB17'] !== null ? Autolinker.link(feature.properties['POB17'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB18'] !== null ? Autolinker.link(feature.properties['POB18'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB19'] !== null ? Autolinker.link(feature.properties['POB19'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB20'] !== null ? Autolinker.link(feature.properties['POB20'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB21'] !== null ? Autolinker.link(feature.properties['POB21'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB22'] !== null ? Autolinker.link(feature.properties['POB22'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB23'] !== null ? Autolinker.link(feature.properties['POB23'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB24'] !== null ? Autolinker.link(feature.properties['POB24'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB25'] !== null ? Autolinker.link(feature.properties['POB25'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB31'] !== null ? Autolinker.link(feature.properties['POB31'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB32'] !== null ? Autolinker.link(feature.properties['POB32'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB33'] !== null ? Autolinker.link(feature.properties['POB33'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB34'] !== null ? Autolinker.link(feature.properties['POB34'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB35'] !== null ? Autolinker.link(feature.properties['POB35'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB36'] !== null ? Autolinker.link(feature.properties['POB36'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB37'] !== null ? Autolinker.link(feature.properties['POB37'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB38'] !== null ? Autolinker.link(feature.properties['POB38'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB39'] !== null ? Autolinker.link(feature.properties['POB39'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB40'] !== null ? Autolinker.link(feature.properties['POB40'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB41'] !== null ? Autolinker.link(feature.properties['POB41'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB42'] !== null ? Autolinker.link(feature.properties['POB42'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB43'] !== null ? Autolinker.link(feature.properties['POB43'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB44'] !== null ? Autolinker.link(feature.properties['POB44'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB45'] !== null ? Autolinker.link(feature.properties['POB45'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB46'] !== null ? Autolinker.link(feature.properties['POB46'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB47'] !== null ? Autolinker.link(feature.properties['POB47'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB48'] !== null ? Autolinker.link(feature.properties['POB48'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB49'] !== null ? Autolinker.link(feature.properties['POB49'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB50'] !== null ? Autolinker.link(feature.properties['POB50'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB51'] !== null ? Autolinker.link(feature.properties['POB51'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB52'] !== null ? Autolinker.link(feature.properties['POB52'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB53'] !== null ? Autolinker.link(feature.properties['POB53'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB54'] !== null ? Autolinker.link(feature.properties['POB54'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB55'] !== null ? Autolinker.link(feature.properties['POB55'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB56'] !== null ? Autolinker.link(feature.properties['POB56'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB57'] !== null ? Autolinker.link(feature.properties['POB57'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB58'] !== null ? Autolinker.link(feature.properties['POB58'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB59'] !== null ? Autolinker.link(feature.properties['POB59'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB60'] !== null ? Autolinker.link(feature.properties['POB60'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB61'] !== null ? Autolinker.link(feature.properties['POB61'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB62'] !== null ? Autolinker.link(feature.properties['POB62'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB63'] !== null ? Autolinker.link(feature.properties['POB63'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB64'] !== null ? Autolinker.link(feature.properties['POB64'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB65'] !== null ? Autolinker.link(feature.properties['POB65'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB66'] !== null ? Autolinker.link(feature.properties['POB66'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB67'] !== null ? Autolinker.link(feature.properties['POB67'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB68'] !== null ? Autolinker.link(feature.properties['POB68'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB69'] !== null ? Autolinker.link(feature.properties['POB69'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB70'] !== null ? Autolinker.link(feature.properties['POB70'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB71'] !== null ? Autolinker.link(feature.properties['POB71'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB72'] !== null ? Autolinker.link(feature.properties['POB72'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB73'] !== null ? Autolinker.link(feature.properties['POB73'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB74'] !== null ? Autolinker.link(feature.properties['POB74'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB75'] !== null ? Autolinker.link(feature.properties['POB75'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB76'] !== null ? Autolinker.link(feature.properties['POB76'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB77'] !== null ? Autolinker.link(feature.properties['POB77'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB78'] !== null ? Autolinker.link(feature.properties['POB78'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB79'] !== null ? Autolinker.link(feature.properties['POB79'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB80'] !== null ? Autolinker.link(feature.properties['POB80'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['POB81'] !== null ? Autolinker.link(feature.properties['POB81'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['OID'] !== null ? Autolinker.link(feature.properties['OID'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['Mun_CAtNOM_ENT'] !== null ? Autolinker.link(feature.properties['Mun_CAtNOM_ENT'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
<tr>\
<td colspan="2">' + (feature.properties['Mun_CAtMunicipio'] !== null ? Autolinker.link(feature.properties['Mun_CAtMunicipio'].toLocaleString(), {truncate: {length: 30, location: 'smart'}}) : '') + '</td>\
</tr>\
</table>';
layer.bindPopup(popupContent, {maxHeight: 400});
}
function style_MunicipiosZMVM_2_0() {
return {
pane: 'pane_MunicipiosZMVM_2',
opacity: 1,
color: 'rgba(126,126,126,1.0)',
dashArray: '1,5',
lineCap: 'butt',
lineJoin: 'miter',
weight: 1.0,
fill: true,
fillOpacity: 1,
fillColor: 'rgba(229,182,54,0.0)',
interactive: false,
}
}
map.createPane('pane_MunicipiosZMVM_2');
map.getPane('pane_MunicipiosZMVM_2').style.zIndex = 402;
map.getPane('pane_MunicipiosZMVM_2').style['mix-blend-mode'] = 'normal';
var layer_MunicipiosZMVM_2 = new L.geoJson(json_MunicipiosZMVM_2, {
attribution: '',
interactive: false,
dataVar: 'json_MunicipiosZMVM_2',
layerName: 'layer_MunicipiosZMVM_2',
pane: 'pane_MunicipiosZMVM_2',
onEachFeature: pop_MunicipiosZMVM_2,
style: style_MunicipiosZMVM_2_0,
});
bounds_group.addLayer(layer_MunicipiosZMVM_2);
map.addLayer(layer_MunicipiosZMVM_2);
var baseMaps = {};
L.control.layers(baseMaps,{'<img src="legend/MunicipiosZMVM_2.png" /> Municipios ZMVM': layer_MunicipiosZMVM_2,'Reviews_2<br /><table><tr><td style="text-align: center;"><img src="legend/Reviews_2_1_1estrella0.png" /></td><td>1 estrella</td></tr><tr><td style="text-align: center;"><img src="legend/Reviews_2_1_2estrellas1.png" /></td><td>2 estrellas</td></tr><tr><td style="text-align: center;"><img src="legend/Reviews_2_1_3estrellas2.png" /></td><td>3 estrellas</td></tr><tr><td style="text-align: center;"><img src="legend/Reviews_2_1_4estrellas3.png" /></td><td>4 estrellas</td></tr><tr><td style="text-align: center;"><img src="legend/Reviews_2_1_5estrellas4.png" /></td><td>5 estrellas</td></tr></table>': layer_Reviews_2_1,"OSM BW": layer_OSMBW_0,},{collapsed:false}).addTo(map);
setBounds();
var i = 0;
layer_MunicipiosZMVM_2.eachLayer(function(layer) {
var context = {
feature: layer.feature,
variables: {}
};
layer.bindTooltip((layer.feature.properties['Mun_CAtMunicipio'] !== null?String('<div style="color: #494949; font-size: 10pt; font-family: \'Oswald\', sans-serif;">' + layer.feature.properties['Mun_CAtMunicipio']) + '</div>':''), {permanent: true, offset: [-0, -16], className: 'css_MunicipiosZMVM_2'});
labels.push(layer);
totalMarkers += 1;
layer.added = true;
addLabel(layer, i);
i++;
});
resetLabels([layer_MunicipiosZMVM_2]);
map.on("zoomend", function(){
resetLabels([layer_MunicipiosZMVM_2]);
});
map.on("layeradd", function(){
resetLabels([layer_MunicipiosZMVM_2]);
});
map.on("layerremove", function(){
resetLabels([layer_MunicipiosZMVM_2]);
});
</script>
</body>
</html>