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.

Guía para desarrolladores
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 necesitan tres scripts que se llaman de forma remota.

-El primero de ellos contiene la base de datos de las capas disponibles.

-El segundo script es el encargado de configurar el API de Google Maps con las capas a incrustar.

-Y por último, el tercer script, realiza el encendido y apagado de capas.

<head>
	<script type="text/javascript" src="http://mapas.inegi.org.mx/espacioyd_map/query?request=Json&var=geeServerDefs"></script> 
	<script type="text/javascript" src="servicios/scripts/capas_inegi.js"></script>
	<script type="text/javascript" src="servicios/scripts/fusion_map_obj_v3.js"></script>
</head>
																

Se debe asegurar que el DIV del mapa tenga como ID "map_canvas"

<div id="map_canvas"></div>
																

En el evento onload del <body> se debe llamar el método que comunicará las capas con el mapa

<body onload="inicializa();">
	...
	...
</body>
																

Ahora, se llama la función que muestra y oculta las capas enviándole la clave de la capa a interactuar.

enciendeApagaCapa(claveCapa);
																
<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
		  html, body { height: 100%; margin: 0; padding: 0; }
		  #map_canvas { height: 100%; }
		</style>
	
		
		<!-- ________________________________________________________________________________________________________________-->
		<!-- Llamada al API Javascript de Google Maps -->
		<script  src="https://maps.googleapis.com/maps/api/js"></script>
		<!-- ________________________________________________________________________________________________________________-->
		
		<script type="text/javascript" src="http://mapas.inegi.org.mx/espacioyd_map/query?request=Json&var=geeServerDefs"></script>
		<script type="text/javascript" src="servicios/scripts/capas_inegi.js"></script>
		<script type="text/javascript" src="servicios/scripts/fusion_map_obj_v3.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: http://www.beta.inegi.org.mx/servicios/api_google_maps.html -->
				
				<h5>División territorial</h5>
				<p><input type="checkBox" onclick="enciendeApagaCapa('1162');">Estatal (Zoom nivel 6)</input> </p>
				<p><input type="checkBox" onclick="enciendeApagaCapa('1163');">Municipal (Zoom nivel 9)</input> </p>
				<p><input type="checkBox" onclick="enciendeApagaCapa('1166');">Colonias (Zoom nivel 14)</input> </p>
				<div style="height: 1px; background-color: black; margin-bottom: 18px" ></div>
				<div>
					Clave de la capa: 
					<input type="text" id="clave_capa" name="clave_capa" style="width: 120px">
				</div>
				<input type="button" value="CARGAR CAPA" onclick="enciendeApagaCapa(document.getElementById('clave_capa').value)" style="width: 100%; margin-top: 8px"/>
			</div>
	</body>
</html>
																
Preguntas
Código
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   
    <style type="text/css">
          html, body { height: 100%; margin: 0; padding: 0; }
          #map_canvas { height: 100%; }
        <style> 
    </style>
        
    
	<!-- ________________________________________________________________________________________________________________-->
		<!-- Llamada al API Javascript de Google Maps>		
	
	<script src="https://maps.googleapis.com/maps/api/js"></script>
	<!-- Llamada a la base de datos de las capas -->
	<script type="text/javascript" src="http://mapas.inegi.org.mx/espacioyd_map/query?request=Json&var=geeServerDefs"></script>
	<!-- Configura el API de Google Maps con las capas a incrustar -->
	<script type="text/javascript" src="servicios/scripts/capas_inegi.js"></script>
	<!-- Llena la lista y maneja el encendido y apagado de las capas -->
	<script type="text/javascript" src="servicios/scripts/fusion_map_obj_v3.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"> 
   
           <h5>División territorial</h5>
                <p><input type="checkBox" onclick="enciendeApagaCapa('1162');">Estatal (1162)</input> </p>
                <p><input type="checkBox" onclick="enciendeApagaCapa('1163');">Municipal (1163)</input> </p>
                <p><input type="checkBox" onclick="enciendeApagaCapa('1166');">Colonias (1166)</input> </p>
                
		      
            </div>
		  
</body>
</html>
	
        
 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    
<stylev
     body {
            background-color: #ffffff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            font-weight: normal;
            text-decoration: none;
            color: #000000;
        }
</style>
	<script src="servicios/scripts/jquery-1.9.0.js"></script> 
    <script src="http://maps.google.com/maps/api/js" type="text/javascript"></script>
    <script type="text/javascript" src="scripts/servicios/funciones_mapa.js"></script>
    <script type="text/javascript" src="scripts/servicios/fusion_map_obj_v3.js"></script>
    <script type="text/javascript" src="http://mapas2.inegi.org.mx/espacioyd_map/query?request=Json&var=geeServerDefs"></script>
</head>
<body onload="inicializa();">
    <table>
        <tr>
            <td><div id="divLista" style="height:250px; width:365px; overflow-y:scroll;"  tabindex="514">
			</td>
            <td style="vertical-align:top;"><div id="map_canvas" style="height:250px; width:475px;"></div></td>
        </tr>
		<tr><td colspan="2"></div>Id de la capa a agregar:<input type="text" id="txtCapa" /><input type="button" onclick="insertLayer();" value="Agregar capa al listado" tabindex="515" /></td></tr>
		<tr><td colspan="2" tabindex="516">Puede consultar la lista de capas disponibles incluyendo su id en el apartado de "Información disponible"</td></tr>
    </table>
</body>
</html>
            
           	
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- ________________________________________________________________________________________________________________-->
					<!-- Llamada al API Javascript de Google Maps  -->
    <script src="http://maps.google.com/maps/api/js" type="text/javascript"></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>
				
            
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    

	<!-- ________________________________________________________________________________________________________________-->
	<!-- "Llamada al API Javascript de Google Maps"  -->
	<script async defer src="https://maps.googleapis.com/maps/api/js"></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_inegi.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
    };
    for (var i = 0; i < geeServerDefs.layers.length; i++) {
        geeServerDefs.layers[i].initialState = false;
    }
    gmap = new GFusionMap("map_canvas", geeServerDefs, myOptions);
}

function enciendeApagaCapa(layerId) {
	layerId= '0-'+layerId;
    if (gmap.isFusionLayerVisible(layerId)) {
        gmap.hideFusionLayer(layerId);
    }
    else {
        gmap.showFusionLayer(layerId);
    }
}

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
    };
    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 cargarKml() {
    var ctaLayer = new google.maps.KmlLayer({
        url: 'http://www.beta.inegi.org.mx/kml/0.kml'
    });
    ctaLayer.setMap(map);
}
            

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);
	

}
            
Para descargar el ejemplo completo aquí.