La API OpenLayers permite visualizar la información de INEGI en un mapa, en una página web. Puedes utilizar la API para crear aplicaciones que muestren información georeferenciada de cualquier fuente, siempre y cuando se encuentren en formato compatible con OpenLayers o inclusive cargar archivos KML.
Enseguida se muestran las capas disponibles con su nivel de acercamiento necesario para su visualización en el mapa.Nombre de capa (nivel de acercamiento)
Bienvenido a la documentación para desarrolladores de la API de OpenLayers para consultar las capas de INEGI. El complemento de JavaScript te permitirá insertar en tu página web la funcionalidad de OpenLayers para el manejo de información georeferenciada en un mapa. Además, te ayudaremos a obtener un listado de todas las capas que proporciona el INEGI y visualizarlas en el mapa.
Esta documentación está dirigida para los desarrolladores familiarizados con la programación JavaScript y conocimientos de programación orientada a objetos.
Es necesario agregar un mapa a tu página web mediante la API de OpenLayers, para esto sigue la: Guía del API de OpenLayers para Web
Se necesita referenciar al siguiente script JS:
-Es el encargado de configurar la API de OpenLayers para agregar capas.
<head> <script type="text/javascript" src="capas_inegiwmsOL.js"></script> </head>
En el evento onload del <body> se debe invocar el método que vinculará a las capas con el mapa:
<body onload="inicializa();"> ... ... </body>
Asignar id="map" al <div> que contendrá el mapa:
<div id="map"></div>
Esta es la función que deberás utilizar para ejecutar la acción de mostrar/ocultar una capa:
ActivaCapa(this);
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ejemplo</title> <link rel="stylesheet" type="text/css" href="https://openlayers.org/en/v6.5.0/css/ol.css"> <script type="text/javascript" src="https://openlayers.org/en/v6.5.0/build/ol.js"></script> <script type="text/javascript" src="capas_inegiwmsOL.js"></script> <link rel="stylesheet" type="text/css" href="styleOL.css"> </head> <body onload="inicializa();"> <div id="map"></div> <div style="position: absolute; top:40%;left: 24px; width: 250px; height: 195px; background-color: white; padding: 16px"> <h3>Selecciona las capas que quieras mostrar sobre el mapa</h3> <!--Como ejemplo se muestran las siguientes dos capas, para ver todas las capas disponibles consulta la sección "Información disponible" de esta página. --> <h5>División territorial</h5> <p><input type="checkBox" onclick="ActivaCapa(this);">Estatal </input> </p> <p><input type="checkBox" onclick="ActivaCapa(this);">Municipal </input> </p> </div> <div style="position: absolute;top:80px;left: 18px;" class="zoom"> <span id="zoom">5</span> </div> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ejemplo</title> <link rel="stylesheet" type="text/css" href="https://openlayers.org/en/v6.5.0/css/ol.css"> <script type="text/javascript" src="https://openlayers.org/en/v6.5.0/build/ol.js"></script> <script type="text/javascript" src="capas_inegiwmsOL.js"></script> <link rel="stylesheet" type="text/css" href="styleOL.css"/> </head> <body onload="inicializa();"> <div id="map"></div> <div style="position: absolute; top:40%;left: 24px; width: 250px; height: 195px; background-color: white; padding: 16px"> <h3>Selecciona las capas que quieras mostrar sobre el mapa</h3> <!-- Como ejemplo se muestran las siguientes dos capas, para ver todas las capas disponibles consulta la sección "Información disponible" de esta página. --> <h5>División territorial</h5> <p><input type="checkBox" onclick="ActivaCapa(this);">Estatal </input> </p> <p><input type="checkBox" onclick="ActivaCapa(this);">Municipal </input> </p> </div> <div style="position: absolute;top:80px;left: 18px;" class="zoom"> <span id="zoom">5</span> </div> </body> </html>
<!DOCTYPE html> <head> <meta https-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="https://openlayers.org/en/v6.5.0/css/ol.css"></link> <script type="text/javascript" src="https://openlayers.org/en/v6.5.0/build/ol.js"></script> <script type="text/javascript" src="capasD_inegiwmsOL.js"></script> <script type="text/javascript" src="ListadoCapas.js"></script> <link rel="stylesheet" type="text/css" href="styleOL.css"/> </head> <body> <div style="width: 100%; height: 500px" id="map"></div> <div style="position: absolute; top:40%;left: 24px; width: 250px; height: 195px; background-color: white; padding: 16px"> <h5 style="padding-left: 0px;">Introduce el nombre de capa que quieras mostrar sobre el mapa></h5> <h5 style="font-size: 14px; font-weight:bold;">Nombre de capa></h5> <input type="text" id="txtCapa" name="Capa"> <input type="button" onclick="ActivaCapa()" value="Cargar"> </div> </body> </html>
<!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta https-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript > var GEE_SERVER_URL = "https://mapas.inegi.org.mx,bmarble"; var geeInitialViewLat = 23.84; var geeInitialViewLon = -102.18; var geeInitialZoomLevel = 5; var GEpublico = true; var Capas = []; var panelCapas = false; var map; function initMap() { console.log('Googlemaps'); } </script> <!-- ________________________________________________________________________________________________________________--> <!-- "Llamada al API Javascript de OpenLayers" --> <script src="https://maps.google.com/maps/api/js?key=AQUÍ VA TU TOKEN&callback=initMap"></script> <script src="servicios/scripts/funciones_mapa.js" type="text/javascript"></script> </head> <body> <table align="left" cellpadding="0" cellspacing="3" border="0"> <tr> <td><div id="listaEntidades" style="height:336px; width:345px; overflow-y:scroll;"> Listado de entidades. <ul start="0" style="font-size: small;list-style-image: url('img/center.png');"> <li><a href="javascript:centrarMapa('0');" title="latitud = 22.143, longitud = -102.358">Estados Unidos Mexicanos</a></li> <li><a href="javascript:centrarMapa('1');" title="latitud = 22.143, longitud = -102.358" >Aguascalientes</a></li> <li><a href="javascript:centrarMapa('2');" title="latitud = 30.401, longitud = -115.268">Baja California</a></li> <li><a href="javascript:centrarMapa('3');" title="latitud = 25.751, longitud = -111.687">Baja California Sur</a></li> <li><a href="javascript:centrarMapa('4');" title="latitud = 18.651, longitud = -90.236">Campeche</a></li> <li><a href="javascript:centrarMapa('5');" title="latitud = 27.479, longitud = -101.82">Coahuila de Zaragoza</a></li> <li><a href="javascript:centrarMapa('6');" title="latitud = 19.146, longitud = -103.828">Colima</a></li> <li><a href="javascript:centrarMapa('7');" title="latitud = 16.705, longitud = -92.637">Chiapas</a></li> <li><a href="javascript:centrarMapa('8');" title="latitud = 28.633, longitud = -106.05">Chihuahua</a></li> <li><a href="javascript:centrarMapa('9');" title="latitud = 19.305, longitud = -99.146">Distrito Federal</a></li> <li><a href="javascript:centrarMapa('10');" title="latitud = 24.677, longitud = -104.81" >Durango</a></li> <li><a href="javascript:centrarMapa('11');" title="latitud = 21.202, longitud = -101.008">Guanajuato</a></li> <li><a href="javascript:centrarMapa('12');" title="latitud = 17.545, longitud = -99.470" >Guerrero</a></li> <li><a href="javascript:centrarMapa('13');" title="latitud = 20.399, longitud = -98.924" >Hidalgo</a></li> <li><a href="javascript:centrarMapa('14');" title="latitud = 20.66, longitud = -103.31">Jalisco</a></li> <li><a href="javascript:centrarMapa('15');" title="latitud = 19.330, longitud = -99.666">México</a></li> <li><a href="javascript:centrarMapa('16');" title="latitud = 19.36, longitud = -101.71">Michoacán de Ocampo</a></li> <li><a href="javascript:centrarMapa('17');" title="latitud = 18.756, longitud = -99.067">Morelos</a></li> <li><a href="javascript:centrarMapa('18');" title="latitud = 21.613, longitud = -104.690">Nayarit</a></li> <li><a href="javascript:centrarMapa('19');" title="latitud = 25.327, longitud = -99.700">Nuevo León</a></li> <li><a href="javascript:centrarMapa('20');" title="latitud = 16.81, longitud = -96.20">Oaxaca</a></li> <li><a href="javascript:centrarMapa('21');" title="latitud = 18.95, longitud = -97.60">Puebla</a></li> <li><a href="javascript:centrarMapa('22');" title="latitud = 20.885, longitud = -99.787">Querétaro </a></li> <li><a href="javascript:centrarMapa('23');" title="latitud = 19.572, longitud = -88.023">Quintana Roo</a></li> <li><a href="javascript:centrarMapa('24');" title="latitud = 22.65, longitud = -100.57">San Luis Potosí</a></li> <li><a href="javascript:centrarMapa('25');" title="latitud = 24.700, longitud = -107.31">Sinaloa</a></li> <li><a href="javascript:centrarMapa('26');" title="latitud = 29.347, longitud = -110.29">Sonora</a></li> <li><a href="javascript:centrarMapa('27');" title="latitud = 18.080, longitud = -92.709">Tabasco</a></li> <li><a href="javascript:centrarMapa('28');" title="latitud = 24.810, longitud = -98.18">Tamaulipas</a></li> <li><a href="javascript:centrarMapa('29');" title="latitud = 19.400, longitud = -98.147">Tlaxcala</a></li> <li><a href="javascript:centrarMapa('30');" title="latitud = 19.17, longitud = -96.08">Veracruz de Ignacio de la Llave</a></li> <li><a href="javascript:centrarMapa('31');" title="latitud = 20.727, longitud = -88.935">Yucatán</a></li> <li><a href="javascript:centrarMapa('32');" title="latitud = 23.23, longitud = -102.79">Zacatecas</a></li> </ul> </div></td> <td><div id="map" style="height:336px; width:498px;"></div></td> </tr> </table> </body> </html>
<!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta https-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript > var GEE_SERVER_URL = "https://mapas.inegi.org.mx,bmarble"; var geeInitialViewLat = 23.84; var geeInitialViewLon = -102.18; var geeInitialZoomLevel = 5; var GEpublico = true; var Capas = []; var panelCapas = false; var map; function initMap() { console.log('Googlemaps'); } </script> <!-- ________________________________________________________________________________________________________________--> <!-- "Llamada al API Javascript de OpenLayers" --> <script src="https://maps.google.com/maps/api/js?key=AQUÍ VA TU TOKEN&callback=initMap"></script> <script src="servicios/scripts/funciones_mapa.js" type="text/javascript"></script> </head> <body> <table align="left" cellpadding="0" cellspacing="3" border="0"> <tr> <td><div id="listaEntidades" style="height:336px; width:345px; overflow-y:scroll;"> Listado de entidades. <ul start="0" style="font-size: small;list-style-image: url('img/center.png');"> <li><a href="javascript:centrarMapa('0');" title="latitud = 22.143, longitud = -102.358">Estados Unidos Mexicanos</a></li> <li><a href="javascript:centrarMapa('1');" title="latitud = 22.143, longitud = -102.358" >Aguascalientes</a></li> <li><a href="javascript:centrarMapa('2');" title="latitud = 30.401, longitud = -115.268">Baja California</a></li> <li><a href="javascript:centrarMapa('3');" title="latitud = 25.751, longitud = -111.687">Baja California Sur</a></li> <li><a href="javascript:centrarMapa('4');" title="latitud = 18.651, longitud = -90.236">Campeche</a></li> <li><a href="javascript:centrarMapa('5');" title="latitud = 27.479, longitud = -101.82">Coahuila de Zaragoza</a></li> <li><a href="javascript:centrarMapa('6');" title="latitud = 19.146, longitud = -103.828">Colima</a></li> <li><a href="javascript:centrarMapa('7');" title="latitud = 16.705, longitud = -92.637">Chiapas</a></li> <li><a href="javascript:centrarMapa('8');" title="latitud = 28.633, longitud = -106.05">Chihuahua</a></li> <li><a href="javascript:centrarMapa('9');" title="latitud = 19.305, longitud = -99.146">Distrito Federal</a></li> <li><a href="javascript:centrarMapa('10');" title="latitud = 24.677, longitud = -104.81" >Durango</a></li> <li><a href="javascript:centrarMapa('11');" title="latitud = 21.202, longitud = -101.008">Guanajuato</a></li> <li><a href="javascript:centrarMapa('12');" title="latitud = 17.545, longitud = -99.470" >Guerrero</a></li> <li><a href="javascript:centrarMapa('13');" title="latitud = 20.399, longitud = -98.924" >Hidalgo</a></li> <li><a href="javascript:centrarMapa('14');" title="latitud = 20.66, longitud = -103.31">Jalisco</a></li> <li><a href="javascript:centrarMapa('15');" title="latitud = 19.330, longitud = -99.666">México</a></li> <li><a href="javascript:centrarMapa('16');" title="latitud = 19.36, longitud = -101.71">Michoacán de Ocampo</a></li> <li><a href="javascript:centrarMapa('17');" title="latitud = 18.756, longitud = -99.067">Morelos</a></li> <li><a href="javascript:centrarMapa('18');" title="latitud = 21.613, longitud = -104.690">Nayarit</a></li> <li><a href="javascript:centrarMapa('19');" title="latitud = 25.327, longitud = -99.700">Nuevo León</a></li> <li><a href="javascript:centrarMapa('20');" title="latitud = 16.81, longitud = -96.20">Oaxaca</a></li> <li><a href="javascript:centrarMapa('21');" title="latitud = 18.95, longitud = -97.60">Puebla</a></li> <li><a href="javascript:centrarMapa('22');" title="latitud = 20.885, longitud = -99.787">Querétaro </a></li> <li><a href="javascript:centrarMapa('23');" title="latitud = 19.572, longitud = -88.023">Quintana Roo</a></li> <li><a href="javascript:centrarMapa('24');" title="latitud = 22.65, longitud = -100.57">San Luis Potosí</a></li> <li><a href="javascript:centrarMapa('25');" title="latitud = 24.700, longitud = -107.31">Sinaloa</a></li> <li><a href="javascript:centrarMapa('26');" title="latitud = 29.347, longitud = -110.29">Sonora</a></li> <li><a href="javascript:centrarMapa('27');" title="latitud = 18.080, longitud = -92.709">Tabasco</a></li> <li><a href="javascript:centrarMapa('28');" title="latitud = 24.810, longitud = -98.18">Tamaulipas</a></li> <li><a href="javascript:centrarMapa('29');" title="latitud = 19.400, longitud = -98.147">Tlaxcala</a></li> <li><a href="javascript:centrarMapa('30');" title="latitud = 19.17, longitud = -96.08">Veracruz de Ignacio de la Llave</a></li> <li><a href="javascript:centrarMapa('31');" title="latitud = 20.727, longitud = -88.935">Yucatán</a></li> <li><a href="javascript:centrarMapa('32');" title="latitud = 23.23, longitud = -102.79">Zacatecas</a></li> </ul> </div></td> <td><div id="map" style="height:336px; width:498px;"></div></td> </tr> </table> </body> </html>
var map =null; function inicializa() { map= new ol.Map( { layers: [new ol.layer.Tile({ source: new ol.source.OSM() })], target: 'map', view: new ol.View( { center: ol.proj.transform([-102.552784, 23.634501], 'EPSG:4326', 'EPSG:3857'), zoom: 5 }) }); olView = map.getView(); olView.on('propertychange', olViewPropertyChange); } function olViewPropertyChange(e) { switch (e.key) { case 'resolution': olViewResolutionChange(e); break; } }; function olViewResolutionChange(e) { objzoom = document.getElementById('zoom'); zoom = olView.getZoom(); objzoom.innerText= zoom; } var lyr = null; var lyr2 = null; function ActivaCapa(obj) { if (obj.id === "chkEstatal") { if (document.getElementById('chkEstatal').checked) { url = "https://mapas.inegi.org.mx/geoserver/wms?" ws = "Sitio_Inegi" gslyrname = "Estatal" name = "1_1_1" stylename = "estatal" zoom = 5 visible = true zIndex = 163 var lyrs = ''; if (ws !== '') lyrs = ws + ':' + gslyrname; else lyrs = gslyrname; lyr = new ol.layer.Tile( { name: name, visible: visible, zoomInicial: zoom, source: new ol.source.TileWMS( { url: url, params: { 'LAYERS': lyrs, 'TILED': 'true', 'FORMAT': 'image/png8', 'STYLES': stylename} }) }); lyr.setZIndex(zIndex); map.addLayer(lyr); actualZoom = map.getView().getZoom(); } else { map.removeLayer(lyr); lyr = null; } } else { if (document.getElementById('chkMunicipal').checked) { url = "https://mapas.inegi.org.mx/geoserver/wms?" ws = "Sitio_Inegi" gslyrname = "mg_Municipal" name = "1_1_2" stylename = "Municipal" zoom = 9 visible = true zIndex = 163 var lyrs = ''; if (ws !== '') lyrs = ws + ':' + gslyrname; else lyrs = gslyrname; lyr2 = new ol.layer.Tile( { name: name, visible: visible, zoomInicial: zoom, source: new ol.source.TileWMS( { url: url, params: { 'LAYERS': lyrs, 'TILED': 'true', 'FORMAT': 'image/png8', 'STYLES': stylename} }) }); lyr2.setZIndex(zIndex); map.addLayer(lyr2); } else { map.removeLayer(lyr2); lyr2 = null; } } }
var map =null; function inicializa() { map= new ol.Map( { layers:[new ol.layer.Tile({ source: new ol.source.OSM() })], target: 'map', view: new ol.View( { center: ol.proj.transform([-102.552784, 23.634501], 'EPSG:4326', 'EPSG:3857'), zoom: 5 }) }); } function olViewPropertyChange(e) { switch (e.key) { case 'resolution': olViewResolutionChange(e); break; } } function olViewResolutionChange(e) { objzoom = document.getElementById('zoom'); zoom = olView.getZoom(); objzoom.innerText= zoom; } if (document.readyState === 'complete') { ActivaCapa(); CargaMapa(); } function CargaMapa() { var lyr = null; var lyr2 = null; url = "https://mapas.inegi.org.mx/geoserver/wms?" ws = "Sitio_Inegi" gslyrname= nombreCapaReal; name = "1_1_1" stylename = nombreEstilo; zoom = 5 visible = true zIndex = 163 var lyrs = ''; if (ws !== '') lyrs = ws + ':' + gslyrname; else lyrs = gslyrname; lyr = new ol.layer.Tile({ name: name, visible: visible, zoomInicial: zoom, source: new ol.source.TileWMS({ url: url, params: { 'LAYERS': lyrs, 'TILED': 'true', 'FORMAT': 'image/png8', 'STYLES': stylename } }) }); lyr.setZIndex(zIndex); map.addLayer(lyr); }
function inicializa() { var zoomI = 5; var latI = 23.84; var lngI = -102.18; var myOptions = { center: new google.maps.LatLng(latI, lngI), zoom: zoomI, mapTypeControl: 0, streetViewControl: 0 }; geeServerDefs.serverUrl = 'https://mapas.inegi.org.mx/espacioyd_map'; for (var i = 0; i < geeServerDefs.layers.length; i++) { geeServerDefs.layers[i].initialState = false; } gmap = new GFusionMap("map", geeServerDefs, myOptions); } var codHtml = ''; function construccionLista() { codHtml = ''; codHtml += '<table>'; crearListado(listadoCapas, 0); codHtml += '</table>'; document.getElementById('divLista').innerHTML = codHtml; } var capasVisbles = []; function crearListado(lista, num) { var tot = 0 tot += num; var isfolder = false; for (var i = 0; i < lista.layers.length; i++) { var btn = '<input type="checkBox" onclick="enciendeApagaCapa(\'0-' + lista.layers[i].id + '\');">'; if (lista.layers[i].isFolder) { btn = '<a href="javascript:buscarCapa(null,\'' + lista.layers[i].id + '\');"><img id="img_' + lista.layers[i].id + '" src="img/minus.png"></a>'; isfolder = true; } if ($.inArray(lista.layers[i].id.toString(), capasVisbles) >= 0) { codHtml += '<tr><td class="' + lista.layers[i].id + '" style="padding-left:' + tot + 'px;">' + btn + lista.layers[i].label + '</td></tr>' } if (isfolder) { crearListado(lista.layers[i], tot + 15, lista.layers[i].id); } } } function openCloseLayer(layer, estado) { for (var i = 0; i < layer.layers.length; i++) { if (layer.layers[i].isFolder) { $('.' + layer.layers[i].id).css('display', estado); openCloseLayer(layer.layers[i], estado); if (estado == '') { $('#img_' + layer.layers[i].id).attr('src', 'img/minus.png'); } } else { $('.' + layer.layers[i].id).css('display', estado); } } } function cambiaEstado(idCapa) { var estado = ''; if ($('#img_' + idCapa).attr('src') == 'img/minus.png') { $('#img_' + idCapa).attr('src', 'img/plus.png'); estado = 'none'; } else { $('#img_' + idCapa).attr('src', 'img/minus.png'); } return estado; } function enciendeApagaCapa(layerId) { if (gmap.isFusionLayerVisible(layerId)) { gmap.hideFusionLayer(layerId); } else { gmap.showFusionLayer(layerId); } } function buscarCapa(listado, idCapa) { if (listado == null) { listado = listadoCapas; } for (var i = 0; i < listado.layers.length; i++) { if (listado.layers[i].id == idCapa) { var estado = cambiaEstado(listado.layers[i].id); openCloseLayer(listado.layers[i], estado); } else if (listado.layers[i].isFolder) { buscarCapa(listado.layers[i], idCapa); } } } var listCap = []; var capaVisibles2 = []; function selectLayer(listado) { if (listado == null) { listado = listadoCapas; } for (var i = 0; i < listado.layers.length; i++) { if ($.inArray(listado.layers[i].id.toString(), capaVisibles2) >= 0) { for (var x = 2; x <= listado.layers[i].idParent.length ; x+=2) { listCap.push(listado.layers[i].idParent.toString().substring(x-2, x)); } } else if (listado.layers[i].isFolder) { selectLayer(listado.layers[i]); } } } function insertLayer() { capaVisibles2.push($('#txtCapa').val()); selectLayer(null); capasVisbles = $.unique(listCap.concat(capaVisibles2)); construccionLista(); } var listadoCapas = { "version": "03s12i20u14l", "layers": [ { "id": "01", "label": "División territorial", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_divEstatal_l.png", "id": 1162, "initialState": true, "isPng": true, "label": "Estatal", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 29, "idParent" : "01" }, { "icon": "icons/ico_divMunicipal_l.png", "id": 1163, "initialState": true, "isPng": true, "label": "Municipal", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 28, "idParent": "01" }, { "icon": "icons/ico_divMunicipal_l.png", "id": 1164, "initialState": true, "isPng": true, "label": "Localidades con 2500 o mas habitantes", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 28, "idParent": "01" }, { "icon": "icons/ico_divMunicipal_l.png", "id": 1172, "initialState": true, "isPng": true, "label": "Localidades con menos de 2500 habitantes", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 28, "idParent": "01" }, { "icon": "icons/773_l.png", "id": 1177, "initialState": false, "isPng": true, "label": "Áreas rurales no amanzanadas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 28, "idParent": "01" }, { "icon": "icons/ico_ageb_l.png", "id": 1164, "initialState": false, "isPng": true, "label": "Agebs urbanas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 26, "idParent": "01" }, { "icon": "icons/ico_manzanasU_l.png", "id": 1166, "initialState": false, "isPng": true, "label": "Colonias", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 26, "idParent": "01" }, { "icon": "icons/ico_colonias_l.png", "id": 1167, "initialState": false, "isPng": true, "label": "Manzanas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "01" }, { "icon": "icons/ico_vialidades_l.png", "id": 1206, "initialState": true, "isPng": true, "label": "Vialidades", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 26, "idParent": "01" }, { "icon": "icons/ico_numExterior_l.png", "id": 1169, "initialState": false, "isPng": true, "label": "Números exteriores", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "01" }, { "icon": "icons/ico_agebR_l.png", "id": 1170, "initialState": false, "isPng": true, "label": "áreas verdes / Parques", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "01" } ] }, { "id": "02", "label": "Topografía", "isFolder": true, "state": false, "layers": [ { "id": "03", "label": "Hidrografía", "isFolder": true, "state": false, "layers": [ { "icon": "icons/gpo_rios_l.png", "id": 1178, "initialState": false, "isPng": true, "label": "Corrientes de agua", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 28, "idParent": "0203" }, { "icon": "icons/gpo_cuerposAgua_l.png", "id": 1179, "initialState": false, "isPng": true, "label": "Cuerpos de agua", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0203" }, { "icon": "icons/gpo_presas_l.png", "id": 1180, "initialState": false, "isPng": true, "label": "Presas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0203" } ] }, { "id": "04", "label": "Vías de comunicación", "isFolder": true, "state": false, "layers": [ { "icon": "icons/airports_new_l.png", "id": 1181, "initialState": false, "isPng": true, "label": "Aeropuertos", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0204" }, { "icon": "icons/ico_carrCuota_l.png", "id": 1384, "initialState": true, "isPng": true, "label": "Carreteras", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "0204" }, { "icon": "icons/ico_terraceria_l.png", "id": 1385, "initialState": true, "isPng": true, "label": "Terracerías", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "0204" }, { "icon": "icons/ico_caminos_l.png", "id": 1379, "initialState": true, "isPng": true, "label": "Caminos rurales", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 26, "idParent": "0204" }, { "icon": "icons/INEGI_viaferrea_l.png", "id": 1185, "initialState": true, "isPng": true, "label": "Vías férreas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 29, "idParent": "0204" } ] }, { "id": "05", "label": "Datos de relieve", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_curvasnivel_l.png", "id": 1186, "initialState": false, "isPng": true, "label": "Curvas de nivel", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0205" } ] } ] }, { "id": "06", "label": "Nombres geográficos", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1187, "initialState": false, "isPng": true, "label": "Orografía", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "06" }, { "icon": "icons/773_l.png", "id": 1188, "initialState": false, "isPng": true, "label": "Formas litorales", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "06" }, { "icon": "icons/773_l.png", "id": 1199, "initialState": false, "isPng": true, "label": "Áreas naturales y culturales", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "06" } ] }, { "id": "07", "label": "Sitios de interés", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1189, "initialState": false, "isPng": true, "label": "Zonas arqueológicas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "07" }, { "icon": "icons/ico_rasgosculturales2_l.png", "id": 1190, "initialState": false, "isPng": true, "label": "Zonas culturales", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "07" }, { "icon": "icons/ico_zonasprotegidas_l.png", "id": 1191, "initialState": false, "isPng": true, "label": "Zonas protegidas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "07" }, { "icon": "icons/INEGI_volcan_2_l.png", "id": 1192, "initialState": false, "isPng": true, "label": "Volcanes", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 23, "idParent": "07" } ] }, { "id": "08", "label": "Recursos naturales", "isFolder": true, "state": false, "layers": [ { "id": "10", "label": "Clima", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_precip_l.png", "id": 1193, "initialState": false, "isPng": true, "label": "Precipitación media anual", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0810" }, { "icon": "icons/ico_temp_l.png", "id": 1194, "initialState": false, "isPng": true, "label": "Temperatura media anual", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0810" }, { "id": "11", "label": "Unidades Climaticas", "isFolder": true, "state": false, "layers": [ { "id": "12", "label": "Calido", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_clima_l.png", "id": 1464, "initialState": false, "isPng": true, "label": "Cálido Húmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101112" }, { "icon": "icons/ico_clima_l.png", "id": 1465, "initialState": false, "isPng": true, "label": "Cálido Subhúmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101112" }, { "icon": "icons/ico_clima_l.png", "id": 1466, "initialState": false, "isPng": true, "label": "Cálido Semicálido húmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101112" }, { "icon": "icons/ico_clima_l.png", "id": 1467, "initialState": false, "isPng": true, "label": "Cálido Semicálido Subhúmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101112" } ] }, { "id": "13", "label": "Templado", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_clima_l.png", "id": 1468, "initialState": false, "isPng": true, "label": "Templado Semicálido Húmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101113" }, { "icon": "icons/ico_clima_l.png", "id": 1469, "initialState": false, "isPng": true, "label": "Templado Semicálido Subhúmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101113" }, { "icon": "icons/ico_clima_l.png", "id": 1470, "initialState": false, "isPng": true, "label": "Templado húmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101113" }, { "icon": "icons/ico_clima_l.png", "id": 1471, "initialState": false, "isPng": true, "label": "Templado Subhúmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101113" }, { "icon": "icons/ico_clima_l.png", "id": 1472, "initialState": false, "isPng": true, "label": "Templado Semifrío húmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101113" }, { "icon": "icons/ico_clima_l.png", "id": 1473, "initialState": false, "isPng": true, "label": "Templado Semifrío Subhúmedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101113" } ] }, { "id": "14", "label": "Seco", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_clima_l.png", "id": 1474, "initialState": false, "isPng": true, "label": "Seco Calido semiseco", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101114" }, { "icon": "icons/ico_clima_l.png", "id": 1475, "initialState": false, "isPng": true, "label": "Seco Templados y semifríos semisecos", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101114" }, { "icon": "icons/ico_clima_l.png", "id": 1476, "initialState": false, "isPng": true, "label": "Seco Calido seco", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101114" }, { "icon": "icons/ico_clima_l.png", "id": 1477, "initialState": false, "isPng": true, "label": "Seco Templado seco", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101114" }, { "icon": "icons/ico_clima_l.png", "id": 1478, "initialState": false, "isPng": true, "label": "Seco Templado seco lluvias de invierno", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101114" }, { "icon": "icons/ico_clima_l.png", "id": 1479, "initialState": false, "isPng": true, "label": "Seco Cálido muy secos", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101114" }, { "icon": "icons/ico_clima_l.png", "id": 1479, "initialState": false, "isPng": true, "label": "Seco Templados y semifríos muy secos", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101114" } ] }, { "id": "15", "label": "Frío", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_clima_l.png", "id": 1481, "initialState": false, "isPng": true, "label": "Frío", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 13, "idParent": "08101115" } ] } ] } ] }, { "id": "25", "label": "Características del suelo", "isFolder": true, "state": false, "layers": [ { "id": "26", "label": "Agrícolas con sistema de canales de riego", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1482, "initialState": false, "isPng": true, "label": "Histosol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082526" } ] }, { "id": "27", "label": "Agrícolas dependientes del comportamiento de las lluvias", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1483, "initialState": false, "isPng": true, "label": "Phaeozem", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082527" }, { "icon": "icons/773_l.png", "id": 1484, "initialState": false, "isPng": true, "label": "Kastañozem", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082527" }, { "icon": "icons/773_l.png", "id": 1485, "initialState": false, "isPng": true, "label": "Chernozem", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082527" } ] }, { "id": "28", "label": "Agrícolas de regular o baja productividad", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1486, "initialState": false, "isPng": true, "label": "Andasol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082528" } ] }, { "id": "29", "label": "Para pastar ganado en verano", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1487, "initialState": false, "isPng": true, "label": "Leptosol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082529" }, { "icon": "icons/773_l.png", "id": 1488, "initialState": false, "isPng": true, "label": "Umbrisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082529" } ] }, { "id": "30", "label": "Agrícolas bastante fértiles", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1489, "initialState": false, "isPng": true, "label": "Gleysol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082530" }, { "icon": "icons/773_l.png", "id": 1490, "initialState": false, "isPng": true, "label": "Vertisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082530" }, { "icon": "icons/773_l.png", "id": 1491, "initialState": false, "isPng": true, "label": "Fluvisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082530" } ] }, { "id": "31", "label": "Tropicales cultivables con éxito", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1492, "initialState": false, "isPng": true, "label": "Nitisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082531" } ] }, { "id": "32", "label": "Tropicales para pastizal, la ceramica y la industria de la construcción", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1493, "initialState": false, "isPng": true, "label": "Plintosol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082532" } ] }, { "id": "33", "label": "Arcillos de uso forestal", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1494, "initialState": false, "isPng": true, "label": "Acrisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082533" } ] }, { "id": "34", "label": "Arcillos fértiles para la agricultura", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1495, "initialState": false, "isPng": true, "label": "Lixisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082534" }, { "icon": "icons/773_l.png", "id": 1496, "initialState": false, "isPng": true, "label": "Luvisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082534" } ] }, { "id": "35", "label": "Con exceso de sales - agricolas con métodos de control de riesgo", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1497, "initialState": false, "isPng": true, "label": "Solonchak", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082535" }, { "icon": "icons/773_l.png", "id": 1498, "initialState": false, "isPng": true, "label": "Solonetz", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082535" }, { "icon": "icons/773_l.png", "id": 1499, "initialState": false, "isPng": true, "label": "Calcisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082535" }, { "icon": "icons/773_l.png", "id": 1499, "initialState": false, "isPng": true, "label": "Gipsisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082535" } ] }, { "id": "36", "label": "Erosionados aptos para paztizales", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1501, "initialState": false, "isPng": true, "label": "Planosol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082536" }, { "icon": "icons/773_l.png", "id": 1502, "initialState": false, "isPng": true, "label": "Durisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082536" } ] }, { "id": "37", "label": "Jóvenes con poco desarrollo - agricolas con métodos de riego", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1503, "initialState": false, "isPng": true, "label": "Regosol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082537" }, { "icon": "icons/773_l.png", "id": 1504, "initialState": false, "isPng": true, "label": "Cambisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082537" }, { "icon": "icons/773_l.png", "id": 1505, "initialState": false, "isPng": true, "label": "Arenosol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082537" } ] }, { "id": "38", "label": "Tóxicos improductivos para una amplia variedad de cultos", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1506, "initialState": false, "isPng": true, "label": "Alisol", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "082538" } ] } ] }, { "id": "16", "label": "Geología", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_fallasfract_l.png", "id": 1196, "initialState": false, "isPng": true, "label": "Fallas y fracturas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 24, "idParent": "0816" } ] }, { "id": "17", "label": "Hidrología", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_cuenca_l.png", "id": 1197, "initialState": false, "isPng": true, "label": "División hidrológica", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0817" } ] }, { "id": "18", "label": "Humedales", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_cuenca_l.png", "id": 1211, "initialState": false, "isPng": true, "label": "Humedades potenciales", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0818" } ] }, { "id": "19", "label": "Fisiográfia", "isFolder": true, "state": false, "layers": [ { "icon": "icons/ico_cuenca_l.png", "id": 1212, "initialState": false, "isPng": true, "label": "Provincia Fisiográfica", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0819" }, { "icon": "icons/ico_cuenca_l.png", "id": 1213, "initialState": false, "isPng": true, "label": "Subprovincia Fisiográfica", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0819" }, { "icon": "icons/ico_cuenca_l.png", "id": 1214, "initialState": false, "isPng": true, "label": "Sistemas de Topoformas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "0819" } ] }, { "id": "09", "label": "Uso de suelo y vegetación", "isFolder": true, "state": false, "layers": [ { "id": "20", "label": "Agricultura", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1456, "initialState": false, "isPng": true, "label": "Con suelo comuúnmente humedo", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080920" }, { "icon": "icons/773_l.png", "id": 1450, "initialState": false, "isPng": true, "label": "De riego", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080920" }, { "icon": "icons/773_l.png", "id": 1451, "initialState": false, "isPng": true, "label": "De temporal lluvioso", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080920" } ] }, { "id": "21", "label": "Bosque", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1452, "initialState": false, "isPng": true, "label": "Cultivado", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080921" }, { "icon": "icons/773_l.png", "id": 1453, "initialState": false, "isPng": true, "label": "De Coníferas", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080921" }, { "icon": "icons/773_l.png", "id": 1454, "initialState": false, "isPng": true, "label": "De Encino", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080921" }, { "icon": "icons/773_l.png", "id": 1455, "initialState": false, "isPng": true, "label": "De niebla o de Montaña", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080921" } ] }, { "id": "22", "label": "Matorral", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1457, "initialState": false, "isPng": true, "label": "Zona árida(Xerófilo)", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080922" } ] }, { "id": "23", "label": "Paztizal", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1458, "initialState": false, "isPng": true, "label": "Natural", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080923" }, { "icon": "icons/773_l.png", "id": 1459, "initialState": false, "isPng": true, "label": "Cultivado", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080923" } ] }, { "id": "24", "label": "Selva", "isFolder": true, "state": false, "layers": [ { "icon": "icons/773_l.png", "id": 1460, "initialState": false, "isPng": true, "label": "Selva(Caducifolia)", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080924" }, { "icon": "icons/773_l.png", "id": 1461, "initialState": false, "isPng": true, "label": "Selva(Espinosa)", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080924" }, { "icon": "icons/773_l.png", "id": 1462, "initialState": false, "isPng": true, "label": "Selva(Parennifolia)", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080924" }, { "icon": "icons/773_l.png", "id": 1507, "initialState": false, "isPng": true, "label": "Selva(Subcaducifolia)", "lookAt": "none", "opacity": 1, "requestType": "VectorMapsRaster", "version": 25, "idParent": "080924" } ] } ] } ] } ] }
google.maps.event.addDomListener(window, 'load', inicializa); function inicializa() { latitud = 22.143; longitud = -102.358; myLatlng = new google.maps.LatLng(latitud, longitud); var myOptions = { center: myLatlng, zoom: 4, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map"), myOptions); } function centrarMapa(estado) { var latitud; var longitud; var zoomMapa; switch (estado) { case '0': latitud = 22.143; longitud = -102.358; zoomMapa = 4; break; case '1': latitud = 22.143; longitud = -102.358; zoomMapa = 9; break; case '2': latitud = 30.401; longitud = -115.268; zoomMapa = 7; break; case '3': latitud = 25.751; longitud = -111.687; zoomMapa = 7; break; case '4': latitud = 18.651; longitud = -90.236; zoomMapa = 7; break; case '5': latitud = 27.479; longitud = -101.82; zoomMapa = 6; break; case '6': latitud = 19.146 longitud = -103.828; zoomMapa = 9; break; case '7': latitud = 16.705; longitud = -92.637; zoomMapa = 7; break; case '8': latitud = 28.633; longitud = -106.05; zoomMapa = 6; break; case '9': latitud = 19.305; longitud = -99.146; zoomMapa = 10; break; case '10': latitud = 24.677; longitud = -104.81; zoomMapa = 7; break; case '11': latitud = 21.202; longitud = -101.008; zoomMapa = 8; break; case '12': latitud = 17.545; longitud = -99.470; zoomMapa = 7; break; case '13': latitud = 20.399; longitud = -98.924; zoomMapa = 8; break; case '14': latitud = 20.66; longitud = -103.31; zoomMapa = 7; break; case '15': latitud = 19.330; longitud = -99.666; zoomMapa = 8; break; case '16': latitud = 19.36; longitud = -101.71; zoomMapa = 7; break; case '17': latitud = 18.756 longitud = -99.067; zoomMapa = 9; break; case '18': latitud = 21.613 longitud = -104.690; zoomMapa = 8; break; case '19': latitud = 25.327 longitud = -99.700; zoomMapa = 7; break; case '20': latitud = 16.81; longitud = -96.20; zoomMapa = 7; break; case '21': latitud = 18.95; longitud = -97.60; zoomMapa = 7; break; case '22': latitud = 20.885; longitud = -99.787; zoomMapa = 8; break; case '23': latitud = 19.572; longitud = -88.023; zoomMapa = 7; break; case '24': latitud = 22.65; longitud = -100.57; zoomMapa = 8; break; case '25': latitud = 24.700; longitud = -107.31; zoomMapa = 7; break; case '26': latitud = 29.347; longitud = -110.29; zoomMapa = 6; break; case '27': latitud = 18.080; longitud = -92.709; zoomMapa = 8; break; case '28': latitud = 24.810; longitud = -98.18; zoomMapa = 7; break; case '29': latitud = 19.400; longitud = -98.147; zoomMapa = 9; break; case '30': latitud = 19.17; longitud = -96.08; zoomMapa = 7; break; case '31': latitud = 20.727; longitud = -88.935; zoomMapa = 8; break; case '32': latitud = 23.23; longitud = -102.79; zoomMapa = 7; break; } var myLatlng; myLatlng = new google.maps.LatLng(latitud, longitud); map.panTo(myLatlng); map.setZoom(zoomMapa); }