Commit 3c485f20 authored by veronica.rodriguez's avatar veronica.rodriguez
Browse files

Versión 2.4

parents
<!DOCTYPE html>
<html ng-app="app_Mapa">
<!--Página html que muestra el mapa digital con todas las entidades federativas-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link href="libs/please-wait/please-wait.css" rel="stylesheet">
<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="libs/normalize/normalize.min.css">
<link href="libs/form-helpers/css/bootstrap-formhelpers.min.css" rel="stylesheet">
<!-- <script src="libs/bootstrap/js/bootstrap.min.js"></script>-->
<!--archivo de estilos para el mapa digital-->
<link rel="stylesheet" href="app/css/estiloMapa.css">
<!--archivo de estilos para la gráfica-->
<link rel="stylesheet" href="app/css/estiloGrafica.css">
<script src="libs/angularjs/angular.min.js"></script>
<script src="libs/angularjs-ui-router/angular-ui-router.min.js"></script>
<script src="libs/angularjs-resource/angular-resource.min.js"></script>
<script src="libs/IsMobile/Mobile.js"></script>
<script src="libs/cdnjs.cloudflare.com/numeral.min.js"></script>
<!--Archivos necesarios para el mapa digital-->
<!--Archivo para incorporar funciones-->
<script type="text/javascript" src="data/Mapa/project/init.js"></script>
<!--Archivo que contiene las capas base y capas que usara el mapa-->
<script type="text/javascript" src="data/Mapa/config/tree.js"></script>
<!--Archivo que contiene las reoluciones (niveles de visualizacion) proyeccion empleada y capas adicionales a agregar-->
<script type="text/javascript" src="data/Mapa/config/map.js"></script>
<!--Enlace con el mapa digital-->
<script src="http://gaia.inegi.org.mx/mdm-api/api?key=mdmfhKcvE_IPaOXJT6Ddjx89-GjMuUSZO9tTxS9XXAdZxA&version=V6" type="text/javascript"></script>
<!--Librerias para generar la gráfica-->
<script src="libs/d3js/d3.js"></script>
<script src="libs/d3-tip-master/d3.tip.v0.6.3.js"></script>
<script src="libs/underscorejs_org/underscore-min.js"></script>
</head>
<body>
<form>
<!--Div general vinculado al controller -->
<div id="divGralMapa" ng-controller="ObtenerDatosMapa">
<div id="spinner" class="loader">Loading...</div>
<!--Div que contendrá el mapa digital-->
<div id="mapa" class="" ng-class="{'mapaDig':screenAn>=1024, 'mapaDigResol':screenAn<1024}">
</div>
<!--Div de la tabla que muestra los estratos del mapa para resoluciones de 1024 o más-->
<div id="Div1024" style="display:block;">
<div id="IfGral" class="container InfGralCoS" >
<div class="container InfGral2" >
<div class="row">
<div id="FlechaInfGral" class="col-xs-12 colImgAC">
<!--Imagen para abrir o cerrar la ventana de los estratos
función AbreCierraInfGral() se encuentra en el archivo app_Mapa.js
-->
<a href="" ng-click="AbreCierraInfGral()"><img id="imgCG" src="app/images/DespInfMapaAba.png" class="img-responsive EimgAC" align="right" /></a>
</div>
</div>
<!--Div que muestra los estratos
Variable MuestraInfGral se encuentra en el archivo app_Mapa.js
-->
<div ng-show="MuestraInfGral" >
<table class="TabInfGral">
<tbody>
<tr>
<td style="padding-left:3px;">
<div class="col2InfGral">
<div>
<label class="LEstrat" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[324].es"></label>
<label class="LEstrat" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[324].en"></label>
</div>
<div><div id="tdEstratos"></div><div id="tdEstratos2"></div></div>
<div id="LEst">
<!--etiqueta para la descripción 'Estratificación' en español o inglés
Variable lang y objIdiomaM se encuentra en el archivo app_Mapa.js
-->
<br>
<label class="LEstrat" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[202].es"></label>
<label class="LEstrat" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[202].en"></label>
<!--Combo que despliega los diferentes tipos de estratificación
Variable Estratos se encuentra en el archivo app_Mapa.js
-->
<select id="Estrati" class="SelecEstrato" >
<option ng-repeat="Est in Estratos" ng-selected="{{Est.Clave == 0}}" value="{{Est.Clave}}" >{{Est.EstratoEs}}</option>
</select>
<img src="app/images/TabAyu.png" align="right" class="img-responsive" style="display:block;"/><br>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="EspBlan" class="EspBlanc">&nbsp;</div>
</div>
</div>
<!--Div del tabulado y gráfica (lado derecho)
Variable Dts se encuentra en el archivo app_Mapa.js
-->
<div ng-show="Dts" >
<div id='Dat' class="Dat1" >
<!--Tabla de los periodos, cifras y gráfica -->
<div id='Cifr' class='Cifras'>
<div class="row TabCif">
<div class="col-xs-8 Cobert">{{DescripCob}}</div>
<div class="col-xs-4 CerrarTab" >
<!--Imagen para cerrar la ventana del tabulado y gráfica
Variable lang, objIdiomaM y la función CierraTabGra() se encuentra en el archivo app_Mapa.js
-->
<a id="ax" href='' ng-show="lang == 'es'" ng-click="CierraTabGra()" title={{objIdiomaM.arrIdioma[229].es}}><img id='x' src='app/images/cerrar.png' alt={{objIdiomaM.arrIdioma[229].es}} title={{objIdiomaM.arrIdioma[229].es}} class="img-responsive" /></a>
<a id="ax" href='' ng-show="lang == 'en'" ng-click="CierraTabGra()" title={{objIdiomaM.arrIdioma[229].en}}><img id='x' src='app/images/cerrar.png' alt={{objIdiomaM.arrIdioma[229].en}} title={{objIdiomaM.arrIdioma[229].en}} class="img-responsive" /></a>
</div>
</div>
<!--Tabla de los periodos, cifras y gráfica -->
<div id="TabPC" >
<table align='center' id="TabPrinTG" class="TabGra" >
<!--Variable lang, objIdiomaM está en app_Mapa.js-->
<tr valing='top'>
<td class='Td1Blan'>
<div class="row RowEtiPerCif">
<!--Etiquetas para el periodo y la cifra seleccionada
Variable PerSelecRow, CifSelecRow se encuentra en el archivo app_Mapa.js
-->
<div class="col-xs-12 ColPerSel"><label class="EtiPer">{{PerSelecRow}}</label><label id="LabCif" class="EtiCif" title={{NoDato}}>{{CifSelecRow}}</label></div>
</div>
<div class="row RowEtiPerCif" ng-if="objMapa.clasTexto!=''">
<div class="col-xs-12 ColClasSel">
<label class="EtiPer" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[206].es"></label>
<label class="EtiPer" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[206].en"></label>
<label class="EtiClas">{{objMapa.clasTexto}}</label>
</div>
</div>
</td>
<td id='TabB' valign='bottom' class="Td2Blan">
<a id="ATabB1" href='' ng-show="lang == 'es'" ng-click='AbreCierraTabGra("Tab")'><img id='TabM' ng-src='{{iconTab}}' alt={{objIdiomaM.arrIdioma[209].es}} title={{objIdiomaM.arrIdioma[209].es}} class="img-responsive" /></a>
<a id="ATabB2" href='' ng-show="lang == 'en'" ng-click='AbreCierraTabGra("Tab")'><img id='TabM' ng-src='{{iconTab}}' alt={{objIdiomaM.arrIdioma[209].en}} title={{objIdiomaM.arrIdioma[209].en}} class="img-responsive" /></a>
</td>
<td id='TabG' valign='bottom' class="Td2Blan">
<a id="ATabG1" href='' ng-show="lang == 'es'" ng-click='AbreCierraTabGra("GraMap")'><img id='GraM' ng-src='{{iconGra}}' alt={{objIdiomaM.arrIdioma[29].es}} title={{objIdiomaM.arrIdioma[29].es}} class="img-responsive" align='right' /></a>
<a id="ATabG2" href='' ng-show="lang == 'en'" ng-click='AbreCierraTabGra("GraMap")'><img id='GraM' ng-src='{{iconGra}}' ng-src= alt={{objIdiomaM.arrIdioma[29].en}} title={{objIdiomaM.arrIdioma[29].en}} class="img-responsive" /></a>
</td>
</tr>
</table>
<div class='Td4Blan' >
<br>
<!--Tabulado-->
<div id='ConTab'>
<!--Variable Tab, DatosC, EsClasif está en app_Mapa.js-->
<div id='Tabul' ng-show='Tab'>
<table class="TabCif2">
<tr ng-repeat="ACif in DatosC">
<!--Muestra los datos cuando el indicador no tiene clasificaciones-->
<td ng-if="EsClasif=='0'" id="PT{{ACif.AADato_ser}}/{{ACif.MMDato_ser}}/{{ACif.DDDato_ser}}" ng-style="ACif.AADato_ser + '/' + ACif.MMDato_ser + '/' + ACif.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}">{{ACif.Leyenda_ser}}</td>
<td ng-if="EsClasif=='0'" id="CT{{ACif.AADato_ser}}/{{ACif.MMDato_ser}}/{{ACif.DDDato_ser}}" ng-style="ACif.AADato_ser + '/' + ACif.MMDato_ser + '/' + ACif.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}" style="text-align:right;padding-right:2px;width:10%;">{{ACif.Dato_Formato}}</td>
<!--Muestra los datos cuando el indicador tiene Clasificaciones-->
<td ng-if="EsClasif!='0'" id="PT{{ACif.ValorDato.AADato_ser}}/{{ACif.ValorDato.MMDato_ser}}/{{ACif.ValorDato.DDDato_ser}}" ng-style="ACif.ValorDato.AADato_ser + '/' + ACif.ValorDato.MMDato_ser + '/' + ACif.ValorDato.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}">{{ACif.ValorDato.Leyenda_ser}}</td>
<td ng-if="EsClasif!='0'" id="CT{{ACif.ValorDato.AADato_ser}}/{{ACif.ValorDato.MMDato_ser}}/{{ACif.ValorDato.DDDato_ser}}" ng-style="ACif.ValorDato.AADato_ser + '/' + ACif.ValorDato.MMDato_ser + '/' + ACif.ValorDato.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}" style="text-align:right;padding-right:2px;width:10%;">{{ACif.ValorDato.Dato_Formato}}</td>
</tr>
</table>
</div>
<!--Gráfica-->
<!--Variable GraMp está en app_Mapa.js-->
<div id='GraMap' ng-show='GraMp' >
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Div para resolución pequeña-->
<div id="DivMenos1024" style="display:none;">
<div class="container InfGralCoSResol" >
<div class="container InfGral2Resol">
<div class="row">
</div>
<table class="TabInfGral">
<tbody>
<tr>
<td style="padding-left:3px;">
<div class="col2InfGral">
<div>
<label class="LEstratResol" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[324].es"></label>
<label class="LEstratResol" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[324].en"></label>
</div>
<div><div id="tdEstratosResol"></div><div id="tdEstratos2Resol"></div></div>
<div id="LEstResol">
<!--etiqueta para la descripción 'Estratificación' en español o inglés
Variable lang y objIdiomaM se encuentra en el archivo app_Mapa.js
-->
<br>
<label class="LEstratResol" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[202].es"></label>
<label class="LEstratResol" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[202].en"></label>
<!--Combo que despliega los diferentes tipos de estratificación
Variable Estratos se encuentra en el archivo app_Mapa.js
-->
<select id="EstratiResol" class="SelecEstratoResol" >
<option ng-repeat="Est in Estratos" ng-selected="{{Est.Clave == 0}}" value="{{Est.Clave}}" >{{Est.EstratoEs}}</option>
</select>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div id="EspBlanResol" class="EspBlanc">&nbsp;</div>
</div>
</div>
<!--div que muestra la información básica en resoluciones pequeñas -->
<div id='Dat2' class='Dat1Resol' >
<div class="row" >
<div class="col-xs-12 CobertResol" >{{DescripCob}}&nbsp;&nbsp;&nbsp;
<label class="EtiPerResol" >{{PerSelecRow}}</label>&nbsp;&nbsp;
<label id="LabCifResol" class="EtiCifResol" title={{NoDato}} >{{CifSelecRow}}</label>&nbsp;&nbsp;
<label class="EtiPerDesResol" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[206].es" ng-if="objMapa.clasTexto!=''"></label>
<label class="EtiPerDesResol" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[206].en" ng-if="objMapa.clasTexto!=''"></label>
<label class="EtiClasResol" ng-if="objMapa.clasTexto!=''">{{objMapa.clasTexto}}</label>
</div>
</div>
</div>
</div>
</div>
<div id="divposi" ></div>
<!--Archivos con código angularjs para el mapa-->
<!--fab 8-ago-18 (bloque); minificación-->
<any ng-if="site=='PUB'">
<script src="app/js/app_Mapa.min.js"></script>
<!--Archivos con código angularjs para el llamado de la API y archivos JSON (peticiones de datos XHR)-->
<script src="app/js/appService.min.js"></script> <!--fab 21-may-18-->
<!--Archivos con código angularjs para la gráfica-->
<script src="app/js/appFactoryGraf.min.js"></script>
<!--Archivos con código angularjs que guarda las rutas o direcciones que se usan en los tres sitios que tiene los ODS -->
<script src="app/js/appSite.min.js"></script>
</any>
<!--Sin minificación-->
<any ng-if="site!='PUB'">
<script src="app/js/app_Mapa.js"></script>
<!--Archivos con código angularjs para el llamado de la API y archivos JSON (peticiones de datos XHR)-->
<script src="app/js/appService.js"></script> <!--fab 21-may-18-->
<!--Archivos con código angularjs para la gráfica-->
<script src="app/js/appFactoryGraf.js"></script>
<!--Archivos con código angularjs que guarda las rutas o direcciones que se usan en los tres sitios que tiene los ODS -->
<script src="app/js/appSite.js"></script>
</any>
<!--fab 8-ago-18 (fin bloque); minificación-->
<!-- <script src="libs/form-helpers/js/bootstrap-formhelpers.min.js"></script>-->
</form>
</body>
</html>
<!DOCTYPE html>
<html ng-app="app_Mapa_EntFed">
<!--Página html que muestra el mapa digital por entidad federativa-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link href="libs/please-wait/please-wait.css" rel="stylesheet">
<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="libs/normalize/normalize.min.css">
<link href="libs/form-helpers/css/bootstrap-formhelpers.min.css" rel="stylesheet">
<!-- <script src="libs/bootstrap/js/bootstrap.min.js"></script>-->
<!--archivo de estilos para el mapa digital-->
<link rel="stylesheet" href="app/css/estiloMapa.css">
<!--archivo de estilos para la gráfica-->
<link rel="stylesheet" href="app/css/estiloGrafica.css">
<script src="libs/angularjs/angular.min.js"></script>
<script src="libs/angularjs-ui-router/angular-ui-router.min.js"></script>
<script src="libs/angularjs-resource/angular-resource.min.js"></script>
<script src="libs/IsMobile/Mobile.js"></script>
<script src="libs/cdnjs.cloudflare.com/numeral.min.js"></script>
<!--Archivos necesarios para el mapa digital-->
<!--Archivo para incorporar funciones-->
<script type="text/javascript" src="data/Mapa/project/init.js"></script>
<!--Archivo que contiene las capas base y capas que usara el mapa-->
<script type="text/javascript" src="data/Mapa/config/tree.js"></script>
<!--Archivo que contiene las reoluciones (niveles de visualizacion) proyeccion empleada y capas adicionales a agregar-->
<script type="text/javascript" src="data/Mapa/config/map.js"></script>
<!--Enlace con el mapa digital-->
<script src="http://gaia.inegi.org.mx/mdm-api/api?key=mdmfhKcvE_IPaOXJT6Ddjx89-GjMuUSZO9tTxS9XXAdZxA&version=V6" type="text/javascript"></script>
<!--Librerias para generar la gráfica-->
<script src="libs/d3js/d3.js"></script>
<script src="libs/d3-tip-master/d3.tip.v0.6.3.js"></script>
<script src="libs/underscorejs_org/underscore-min.js"></script>
</head>
<body>
<form>
<!--Div general contendrá el mapa digital-->
<div id="divGralMapa" ng-controller="ObtenerDatosMapa">
<div id="spinner" class="loader">Loading...</div>
<!--Div que contendrá el mapa digital-->
<div id="mapa" class="" ng-class="{'mapaDig':screenAn>=1024, 'mapaDigResol':screenAn<1024}">
</div>
<!--Div de la tabla que muestra los estratos del mapa para resoluciones de 1024 o más-->
<div id="Div1024" style="display:block;">
<div id="IfGral" class="container InfGralCoS" >
<div class="container InfGral2" ng-class="{'InfGral2Resol': screenAn<1024,'InfGral2':screenAn>=1024}">
<div class="row">
<div id="FlechaInfGral" class="col-xs-12 colImgAC">
<!--Imagen para abrir o cerrar la ventana de los estratos
función AbreCierraInfGral() se encuentra en el archivo app_Mapa_EntFed.js
-->
<a href="" ng-click="AbreCierraInfGral()"><img id="imgCG" src="app/images/DespInfMapaAba.png" class="img-responsive EimgAC" align="right" /></a>
</div>
</div>
<!--Div que muestra los estratos
Variable MuestraInfGral se encuentra en el archivo app_Mapa_EntFed.js
-->
<div ng-show="MuestraInfGral">
<table class="TabInfGral">
<tbody>
<tr>
<td style="padding-left:3px;">
<div class="col2InfGral">
<div>
<label class="LEstrat" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[324].es"></label>
<label class="LEstrat" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[324].en"></label>
</div>
<div><div id="tdEstratos"></div><div id="tdEstratos2"></div></div>
<div id="LEst">
<!--etiqueta para la descripción 'Estratificación' en español o inglés
Variable lang y objIdiomaM se encuentra en el archivo app_Mapa_EntFed.js
-->
<br>
<label class="LEstrat" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[202].es"></label>
<label class="LEstrat" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[202].en"></label>
<!--Combo que despliega los diferentes tipos de estratificación
Variable Estratos se encuentra en el archivo app_Mapa_EntFed.js
-->
<select id="Estrati" class="SelecEstrato" >
<option ng-repeat="Est in Estratos" ng-selected="{{Est.Clave == 0}}" value="{{Est.Clave}}" >{{Est.EstratoEs}}</option>
</select>
<img src="app/images/TabAyu.png" align="right" class="img-responsive" style="display:block;" /><br>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="EspBlan" class="EspBlanc">&nbsp;</div>
</div>
</div>
<!--Div del tabulado y gráfica (lado derecho)
Variable Dts se encuentra en el archivo app_Mapa_EntFed.js
-->
<div ng-show="Dts" >
<div id='Dat' class='Dat1'>
<!--Tabla de los periodos, cifras y gráfica -->
<div id='Cifr' class='Cifras'>
<div class="row TabCif">
<div class="col-xs-8 Cobert">{{AbrevCobGeo}}{{DescripCob}}</div>
<div class="col-xs-4 CerrarTab">
<!--Imagen para cerrar la ventana del tabulado y gráfica
Variable lang, objIdiomaM y la función CierraTabGra() se encuentra en el archivo app_Mapa_EntFed.js
-->
<a href="" ng-show="lang == 'es'" ng-click="CierraTabGra()" title={{objIdiomaM.arrIdioma[229].es}}><img src='app/images/cerrar.png' alt={{objIdiomaM.arrIdioma[229].es}} title={{objIdiomaM.arrIdioma[229].es}} class="img-responsive" /></a>
<a href="" ng-show="lang == 'en'" ng-click="CierraTabGra()" title={{objIdiomaM.arrIdioma[229].en}}><img src='app/images/cerrar.png' alt={{objIdiomaM.arrIdioma[229].en}} title={{objIdiomaM.arrIdioma[229].en}} class="img-responsive"/></a>
</div>
</div>
<!--Tabla de los periodos, cifras y gráfica -->
<div id="TabPC">
<table align='center' id="TabPrinTG" class="TabGra" >
<!--Variable lang, objIdiomaM está en app_Mapa_EntFed.js-->
<tr valing='top'>
<td class='Td1Blan'>
<div class="row RowEtiPerCif">
<!--Etiquetas para el periodo y la cifra seleccionada
Variable PerSelecRow, CifSelecRow se encuentra en el archivo app_Mapa.js
-->
<div class="col-xs-12 ColPerSel" ><label class="EtiPer">{{PerSelecRow}}</label><label id="LabCif" class="EtiCif" title={{NoDato}}>{{CifSelecRow}}</label></div>
</div>
<div class="row RowEtiPerCif" ng-if="objMapaEntFed.clasTexto!=''">
<div class="col-xs-12 ColClasSel">
<label class="EtiPer" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[206].es"></label>
<label class="EtiPer" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[206].en"></label>
<label class="EtiClas">{{objMapaEntFed.clasTexto}}</label>
</div>
</div>
</td>
<td id='TabB' valign='bottom' class="Td2Blan">
<a id="ATabB1" href='' ng-show="lang == 'es'" ng-click='AbreCierraTabGra("Tab")'><img id='TabM' ng-src='{{iconTab}}' alt={{objIdiomaM.arrIdioma[209].es}} title={{objIdiomaM.arrIdioma[209].es}} class="img-responsive" /></a>
<a id="ATabB2" href='' ng-show="lang == 'en'" ng-click='AbreCierraTabGra("Tab")'><img id='TabM' ng-src='{{iconTab}}' alt={{objIdiomaM.arrIdioma[209].en}} title={{objIdiomaM.arrIdioma[209].en}} class="img-responsive" /></a>
</td>
<td id='TabG' valign='bottom' class="Td2Blan">
<a id="ATabG1" href='' ng-show="lang == 'es'" ng-click='AbreCierraTabGra("GraMap")'><img id='GraM' ng-src='{{iconGra}}' alt={{objIdiomaM.arrIdioma[29].es}} title={{objIdiomaM.arrIdioma[29].es}} class="img-responsive" /></a>
<a id="ATabG2" href='' ng-show="lang == 'en'" ng-click='AbreCierraTabGra("GraMap")'><img id='GraM' ng-src='{{iconGra}}' alt={{objIdiomaM.arrIdioma[29].en}} title={{objIdiomaM.arrIdioma[29].en}} class="img-responsive" /></a>
</td>
</tr>
</table>
<div class='Td4Blan'>
<br>
<!--Tabulado-->
<div id='ConTab'>
<!--Variable Tab, DatosC, EsClasif está en app_Mapa_EntFed.js-->
<div id='Tabul' ng-show='Tab'>
<table class="TabCif2">
<tr ng-repeat="ACif in DatosC">
<!--Muestra los datos cuando el indicador no tiene clasificaciones-->
<td ng-if="EsClasif=='0'" id="PT{{ACif.AADato_ser}}/{{ACif.MMDato_ser}}/{{ACif.DDDato_ser}}" ng-style="ACif.AADato_ser + '/' + ACif.MMDato_ser + '/' + ACif.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}">{{ACif.Leyenda_ser}}</td>
<td ng-if="EsClasif=='0'" id="CT{{ACif.AADato_ser}}/{{ACif.MMDato_ser}}/{{ACif.DDDato_ser}}" ng-style="ACif.AADato_ser + '/' + ACif.MMDato_ser + '/' + ACif.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}" style="text-align:right;padding-right:2px;width:10%;">{{ACif.Dato_Formato}}</td>
<!--Muestra los datos cuando el indicador tiene Clasificaciones-->
<td ng-if="EsClasif!='0'" id="PT{{ACif.ValorDato.AADato_ser}}/{{ACif.ValorDato.MMDato_ser}}/{{ACif.ValorDato.DDDato_ser}}" ng-style="ACif.ValorDato.AADato_ser + '/' + ACif.ValorDato.MMDato_ser + '/' + ACif.ValorDato.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}">{{ACif.ValorDato.Leyenda_ser}}</td>
<td ng-if="EsClasif!='0'" id="CT{{ACif.ValorDato.AADato_ser}}/{{ACif.ValorDato.MMDato_ser}}/{{ACif.ValorDato.DDDato_ser}}" ng-style="ACif.ValorDato.AADato_ser + '/' + ACif.ValorDato.MMDato_ser + '/' + ACif.ValorDato.DDDato_ser===PerSelec2 ? {'background-color':'#35b2e0','font-weight':'bold'} : {'background-color':'#FFFFFF',
'font-weight':'normal'}" style="text-align:right;padding-right:2px;width:10%;">{{ACif.ValorDato.Dato_Formato}}</td>
</tr>
</table>
</div>
<!--Gráfica-->
<!--Variable GraMp está en app_Mapa_EntFed.js-->
<div id='GraMap' ng-show='GraMp'>
</div>
</div>
</div>
<!--
</td>
</tr>
</table>
-->
</div>
</div>
</div>
</div>
</div>
<!--Div para resolución pequeña-->
<div id="DivMenos1024" style="display:none;">
<div class="container InfGralCoSResol" >
<div class="container InfGral2Resol">
<div class="row">
</div>
<table class="TabInfGral">
<tbody>
<tr>
<td style="padding-left:3px;">
<div class="col2InfGral">
<div>
<label class="LEstratResol" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[324].es"></label>
<label class="LEstratResol" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[324].en"></label>
</div>
<div><div id="tdEstratosResol"></div><div id="tdEstratos2Resol"></div></div>
<div id="LEstResol">
<!--etiqueta para la descripción 'Estratificación' en español o inglés
Variable lang y objIdiomaM se encuentra en el archivo app_Mapa_EntFed.js
-->
<br>
<label class="LEstratResol" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[202].es"></label>
<label class="LEstratResol" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[202].en"></label>
<!--Combo que despliega los diferentes tipos de estratificación
Variable Estratos se encuentra en el archivo app_Mapa_EntFed.js
-->
<select id="EstratiResol" class="SelecEstratoResol" >
<option ng-repeat="Est in Estratos" ng-selected="{{Est.Clave == 0}}" value="{{Est.Clave}}" >{{Est.EstratoEs}}</option>
</select>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div id="EspBlanResol" class="EspBlanc">&nbsp;</div>
</div>
</div>
<!--div que muestra la información básica en resoluciones pequeñas -->
<div id='Dat2' class='Dat1Resol' >
<div class="row" >
<div class="col-xs-12 CobertResol" >{{AbrevCobGeo}}{{DescripCob}}&nbsp;&nbsp;&nbsp;
<label class="EtiPerResol" >{{PerSelecRow}}</label>&nbsp;&nbsp;
<label id="LabCifResol" class="EtiCifResol" title={{NoDato}} >{{CifSelecRow}}</label>&nbsp;&nbsp;
<label class="EtiPerDesResol" ng-show="lang == 'es'" ng-bind="objIdiomaM.arrIdioma[206].es" ng-if="objMapaEntFed.clasTexto!=''"></label>
<label class="EtiPerDesResol" ng-show="lang == 'en'" ng-bind="objIdiomaM.arrIdioma[206].en" ng-if="objMapaEntFed.clasTexto!=''"></label>
<label class="EtiClasResol" ng-if="objMapaEntFed.clasTexto!=''">{{objMapaEntFed.clasTexto}}</label>
</div>
</div>
</div>
</div>
</div>
<div id="divposi" ></div>
<!--Archivos con código angularjs para el mapa-->
<!--fab 8-ago-18 (bloque); minificación-->
<any ng-if="site=='PUB'">
<script src="app/js/app_Mapa_EntFed.min.js"></script>
<!--Archivos con código angularjs para el llamado de la API y archivos JSON (peticiones de datos XHR)-->
<script src="app/js/appService.min.js"></script> <!--fab 21-may-18-->
<!--Archivos con código angularjs para la gráfica-->
<script src="app/js/appFactoryGraf.min.js"></script>
<!--Archivos con código angularjs que guarda las rutas o direcciones que se usan en los tres sitios que tiene los ODS -->
<script src="app/js/appSite.min.js"></script>
</any>
<!--Sin minificación-->
<any ng-if="site!='PUB'">
<script src="app/js/app_Mapa_EntFed.js"></script>
<!--Archivos con código angularjs para el llamado de la API y archivos JSON (peticiones de datos XHR)-->
<script src="app/js/appService.js"></script> <!--fab 21-may-18-->
<!--Archivos con código angularjs para la gráfica-->
<script src="app/js/appFactoryGraf.js"></script>
<!--Archivos con código angularjs que guarda las rutas o direcciones que se usan en los tres sitios que tiene los ODS -->
<script src="app/js/appSite.js"></script>
</any>
<!--fab 8-ago-18 (fin bloque); minificación-->
<!-- <script src="libs/form-helpers/js/bootstrap-formhelpers.min.js"></script>-->
</form>
</body>
</html>
<script>
</script>
<!DOCTYPE html>
<html ng-app="app_Mapa_SoloMpio">
<!--Página html que muestra el mapa digital con municipios-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link href="libs/please-wait/please-wait.css" rel="stylesheet">
<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="libs/normalize/normalize.min.css">
<link href="libs/form-helpers/css/bootstrap-formhelpers.min.css" rel="stylesheet">
<!-- <script src="libs/bootstrap/js/bootstrap.min.js"></script>-->
<!--archivo de estilos para el mapa digital-->
<link rel="stylesheet" href="app/css/estiloMapa.css">
<!--archivo de estilos para la gráfica-->
<link rel="stylesheet" href="app/css/estiloGrafica.css">
<script src="libs/angularjs/angular.min.js"></script>
<script src="libs/angularjs-ui-router/angular-ui-router.min.js"></script>
<script src="libs/angularjs-resource/angular-resource.min.js"></script>
<script src="libs/IsMobile/Mobile.js"></script>
<script src="libs/cdnjs.cloudflare.com/numeral.min.js"></script>
<!--Archivos necesarios para el mapa digital-->
<!--Archivo para incorporar funciones-->
<script type="text/javascript" src="data/Mapa/project/init.js"></script>
<!--Archivo que contiene las capas base y capas que usara el mapa-->
<script type="text/javascript" src="data/Mapa/config/tree.js"></script>
<!--Archivo que contiene las reoluciones (niveles de visualizacion) proyeccion empleada y capas adicionales a agregar-->
<script type="text/javascript" src="data/Mapa/config/map.js"></script>