https://www.ladata.mx/ladinamicadelrobo_celulares/js/scriptaMaps.js

1mapboxgl.accessToken = 'pk.eyJ1IjoiZXJhbmRpaSIsImEiOiJjanl0MTV4ZHMwMXdyM2RueHZicHJtem15In0.SZOKMMhMPAXF3ZOelwLuYQ';
2
3var map = new mapboxgl.Map({
4container: 'map',
5style: 'mapbox://styles/erandii/cjyzyp1z2547s1drwfuoap0hr',
6zoom: 9.2,
7center: [-99.150080, 19.318742],
8maxBounds: [[-99.55,18.9],[-98.75,19.7]]
9});
10
11var l = [ 'tasasT','tasasCV','tasasSV','delitosT','delitosCV','delitosSV'];
12/*funcion para hacer los layers visibles/invisibles
13ss = array con los layers que se quieren hacer visibles*/
14function selectorLayers(ss){
15  capas=l.filter(x => !ss.includes(x))
16  for (var i = 0; i < capas.length; i++) {
17  map.setLayoutProperty(capas[i], 'visibility', 'none');
18  }
19  for (var i = 0; i < ss.length; i++) {
20  map.setLayoutProperty(ss[i], 'visibility', 'visible');
21  }
22}
23
24//función para hacer zoom en una delegación
25var centros=[
26[-99.150080, 19.318742],
27[-99.191978, 19.490035],
28[-99.153239, 19.324917],
29[-99.311861, 19.329172],
30[-99.117617, 19.509809],
31[-99.088481, 19.395469],
32[-99.055539, 19.376073],
33[-99.272285, 19.284516],
34[-99.054443, 19.134010],
35[-99.251097, 19.338195],
36[-99.003135, 19.264484],
37[-99.221942, 19.198808],
38[-99.089706, 19.242697],
39[-99.165605, 19.384774],
40[-99.152901, 19.432447],
41[-99.211244, 19.439069],
42[-99.089060, 19.432808]
43];
44
45
46function zoomD(ind){
47  console.log(ind)
48  if(parseInt(ind)!=0){
49    map.flyTo({
50    zoom: 12,
51    center: centros[ind],
52    duration: 1000
53  });
54  }
55  else{
56    map.flyTo({
57    zoom: 9.2,
58    center: centros[ind],
59    duration: 1000
60  });
61  }
62  
63}
64