API de Google Maps
El complemento de Google Maps y su API de JavaScript permiten visualizar la información del INEGI en un globo terráqueo digital 2D, en tus páginas web. Puedes utilizar la API para crear aplicaciones que muestren tu información, la del INEGI y la de otras instituciones, siempre y cuando se encuentren en formato Google Maps o inclusive cargar archivos KML.
Listado de capas disponibles de INEGI en formato Google Maps
Enseguida se muestran las capas disponibles con su identificador a la derecha.
* Los campos marcados con asterisco son obligatorios.
Guía para desarrolladores
- Introducción
- Audiencia
- Cómo utilizar la API para mostrar el mapa de Google Maps
- Cómo utilizar la API para agregar las capas del INEGI en el mapa
- Preguntas
Introducción
Bienvenido a la documentación para desarrolladores de la API de Google Maps para consultar las capas del INEGI en formato Google Maps. El complemento de JavaScript te permitirá insertar en tu página web la funcionalidad de Google Maps. Además, te ayudaremos a obtener un listado de todas las capas que proporciona el INEGI y visualizarlas en el mapa.
Audiencia
Esta documentación está dirigida para los desarrolladores familiarizados con la programación JavaScript y conocimientos de programación orientada a objetos.
Añadir un mapa con Google Maps API
Es necesario agregar un mapa a tu página web mediante la API de Google Maps, para esto sigue la: Guía del API de Google Maps para Web
Añadir capas del INEGI en el mapa
Se necesita un script que se invoca de manera local.
-Es el encargado de configurar el API de Google Maps con las capas a incrustar.
<head> <script type="text/javascript" src="capas_inegiwms.js"></script> </head>
En el evento onload del <body> se debe llamar el método que comunicará las capas con el mapa
<body onload="inicializa();"> ... ... </body>
Se debe asegurar que el DIV del mapa tenga como ID "map_canvas"
<div id="map_canvas"></div>
Ahora, se llama la función que muestra y oculta las capas enviándole el nombre de la capa a interactuar.
EnciendeCapaAct(Nombre de la capa);
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body { height: 100%; margin: 0; padding: 0; }
#map_canvas { height: 100%; }
</style>
< type="text/javascript">
function initMap() {
console.log('Googlemaps');
}
</script>
<!-- ________________________________________________________________________________________________________________-->
<!-- Llamada al API Javascript de Google Maps -->
<script src="https://maps.google.com/maps/api/js?key=AQUÍ VA TU TOKEN&callback=initMap"></script>
<!-- ________________________________________________________________________________________________________________-->
<script type="text/javascript" src="servicios/scripts/capas_inegiwms.js"></script>
</head>
<body onload="inicializa();">
<div id="map_canvas"></div>
<div style="position: absolute; bottom: 24px; left: 24px; width: 300px; height: 300px; background-color: white; padding: 16px">
<h3>Selecciona las capas que quieras mostrar sobre el mapa</h3>
<!-- Como ejemplo se muestran las siguientes tres capas, para ver todas las capas disponibles visita la siguiente ruta: https://www.inegi.org.mx/servicios/api_google_maps.html -->
<h5>División territorial</h5>
<p><input type="checkBox" onclick="EnciendeCapaAct('Estatal');">Estatal </input> </p>
<p><input type="checkBox" onclick="EnciendeCapaAct('Municipal');">Municipal </input> </p>
<div style="height: 1px; background-color: black; margin-bottom: 18px" ></div>
<div>
Nombre de la capa:
<input type="text" id="clave_capa" name="clave_capa" style="width: 120px">
</div>
<input type="button" value="CARGAR CAPA" onclick="EnciendeCapaAct(document.getElementById('clave_capa').value)" style="width: 100%; margin-top: 8px"/>
</div>
</body>
</html>
Preguntas
Ejemplos
Código
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body { height: 100%; margin: 0; padding: 0; }
#map_canvas { height: 100%; }
</style>
<script type="text/javascript">
function initMap() {
console.log('Googlemaps');
}
</script>
<!-- ________________________________________________________________________________________________________________-->
<!-- Llamada al API Javascript de Google Maps -->
<script src="https://maps.google.com/maps/api/js?key=AQUÍ VA TU TOKEN&callback=initMap"></script>
<!-- ________________________________________________________________________________________________________________-->
<script type="text/javascript" src="servicios/scripts/capas_inegiwms.js"></script>
</head>
<body onload="inicializa();">
<div id="map_canvas"></div>
<div style="position: absolute; bottom: 24px; left: 24px; width: 300px; height: 300px; background-color: white; padding: 16px">
<h3>Selecciona las capas que quieras mostrar sobre el mapa</h3>
<!-- Como ejemplo se muestran las siguientes tres capas, para ver todas las capas disponibles visita la siguiente ruta: https://www.inegi.org.mx/servicios/api_google_maps.html -->
<h5>División territorial</h5>
<p><input type="checkBox" onclick="EnciendeCapaAct('Estatal');">Estatal </input> </p>
<p><input type="checkBox" onclick="EnciendeCapaAct('Municipal');">Municipal </input> </p>
<div style="height: 1px; background-color: black; margin-bottom: 18px" ></div>
<div>
Nombre de la capa:
<input type="text" id="clave_capa" name="clave_capa" style="width: 120px">
</div>
<input type="button" value="CARGAR CAPA" onclick="EnciendeCapaAct(document.getElementById('clave_capa').value)" style="width: 100%; margin-top: 8px"/>
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<meta https-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function initMap() {
console.log('Googlemaps');
}
</script>
<!-- ________________________________________________________________________________________________________________-->
<!-- Llamada al API Javascript de Google Maps -->
<script src="https://maps.google.com/maps/api/js?key=AQUÍ VA TU TOKEN&callback=initMap"></script>
<script src="scripts/funciones_mapa.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td style="vertical-align:top;"><input type="button" onclick="cargarKml();" value="Cargar kml República Mexicana " /></td>
<td><div id="map_canvas" style="height:320px; width:618px;"></div></td>
</tr>
</table>
</body>
<!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 Google Maps" -->
<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_canvas" 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 Google Maps" -->
<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_canvas" style="height:336px; width:498px;"></div></td>
</tr>
</table>
</body>
</html>
capas_inegiwms.js
let map;
function inicializa() {
map = new google.maps.Map(document.getElementById("map_canvas"), {
center: { lat: 23.84, lng: -102.18 },
zoom: 5,
});
}
function EnciendeCapaAct(capa){
var WMS_REGENTE = new google.maps.ImageMapType({
getTileUrl: function (coord, zoom) {
var proj = map.getProjection();
var zfactor = Math.pow(2, zoom);
var top = proj.fromPointToLatLng(new google.maps.Point(coord.x * 256 / zfactor,
coord.y * 256 / zfactor));
var bot = proj.fromPointToLatLng(new google.maps.Point((coord.x + 1) * 256 /
zfactor, (coord.y + 1) * 256 / zfactor));
var bbox = (top.lng()) + "," +
(bot.lat()) + "," +
(bot.lng()) + "," +
(top.lat());
var url = "https://mapas.inegi.org.mx/geoserver/wms?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image%2Fpng8&TRANSPARENT=true&LAYERS=Sitio_Inegi%3A" + capa + "&TILED=true&STYLES=estatal&WIDTH=256&HEIGHT=256&BBOX=" + bbox;
return url;
},
isPng: true
});
map.overlayMapTypes.push(WMS_REGENTE);
}
capas_inegi.js
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,
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
function cargarKml() {
var ctaLayer = new google.maps.KmlLayer({
url: 'https://www.inegi.org.mx/kml/0.kml'
});
ctaLayer.setMap(map);
}
funciones_mapa.js
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_canvas", 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"
}
]
}
]
}
]
}
]
}
funciones_mapa.js
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_canvas"), 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);
}