Download as
Browse Code »

Commit b367e033b90676e1bf0f88a63bc994f9c673e49f

Authored by Edmar Moretti
1 parent 473578f2
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Ajustes no CSS dos mapas para melhorar o tamanho dos ícones em diferentes resoluções de monitor

Showing 66 changed files with 1868 additions and 1637 deletions   Show diff stats
css/default.css
  Diff comments   View file @b367e03
@@ -214,12 +214,24 @@ hr { @@ -214,12 +214,24 @@ hr {
214 border: solid 1px gray; 214 border: solid 1px gray;
215 box-shadow: 0px 1px 3px lightgray; 215 box-shadow: 0px 1px 3px lightgray;
216 cursor: pointer; 216 cursor: pointer;
217 - width: 40px;  
218 - height: 40px;  
219 background-color: rgba(0,60,136,.5); 217 background-color: rgba(0,60,136,.5);
220 margin: 0px; 218 margin: 0px;
221 } 219 }
222 220
  221 +.iconesGuiaMovel {
  222 + font-size: 1.8rem;
  223 + right:0px;
  224 + border-radius:4px;
  225 + padding:2px;
  226 + cursor: pointer;
  227 + position: absolute;
  228 + top: 5px;
  229 + width: auto;
  230 + z-index: 5000;
  231 + background-color: rgba(255,255,255,.4);
  232 + display: inline-grid;
  233 +}
  234 +
223 #i3GEOguiaMovel { 235 #i3GEOguiaMovel {
224 position: absolute; 236 position: absolute;
225 display: block; 237 display: block;
@@ -299,7 +311,7 @@ hr { @@ -299,7 +311,7 @@ hr {
299 } 311 }
300 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/ 312 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/
301 .separadorCabecalhoGuias{ 313 .separadorCabecalhoGuias{
302 - height: 40px; 314 + height: 10px;
303 } 315 }
304 316
305 317
@@ -436,16 +448,19 @@ no caso do OL3 @@ -436,16 +448,19 @@ no caso do OL3
436 448
437 .ol-zoom { 449 .ol-zoom {
438 top: 2.8em; 450 top: 2.8em;
  451 + font-size: 1.8rem;
439 } 452 }
440 453
441 .ol-i3GEOcontrols { 454 .ol-i3GEOcontrols {
442 top: 2.8em; 455 top: 2.8em;
443 left: 3.5em; 456 left: 3.5em;
444 width: auto; 457 width: auto;
  458 + font-size: 1.8rem;
445 } 459 }
446 460
447 .ol-touch .ol-zoomslider, .ol-zoomslider { 461 .ol-touch .ol-zoomslider, .ol-zoomslider {
448 top: 8.2em; 462 top: 8.2em;
  463 + font-size: 1.8rem;
449 } 464 }
450 465
451 .ol-scale-line { 466 .ol-scale-line {
@@ -623,7 +623,7 @@ caption { @@ -623,7 +623,7 @@ caption {
623 span { 623 span {
624 font-family: Verdana, Arial, Helvetica, sans-serif; 624 font-family: Verdana, Arial, Helvetica, sans-serif;
625 } 625 }
626 - 626 +/*
627 body { 627 body {
628 background-color: black; 628 background-color: black;
629 font-family: Verdana, Arial, Helvetica, sans-serif; 629 font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -631,7 +631,7 @@ body { @@ -631,7 +631,7 @@ body {
631 margin: 0px; 631 margin: 0px;
632 z-index: 1000; 632 z-index: 1000;
633 } 633 }
634 - 634 +*/
635 A { 635 A {
636 text-align: left; 636 text-align: left;
637 font-size: 11pt; 637 font-size: 11pt;
css/i3geo7.css
  Diff comments   View file @b367e03
@@ -837,6 +837,7 @@ position: relative; @@ -837,6 +837,7 @@ position: relative;
837 span { 837 span {
838 font-family: Verdana, Arial, Helvetica, sans-serif; 838 font-family: Verdana, Arial, Helvetica, sans-serif;
839 } 839 }
  840 +/*
840 body { 841 body {
841 background-color: black; 842 background-color: black;
842 font-family: Verdana, Arial, Helvetica, sans-serif; 843 font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -844,6 +845,7 @@ font-size: 12px; @@ -844,6 +845,7 @@ font-size: 12px;
844 margin: 0px; 845 margin: 0px;
845 z-index: 1000; 846 z-index: 1000;
846 } 847 }
  848 +*/
847 A { 849 A {
848 text-align: left; 850 text-align: left;
849 font-size: 11pt; 851 font-size: 11pt;
css/i3geo7.css.php 100755 → 100644
  Diff comments   View file @b367e03
@@ -837,6 +837,7 @@ position: relative; @@ -837,6 +837,7 @@ position: relative;
837 span { 837 span {
838 font-family: Verdana, Arial, Helvetica, sans-serif; 838 font-family: Verdana, Arial, Helvetica, sans-serif;
839 } 839 }
  840 +/*
840 body { 841 body {
841 background-color: black; 842 background-color: black;
842 font-family: Verdana, Arial, Helvetica, sans-serif; 843 font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -844,6 +845,7 @@ font-size: 12px; @@ -844,6 +845,7 @@ font-size: 12px;
844 margin: 0px; 845 margin: 0px;
845 z-index: 1000; 846 z-index: 1000;
846 } 847 }
  848 +*/
847 A { 849 A {
848 text-align: left; 850 text-align: left;
849 font-size: 11pt; 851 font-size: 11pt;
css/i3geo_ferramentas7.css
  Diff comments   View file @b367e03
@@ -927,7 +927,7 @@ caption { @@ -927,7 +927,7 @@ caption {
927 span { 927 span {
928 font-family: Verdana, Arial, Helvetica, sans-serif; 928 font-family: Verdana, Arial, Helvetica, sans-serif;
929 } 929 }
930 - 930 +/*
931 body { 931 body {
932 background-color: black; 932 background-color: black;
933 font-family: Verdana, Arial, Helvetica, sans-serif; 933 font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -935,7 +935,7 @@ body { @@ -935,7 +935,7 @@ body {
935 margin: 0px; 935 margin: 0px;
936 z-index: 1000; 936 z-index: 1000;
937 } 937 }
938 - 938 +*/
939 A { 939 A {
940 text-align: left; 940 text-align: left;
941 font-size: 11pt; 941 font-size: 11pt;
ferramentas/editorgm/editorgm_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
ferramentas/editorol/editorol_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
interface/gm.phtml
  Diff comments   View file @b367e03
@@ -7,15 +7,15 @@ include("../ms_configura.php"); @@ -7,15 +7,15 @@ include("../ms_configura.php");
7 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> 7 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
8 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 8 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
9 <meta name="viewport" 9 <meta name="viewport"
10 - content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> 10 + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
11 <title>i3GEO - GM</title> 11 <title>i3GEO - GM</title>
12 <script type="text/javascript" 12 <script type="text/javascript"
13 - src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script> 13 + src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>
14 <script src="../js/i3geo.js"></script> 14 <script src="../js/i3geo.js"></script>
15 <!-- lista com os links que serao mostrados na guia ferramentas --> 15 <!-- lista com os links que serao mostrados na guia ferramentas -->
16 <script src="../js/listaDeFerramentas.js"></script> 16 <script src="../js/listaDeFerramentas.js"></script>
17 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) --> 17 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
18 -<script src="config.php?tipo=OL"></script> 18 +<script src="config.php?tipo=GM"></script>
19 19
20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> 20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
21 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css"> 21 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
@@ -26,10 +26,10 @@ include(&quot;../ms_configura.php&quot;); @@ -26,10 +26,10 @@ include(&quot;../ms_configura.php&quot;);
26 26
27 27
28 .ol-attribution.ol-uncollapsible { 28 .ol-attribution.ol-uncollapsible {
29 - height: 2.1em;  
30 - right: 24px;  
31 - background: none;  
32 - margin-bottom: 15px; 29 + height: 2.1em;
  30 + right: 24px;
  31 + background: none;
  32 + margin-bottom: 15px;
33 } 33 }
34 34
35 .ol-i3GEOcontrols { 35 .ol-i3GEOcontrols {
@@ -39,769 +39,792 @@ include(&quot;../ms_configura.php&quot;); @@ -39,769 +39,792 @@ include(&quot;../ms_configura.php&quot;);
39 } 39 }
40 40
41 .escalanumerica { 41 .escalanumerica {
42 - margin-left: 112px;  
43 - bottom:40px; 42 + margin-left: 112px;
  43 + bottom:40px;
44 } 44 }
45 45
46 .localizarxy { 46 .localizarxy {
47 - bottom:5px; 47 + bottom:5px;
48 } 48 }
49 </style> 49 </style>
50 </head> 50 </head>
51 - <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js  
52 - Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor  
53 - --> 51 + <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  52 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  53 + -->
54 <body id="i3geo" style='background: white;'> 54 <body id="i3geo" style='background: white;'>
55 - <!-- inclui o nome do usuario logado  
56 - <div id="i3GEONomeLogin"  
57 - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>  
58 - -->  
59 - <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps  
60 - Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda  
61 - -->  
62 - <div id="mapai3Geo" >  
63 - </div>  
64 - <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->  
65 - <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">  
66 - <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >  
67 - </form> 55 + <!-- inclui o nome do usuario logado
  56 + <div id="i3GEONomeLogin"
  57 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  58 + -->
  59 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
  60 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  61 + -->
  62 + <div id="mapai3Geo" >
  63 + </div>
68 64
69 - <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->  
70 - <div class="localizarxy fundoRodape hidden-xs hidden-sm" >  
71 - <div class="i3GeoMascaraCoord" style="display: block;">  
72 - <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">  
73 - <option>DMS:</option>  
74 - <option value="janela">janela</option>  
75 - <option value="geoProj">DMS</option>  
76 - <option value="dd">Dec. de grau</option>  
77 - <option value="geohash">GeoHash</option>  
78 - <option value="policonicaSad69">Polic SAD-69</option>  
79 - <option value="utmSad69Proj">UTM Sad-69</option>  
80 - <option value="utmSirgas2000Proj">UTM Sirgas</option>  
81 - </select>  
82 - </div>  
83 - <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">  
84 - X:  
85 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
86 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
87 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
88 - Y:  
89 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
90 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
91 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
92 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">  
93 - </div>  
94 - <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
95 - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
96 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">  
97 - </div>  
98 - <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
99 - GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
100 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">  
101 - </div>  
102 - <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
103 - X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
104 - Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">  
105 - </div>  
106 - <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
107 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
108 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
109 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">  
110 - </div>  
111 - <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
112 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
113 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
114 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">  
115 - </div>  
116 - </div>  
117 - <!-- barra de icones de navegacao -->  
118 - <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">  
119 - <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">  
120 - <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->  
121 - <i class="material-icons">public</i>  
122 - </button>  
123 - <button onclick="i3GEO.Interface.zoomli()" style="float: left;">  
124 - <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->  
125 - <i class="material-icons">zoom_in</i>  
126 - </button>  
127 - <br>  
128 - <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">  
129 - <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->  
130 - <i class="material-icons">undo</i>  
131 - </button>  
132 - <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">  
133 - <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->  
134 - <i class="material-icons">redo</i>  
135 - </button>  
136 - <br>  
137 - <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">  
138 - <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->  
139 - <i class="material-icons">grid_on</i>  
140 - </button>  
141 - <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">  
142 - <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->  
143 - <i class="material-icons">bookmark_border</i>  
144 - </button>  
145 - <br>  
146 - <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">  
147 - <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->  
148 - <i class="material-icons">picture_in_picture</i>  
149 - </button>  
150 - </div>  
151 - <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->  
152 - <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
153 - <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">  
154 - </div>  
155 - </div>  
156 - <!--barra de aguarde id="i3GEObarraAguarde" -->  
157 - <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
158 - <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">  
159 - </div>  
160 - </div>  
161 - <!-- mensagem de copyright -->  
162 - <div id="i3GEOcopyright">i3Geo</div>  
163 - <!-- botoes laterais que abrem guias moveis -->  
164 - <div id="i3GEOguiaMovel" >  
165 - <!-- configuracao para todos os botoes  
166 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
167 - -->  
168 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">  
169 - <!-- ferramentas  
170 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
171 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
172 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
173 - -->  
174 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
175 - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
176 - <i class="material-icons">business_center</i>  
177 - </button>  
178 - </div>  
179 - <!-- temas existentes no mapa  
180 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
181 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
182 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
183 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
184 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
185 - -->  
186 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
187 - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
188 - <i class="material-icons"><i class="material-icons">visibility</i></i>  
189 - </button>  
190 - </div>  
191 - <!-- catalogo de adicao de temas ao mapa  
192 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
193 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
194 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
195 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo  
196 65
197 - Variaveis javascript:  
198 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
199 - -->  
200 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
201 - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
202 - <i class="material-icons">layers</i>  
203 - </button>  
204 - </div>  
205 - <!-- legenda -->  
206 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
207 - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
208 - <i class="material-icons">view_list</i>  
209 - </button>  
210 - </div>  
211 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
212 - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
213 - <i class="material-icons">compare_arrows</i>  
214 - </button>  
215 - </div>  
216 - <!-- Busca -->  
217 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
218 - <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
219 - <i class="material-icons">search</i>  
220 - </button>  
221 - </div>  
222 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
223 - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
224 - <i class="material-icons">location_on</i>  
225 - </button>  
226 - </div>  
227 - <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem  
228 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
229 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">  
230 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
231 - </button>  
232 - </div>  
233 - -->  
234 - </div>  
235 - <!-- veja i3GEO.guias.CONFIGURA -->  
236 - <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->  
237 - <!-- se height nao estiver definido sera utilizada a altura do mapa -->  
238 - <div id="i3GEOguiaMovelMolde" >  
239 - <div id="i3GEOguiaMovelConteudo" >  
240 - <!-- camadas existentes no mapa -->  
241 - <div id='guia1obj' data-traduzir="true" style='display: none;'>  
242 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeMapa}}}</span>X</div>  
243 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
244 - <div class="noprint" >  
245 - <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">  
246 - {{{opcoes}}}  
247 - <span class="caret"></span>  
248 - </a>  
249 - <ul class="dropdown-menu">  
250 - <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>  
251 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>  
252 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>  
253 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>  
254 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>  
255 - <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>  
256 - <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>  
257 - <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>  
258 - <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>  
259 - </ul>  
260 - </div>  
261 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
262 - <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>  
263 - <!-- Esta div acrescenta a lista de de camadas de fundo  
264 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
265 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
266 - no programa interface/config.php  
267 - -->  
268 - <div class="list-group condensed">  
269 - <label>Camadas de fundo</label>  
270 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >  
271 - <span class="caret"></span>  
272 - </a>  
273 - <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">  
274 - <form>  
275 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
276 - </form>  
277 - </div>  
278 - </div>  
279 - </div>  
280 - <!-- Catalogo de temas -->  
281 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>  
282 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>  
283 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
284 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
285 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
286 - <div id="catalogoNavegacao"></div>  
287 - <!-- Opcoes -->  
288 - <div id="catalogoPrincipal">  
289 - <div class="noprint" >  
290 - <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">  
291 - {{{opcoes}}}  
292 - <span class="caret"></span>  
293 - </a>  
294 - <ul class="dropdown-menu">  
295 - <li>  
296 - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>  
297 - </li> 66 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  67 + <div class="localizarxy fundoRodape hidden-xs hidden-sm" >
  68 + <div class="i3GeoMascaraCoord" style="display: block;">
  69 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  70 + <option>DMS:</option>
  71 + <option value="janela">janela</option>
  72 + <option value="geoProj">DMS</option>
  73 + <option value="dd">Dec. de grau</option>
  74 + <option value="geohash">GeoHash</option>
  75 + <option value="policonicaSad69">Polic SAD-69</option>
  76 + <option value="utmSad69Proj">UTM Sad-69</option>
  77 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  78 + </select>
  79 + </div>
  80 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
  81 + X:
  82 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  83 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  84 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  85 + Y:
  86 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  87 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  88 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  89 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  90 + </div>
  91 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  92 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  93 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  94 + </div>
  95 + <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  96 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  97 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  98 + </div>
  99 + <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  100 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  101 + Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
  102 + </div>
  103 + <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  104 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  105 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  106 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  107 + </div>
  108 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  109 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  110 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  111 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  112 + </div>
  113 + </div>
  114 + <!-- barra de icones de navegacao -->
  115 + <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  116 + <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  117 + <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
  118 + <i class="material-icons">public</i>
  119 + </button>
  120 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  121 + <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
  122 + <i class="material-icons">zoom_in</i>
  123 + </button>
  124 + <br>
  125 + <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  126 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
  127 + <i class="material-icons">undo</i>
  128 + </button>
  129 + <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  130 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
  131 + <i class="material-icons">redo</i>
  132 + </button>
  133 + <br>
  134 + <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
  135 + <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
  136 + <i class="material-icons">grid_on</i>
  137 + </button>
  138 + <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  139 + <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
  140 + <i class="material-icons">bookmark_border</i>
  141 + </button>
  142 + <br>
  143 + <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
  144 + <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
  145 + <i class="material-icons">picture_in_picture</i>
  146 + </button>
  147 + </div>
  148 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  149 + <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  150 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
  151 + </div>
  152 + </div>
  153 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  154 + <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  155 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
  156 + </div>
  157 + </div>
  158 + <!-- mensagem de copyright -->
  159 + <div id="i3GEOcopyright">i3Geo</div>
  160 + <!-- botoes laterais que abrem guias moveis -->
  161 + <div id="i3GEOguiaMovel" >
  162 + <!-- configuracao para todos os botoes
  163 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  164 + -->
  165 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
  166 + <!-- ferramentas
  167 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  168 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  169 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  170 + -->
  171 + <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  172 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  173 + <i class="material-icons">business_center</i>
  174 + </button>
  175 + </div>
  176 + <!-- temas existentes no mapa
  177 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  178 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  179 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  180 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  181 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  182 + -->
  183 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  184 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  185 + <i class="material-icons"><i class="material-icons">visibility</i></i>
  186 + </button>
  187 + </div>
  188 + <!-- catalogo de adicao de temas ao mapa
  189 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  190 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  191 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  192 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
298 193
299 - <li>  
300 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->  
301 - </li>  
302 - <li class="divider"></li>  
303 - <li>  
304 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>  
305 - </li>  
306 - <li>  
307 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
308 - </li>  
309 - <li>  
310 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
311 - </li>  
312 - <li>  
313 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
314 - </li>  
315 - <li>  
316 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->  
317 - </li>  
318 - <li>  
319 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->  
320 - </li>  
321 - <li>  
322 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
323 - </li>  
324 - <li>  
325 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>  
326 - </li>  
327 - <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
328 - </li>  
329 - </ul>  
330 - </div>  
331 - <!-- busca tema no catalogo  
332 - <div class="form-group label-floating">  
333 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
334 - <div class="input-group">  
335 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
336 - <span class="input-group-btn">  
337 - <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
338 - <span class="material-icons ">send</span>  
339 - </a>  
340 - </span>  
341 - </div>  
342 - </div>  
343 - -->  
344 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona  
345 - Nessa funcao ficam tambem os parametros:  
346 - "idOndeMenus": "catalogoMenus",  
347 - "idCatalogoPrincipal": "catalogoPrincipal",  
348 - "idCatalogoNavegacao": "catalogoNavegacao",  
349 - "idOndeMigalha": "catalogoMigalha"  
350 - -->  
351 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 194 + Variaveis javascript:
  195 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  196 + -->
  197 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  198 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  199 + <i class="material-icons">layers</i>
  200 + </button>
  201 + </div>
  202 + <!-- legenda -->
  203 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  204 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  205 + <i class="material-icons">view_list</i>
  206 + </button>
  207 + </div>
  208 + <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  209 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  210 + <i class="material-icons">compare_arrows</i>
  211 + </button>
  212 + </div>
  213 + <!-- Busca -->
  214 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  215 + <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  216 + <i class="material-icons">search</i>
  217 + </button>
  218 + </div>
  219 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  220 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  221 + <i class="material-icons">location_on</i>
  222 + </button>
  223 + </div>
  224 + <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
  225 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  226 + <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
  227 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  228 + </button>
  229 + </div>
  230 + -->
  231 + </div>
  232 + <!-- veja i3GEO.guias.CONFIGURA -->
  233 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  234 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  235 + <div id="i3GEOguiaMovelMolde" >
  236 + <div id="i3GEOguiaMovelConteudo" >
  237 + <!-- camadas existentes no mapa -->
  238 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  239 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  240 + <span class="pull-left">{{{iconeMapa}}}</span>X</div>
  241 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  242 + <div class="list-group condensed noprint" >
  243 + <label>{{{opcoes}}}</label>
  244 + <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  245 + <span class="caret"></span>
  246 + </a>
  247 + <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
  248 + <p><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></p>
  249 + <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></p>
  250 + <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></p>
  251 + <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></p>
  252 + <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></p>
  253 + <p><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></p>
  254 + <p><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></p>
  255 + <p><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></p>
  256 + <p><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></p>
  257 + </div>
  258 + </div>
  259 + <hr>
  260 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  261 + <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
  262 + <!-- Esta div acrescenta a lista de de camadas de fundo
  263 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  264 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  265 + no programa interface/config.php
  266 + -->
  267 + <div class="list-group condensed">
  268 + <label>Camadas de fundo</label>
  269 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  270 + <span class="caret"></span>
  271 + </a>
  272 + <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
  273 + <form>
  274 + <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
  275 + </form>
  276 + </div>
  277 + </div>
  278 + </div>
  279 + <!-- Catalogo de temas -->
  280 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
  281 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>
  282 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  283 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  284 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  285 + <div id="catalogoNavegacao"></div>
  286 + <!-- Opcoes -->
  287 + <div id="catalogoPrincipal">
  288 + <div class="list-group condensed noprint" >
  289 + <label>{{{opcoes}}}</label>
  290 + <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  291 + <span class="caret"></span>
  292 + </a>
  293 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  294 + <p>
  295 + <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
  296 + </p>
  297 + <p>
  298 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
  299 + </p>
  300 + <li class="divider"></p>
  301 + <p>
  302 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
  303 + </p>
  304 + <p>
  305 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  306 + </p>
  307 + <p>
  308 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  309 + </p>
  310 + <p>
  311 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  312 + </p>
  313 + <p>
  314 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
  315 + </p>
  316 + <p>
  317 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
  318 + </p>
  319 + <p>
  320 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  321 + </p>
  322 + <p>
  323 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
  324 + </p>
  325 + <p><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  326 + </p>
  327 + </div>
  328 + </div>
  329 + <hr>
  330 + <!-- busca tema no catalogo
  331 + <div class="form-group label-floating">
  332 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  333 + <div class="input-group">
  334 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  335 + <span class="input-group-btn">
  336 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  337 + <span class="material-icons ">send</span>
  338 + </a>
  339 + </span>
  340 + </div>
  341 + </div>
  342 + -->
  343 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  344 + Nessa funcao ficam tambem os parametros:
  345 + "idOndeMenus": "catalogoMenus",
  346 + "idCatalogoPrincipal": "catalogoPrincipal",
  347 + "idCatalogoNavegacao": "catalogoNavegacao",
  348 + "idOndeMigalha": "catalogoMigalha"
  349 + -->
  350 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
352 351
353 - <div id="arvoreAdicionaTema"></div> 352 + <div id="arvoreAdicionaTema"></div>
354 353
355 - <!--  
356 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
357 - config: {  
358 - 'templateDir': 'templates/dir.html',  
359 - 'templateTema': 'templates/tema.html',  
360 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
361 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
362 - 'idOndeMigalha': 'catalogoMigalha'  
363 - } 354 + <!--
  355 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  356 + config: {
  357 + 'templateDir': 'templates/dir.html',
  358 + 'templateTema': 'templates/tema.html',
  359 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  360 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  361 + 'idOndeMigalha': 'catalogoMigalha'
  362 + }
364 363
365 - exemplo: 364 + exemplo:
366 365
367 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
368 - --> 366 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  367 + -->
369 368
370 - <!-- servicos da INDE brasileira -->  
371 - <div class="list-group condensed"><div class="row-content text-left">  
372 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
373 - <label style="width: 255px;vertical-align: middle;">  
374 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
375 - <h4>INDE-Br</h4></a>  
376 - <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>  
377 - </label>  
378 - </div></div><hr>  
379 - <!-- lista de wms cadastrados no sistema de administracao -->  
380 - <div class="list-group condensed"><div class="row-content text-left">  
381 - <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
382 - <label style="width: 255px;vertical-align: middle;">  
383 - <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
384 - <h4>OGC-WMS</h4></a>  
385 - <h6>{{{descOgcWms}}}</h6>  
386 - </label>  
387 - </div></div><hr>  
388 - <!-- regioes cadastradas no sistema de metadados -->  
389 - <div class="list-group condensed"><div class="row-content text-left">  
390 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
391 - <label style="width: 255px;vertical-align: middle;">  
392 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
393 - <h4>{{{x87}}}</h4></a>  
394 - <h6>{{{descLimLoc}}}</h6>  
395 - </label>  
396 - </div></div><hr>  
397 - <!-- camadas que vem do sistema de metadados estatisticos -->  
398 - <div class="list-group condensed"><div class="row-content text-left">  
399 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
400 - <label style="width: 255px;vertical-align: middle;">  
401 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
402 - <h4>{{{x57}}}</h4></a>  
403 - <h6>{{{descMeta}}}</h6>  
404 - </label>  
405 - </div></div><hr>  
406 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
407 - <div class="list-group condensed"><div class="row-content text-left">  
408 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
409 - <label style="width: 255px;vertical-align: middle;">  
410 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
411 - <h4>{{{x90}}}</h4></a>  
412 - <h6>{{{descMapas}}}</h6>  
413 - </label>  
414 - </div></div><hr>  
415 - -->  
416 - <!-- camadas por estrelas -->  
417 - <div class="list-group condensed"><div class="row-content text-left">  
418 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
419 - <label style="width: 255px;vertical-align: middle;">  
420 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">  
421 - <h4>{{{t46}}}</h4></a>  
422 - <h6>{{{descEstrelas}}}</h6>  
423 - </label>  
424 - </div></div><hr>  
425 - <!-- sistemas que adicionam camadas -->  
426 - <div class="list-group condensed"><div class="row-content text-left">  
427 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
428 - <label style="width: 255px;vertical-align: middle;">  
429 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
430 - <h4>{{{a11}}}</h4></a>  
431 - <h6>{{{descSistemas}}}</h6>  
432 - </label>  
433 - </div></div><hr>  
434 - <!-- navegacao em diretorios -->  
435 - <div class="list-group condensed"><div class="row-content text-left">  
436 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
437 - <label style="width: 255px;vertical-align: middle;">  
438 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
439 - <h4>{{{a6}}}</h4></a>  
440 - <h6>{{{descDir}}}</h6>  
441 - </label>  
442 - </div></div><hr>  
443 - </div>  
444 - </div>  
445 - <!-- Legenda -->  
446 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>  
447 - <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>  
448 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
449 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>  
450 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>  
451 - </div>  
452 - <!-- busca  
453 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
454 - No botao que dispara a busca, ficam os parametros de configuracao  
455 - Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado  
456 - -->  
457 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>  
458 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>  
459 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
460 - <form onSubmit="return false;" >  
461 - <div class="form-group label-floating">  
462 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
463 - <div class="input-group">  
464 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
465 - <span class="input-group-btn">  
466 - <a onclick="i3GEO.busca.inicia(this);return false;"  
467 - data-templateGoogle="templates/buscaEmTemas.html"  
468 - data-inputGoogle="[name=google]"  
469 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle"  
470 - data-templateTemasMapa="templates/buscaEmTemas.html"  
471 - data-inputTemasMapa="[name=temasMapa]"  
472 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"  
473 - data-templateServico="templates/buscaEmServico.html"  
474 - data-ondeConteiner="#guia7obj"  
475 - data-inputOndePalavra="[name=valorBuscaRapida]"  
476 - data-inputServicosExternos="[name=servicosExternos]"  
477 - data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
478 - <span class="material-icons ">send</span>  
479 - </a>  
480 - </span>  
481 - </div>  
482 - </div>  
483 - <h4>{{{x37}}}:</h4>  
484 - <div class="form-inline" style="width:100%;">  
485 - <div class="list-group condensed">  
486 - <div class="checkbox text-left">  
487 - <label>  
488 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >  
489 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}  
490 - </label>  
491 - </div>  
492 - </div>  
493 - <div class="list-group condensed">  
494 - <div class="checkbox text-left">  
495 - <label>  
496 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
497 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}  
498 - </label>  
499 - </div>  
500 - </div>  
501 - <!-- Apenas para a interface google maps  
502 - <div class="list-group condensed">  
503 - <div class="checkbox text-left">  
504 - <label>  
505 - <input class="noprint" value="on" type="checkbox" name="google">  
506 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
507 - </label>  
508 - </div>  
509 - </div>  
510 - -->  
511 - </div>  
512 - </form>  
513 - <hr>  
514 - <div class="i3GEOresultadoBuscaServicos" ></div>  
515 - <div class="i3GEOresultadoBuscaTemasMapa" ></div>  
516 - <div class="i3GEOresultadoBuscaGoogle" ></div>  
517 - <div class="alert alert-info" role="alert">{{{x40}}}</div>  
518 - </div>  
519 - <!-- Ferramentas -->  
520 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>  
521 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>  
522 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
523 - <div class="form-inline" style="width:100%;">  
524 - <div class="text-center form-group" style="margin:4px;">  
525 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
526 - <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">  
527 - </a>  
528 - <h6>{{{d21at}}}</h6>  
529 - </div>  
530 - <div class="text-center form-group" style="margin:4px;">  
531 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
532 - <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">  
533 - </a>  
534 - <h6>{{{d21t}}}</h6>  
535 - </div>  
536 - <div class="text-center form-group" style="margin:4px;">  
537 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
538 - <img style="margin-top:4px;" src="../imagens/gisicons/select.png">  
539 - </a>  
540 - <h6>{{{d24t}}}</h6>  
541 - </div>  
542 - <div class="text-center form-group" style="margin:4px;">  
543 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
544 - <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">  
545 - </a>  
546 - <h6>{{{localiza}}}</h6>  
547 - </div>  
548 - </div>  
549 - <div class="clearfix"></div>  
550 - <hr>  
551 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
552 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
553 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
554 - </div>  
555 - </div>  
556 - </div>  
557 - </div>  
558 - <!-- para mostrar o banner de abertura, basta ter esse ID -->  
559 - <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">  
560 - <div>  
561 - <table>  
562 - <tr>  
563 - <td> 369 + <!-- servicos da INDE brasileira -->
  370 + <div class="list-group condensed"><div class="row-content text-left">
  371 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  372 + <label style="width: 255px;vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  374 + <h4>INDE-Br</h4></a>
  375 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  376 + </label>
  377 + </div></div><hr>
  378 + <!-- lista de wms cadastrados no sistema de administracao -->
  379 + <div class="list-group condensed"><div class="row-content text-left">
  380 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  381 + <label style="width: 255px;vertical-align: middle;">
  382 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  383 + <h4>OGC-WMS</h4></a>
  384 + <h6>{{{descOgcWms}}}</h6>
  385 + </label>
  386 + </div></div><hr>
  387 + <!-- regioes cadastradas no sistema de metadados -->
  388 + <div class="list-group condensed"><div class="row-content text-left">
  389 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  390 + <label style="width: 255px;vertical-align: middle;">
  391 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  392 + <h4>{{{x87}}}</h4></a>
  393 + <h6>{{{descLimLoc}}}</h6>
  394 + </label>
  395 + </div></div><hr>
  396 + <!-- camadas que vem do sistema de metadados estatisticos -->
  397 + <div class="list-group condensed"><div class="row-content text-left">
  398 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  399 + <label style="width: 255px;vertical-align: middle;">
  400 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  401 + <h4>{{{x57}}}</h4></a>
  402 + <h6>{{{descMeta}}}</h6>
  403 + </label>
  404 + </div></div><hr>
  405 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  406 + <div class="list-group condensed"><div class="row-content text-left">
  407 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  408 + <label style="width: 255px;vertical-align: middle;">
  409 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  410 + <h4>{{{x90}}}</h4></a>
  411 + <h6>{{{descMapas}}}</h6>
  412 + </label>
  413 + </div></div><hr>
  414 + -->
  415 + <!-- camadas por estrelas -->
  416 + <div class="list-group condensed"><div class="row-content text-left">
  417 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  418 + <label style="width: 255px;vertical-align: middle;">
  419 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
  420 + <h4>{{{t46}}}</h4></a>
  421 + <h6>{{{descEstrelas}}}</h6>
  422 + </label>
  423 + </div></div><hr>
  424 + <!-- sistemas que adicionam camadas -->
  425 + <div class="list-group condensed"><div class="row-content text-left">
  426 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  427 + <label style="width: 255px;vertical-align: middle;">
  428 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  429 + <h4>{{{a11}}}</h4></a>
  430 + <h6>{{{descSistemas}}}</h6>
  431 + </label>
  432 + </div></div><hr>
  433 + <!-- navegacao em diretorios -->
  434 + <div class="list-group condensed"><div class="row-content text-left">
  435 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  436 + <label style="width: 255px;vertical-align: middle;">
  437 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  438 + <h4>{{{a6}}}</h4></a>
  439 + <h6>{{{descDir}}}</h6>
  440 + </label>
  441 + </div></div><hr>
  442 + </div>
  443 + </div>
  444 + <!-- Legenda -->
  445 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  446 + <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>
  447 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  448 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>
  449 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  450 + </div>
  451 + <!-- busca
  452 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  453 + No botao que dispara a busca, ficam os parametros de configuracao
  454 + Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
  455 + -->
  456 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  457 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>
  458 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  459 + <form onSubmit="return false;" >
  460 + <div class="form-group label-floating">
  461 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  462 + <div class="input-group">
  463 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  464 + <span class="input-group-btn">
  465 + <a onclick="i3GEO.busca.inicia(this);return false;"
  466 + data-templateGoogle="templates/buscaEmTemas.html"
  467 + data-inputGoogle="[name=google]"
  468 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
  469 + data-templateTemasMapa="templates/buscaEmTemas.html"
  470 + data-inputTemasMapa="[name=temasMapa]"
  471 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
  472 + data-templateServico="templates/buscaEmServico.html"
  473 + data-ondeConteiner="#guia7obj"
  474 + data-inputOndePalavra="[name=valorBuscaRapida]"
  475 + data-inputServicosExternos="[name=servicosExternos]"
  476 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  477 + <span class="material-icons ">send</span>
  478 + </a>
  479 + </span>
  480 + </div>
  481 + </div>
  482 + <h4>{{{x37}}}:</h4>
  483 + <div class="form-inline" style="width:100%;">
  484 + <div class="list-group condensed">
  485 + <div class="checkbox text-left">
  486 + <label>
  487 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
  488 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
  489 + </label>
  490 + </div>
  491 + </div>
  492 + <div class="list-group condensed">
  493 + <div class="checkbox text-left">
  494 + <label>
  495 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  496 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
  497 + </label>
  498 + </div>
  499 + </div>
  500 + <!-- Apenas para a interface google maps
  501 + <div class="list-group condensed">
  502 + <div class="checkbox text-left">
  503 + <label>
  504 + <input class="noprint" value="on" type="checkbox" name="google">
  505 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  506 + </label>
  507 + </div>
  508 + </div>
  509 + -->
  510 + </div>
  511 + </form>
  512 + <hr>
  513 + <div class="i3GEOresultadoBuscaServicos" ></div>
  514 + <div class="i3GEOresultadoBuscaTemasMapa" ></div>
  515 + <div class="i3GEOresultadoBuscaGoogle" ></div>
  516 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  517 + </div>
  518 + <!-- Ferramentas -->
  519 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  520 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>
  521 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  522 + <div class="form-inline" style="width:100%;">
  523 + <div class="text-center form-group" style="margin:4px;">
  524 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  525 + <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
  526 + </a>
  527 + <h6>{{{d21at}}}</h6>
  528 + </div>
  529 + <div class="text-center form-group" style="margin:4px;">
  530 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  531 + <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
  532 + </a>
  533 + <h6>{{{d21t}}}</h6>
  534 + </div>
  535 + <div class="text-center form-group" style="margin:4px;">
  536 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  537 + <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
  538 + </a>
  539 + <h6>{{{d24t}}}</h6>
  540 + </div>
  541 + <div class="text-center form-group" style="margin:4px;">
  542 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  543 + <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
  544 + </a>
  545 + <h6>{{{localiza}}}</h6>
  546 + </div>
  547 + </div>
  548 + <div class="clearfix"></div>
  549 + <hr>
  550 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  551 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  552 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  553 + </div>
  554 + </div>
  555 + </div>
  556 + </div>
  557 + <!-- para mostrar o banner de abertura -->
  558 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  559 + <div>
  560 + <table>
  561 + <tr>
  562 + <td>
  563 + <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
  564 + interativos e geoprocessamento</h4>
  565 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  566 + Portal do Software P&uacute;blico Brasileiro</h4>
  567 + </td>
  568 + </tr>
  569 + </table>
  570 + <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
  571 + <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
  572 + <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
  573 + <div>&nbsp;</div>
  574 + </div>
  575 + </script>
  576 + <script>
  577 + //ativa o banner de inicializacao
  578 + i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
  579 + (function() {
  580 + //parametros aplicados na criacao do arquivo mapfile
  581 + var parametrosMapa = {
  582 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  583 + //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
  584 + mapfilebase: "",
  585 + //extensao geografica do mapa
  586 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  587 + //exemplo [-77,-26,-30,6]
  588 + mapext: [],
  589 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  590 + perfil: "",
  591 + //layers que serao adicionados ao mapa.
  592 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  593 + layers: {
  594 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  595 + add: [],
  596 + //array com a lista dos layers que serao adicionados mas nao ligados
  597 + on: [],
  598 + //array com os layers desligados
  599 + off: []
  600 + },
  601 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  602 + points: {
  603 + //array com a lista de coordenadas
  604 + coord: [],
  605 + //titulo da nova camada
  606 + title: ""
  607 + },
  608 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  609 + lines: {
  610 + //array de arrays com a lista de coordenadas de cada linha
  611 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  612 + coord: [[]],
  613 + //titulo da nova camada
  614 + title:""
  615 + },
  616 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  617 + polygons: {
  618 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  619 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  620 + coord: [[]],
  621 + //titulo da nova camada
  622 + title:""
  623 + },
  624 + //insere elementos no mapa com coordenadas definidas em wkt
  625 + wkt: {
  626 + //string no formato wkt
  627 + coord: "",
  628 + //titulo da nova camada
  629 + title: ""
  630 + },
  631 + //simbolo que sera utilizado para desenhar os elementos inseridos
  632 + symbol: {
  633 + //codigo do simbolo conforme definido em i3geo/symbols
  634 + name: "",
  635 + //em rgb, exemplo "0 255 0"
  636 + color: "",
  637 + //em pixels
  638 + size: ""
  639 + },
  640 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  641 + kml: {
  642 + url: ""
  643 + },
  644 + //endereco de um WMS (sera incluido como uma camada no mapa)
  645 + wms: {
  646 + url: "",
  647 + layer: "",
  648 + style: "",
  649 + title: "",
  650 + srs: "",
  651 + imagetype: "",
  652 + version: ""
  653 + },
  654 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  655 + //do mapserver, exemplo
  656 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  657 + filters: [{
  658 + layer: "",
  659 + expression: ""
  660 + }],
  661 + //id de um mapa salvo e que sera recuperado
  662 + restoreMapId : ""
  663 + };
  664 + var config = {
  665 + //id do elemento HTML onde o corpo do mapa sera renderizado
  666 + mapBody : "mapai3Geo",
  667 + //tipo de mapa. Pode ser:
  668 + //OL - utiliza o OpenLayers e coordenadas geograficas
  669 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  670 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  671 + mapType : "GM",
  672 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  673 + saveExtension : true,
  674 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  675 + posRenderType : "",
  676 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  677 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  678 + i3GeoServer : "",
  679 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  680 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  681 + //se for vazio, sera utilizado o valor definido no LAYER original
  682 + //Nao se aplica na interface googlemaps
  683 + layerOpacity: "",
  684 + //Funcao que sera executada apos a inicializacao do mapa
  685 + afterStart : function(){
  686 + $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
  687 + $('.iconeGuiaMovel').tooltip('show');
  688 + $("#i3GEOguiaMovelConteudo").mCustomScrollbar({scrollbarPosition: "outside",theme:"inset-2-dark"});
  689 + //setTimeout(function() {
  690 + // $('.iconeGuiaMovel').tooltip('destroy');
  691 + //}, 30000);
  692 + //i3GEO.maparef.inicia();
  693 + //
  694 + //(largura, altura, topo, esquerda);
  695 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  696 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
564 697
565 - <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas  
566 - interativos e geoprocessamento</h4>  
567 - <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o  
568 - Portal do Software P&uacute;blico Brasileiro</h4>  
569 - </td>  
570 - </tr>  
571 - </table>  
572 - <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">  
573 - <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">  
574 - <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">  
575 - <div>&nbsp;</div>  
576 - </div>  
577 - </script>  
578 - <script>  
579 - (function() {  
580 - var parametrosMapa = {  
581 - //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)  
582 - //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa  
583 - mapfilebase: "",  
584 - //extensao geografica do mapa  
585 - //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax  
586 - //exemplo [-77,-26,-30,6]  
587 - mapext: [],  
588 - //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil  
589 - perfil: "",  
590 - //layers que serao adicionados ao mapa.  
591 - //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'  
592 - layers: {  
593 - //array com a lista dos layers que serao adicionados e ligados (visiveis)  
594 - add: [],  
595 - //array com a lista dos layers que serao adicionados mas nao ligados  
596 - on: [],  
597 - //array com os layers desligados  
598 - off: []  
599 - },  
600 - //lista de coordenadas x e y que serao adicionadas como pontos no mapa  
601 - points: {  
602 - //array com a lista de coordenadas  
603 - coord: [],  
604 - //titulo da nova camada  
605 - title: ""  
606 - },  
607 - //lista de coordenadas x e y que serao adicionadas como linhas no mapa  
608 - lines: {  
609 - //array de arrays com a lista de coordenadas de cada linha  
610 - //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]  
611 - coord: [[]],  
612 - //titulo da nova camada  
613 - title:""  
614 - },  
615 - //lista de coordenadas x e y que serao adicionadas como poligonos no mapa  
616 - polygons: {  
617 - //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.  
618 - //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]  
619 - coord: [[]],  
620 - //titulo da nova camada  
621 - title:""  
622 - },  
623 - //insere elementos no mapa com coordenadas definidas em wkt  
624 - wkt: {  
625 - //string no formato wkt  
626 - coord: "",  
627 - //titulo da nova camada  
628 - title: ""  
629 - },  
630 - //simbolo que sera utilizado para desenhar os elementos inseridos  
631 - symbol: {  
632 - //codigo do simbolo conforme definido em i3geo/symbols  
633 - name: "",  
634 - //em rgb, exemplo "0 255 0"  
635 - color: "",  
636 - //em pixels  
637 - size: ""  
638 - },  
639 - //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps  
640 - kml: {  
641 - url: ""  
642 - },  
643 - //endereco de um WMS (sera incluido como uma camada no mapa)  
644 - wms: {  
645 - url: "",  
646 - layer: "",  
647 - style: "",  
648 - title: "",  
649 - srs: "",  
650 - imagetype: "",  
651 - version: ""  
652 - },  
653 - //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao  
654 - //do mapserver, exemplo  
655 - //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}  
656 - filters: [{  
657 - layer: "",  
658 - expression: ""  
659 - }]  
660 - };  
661 - var config = {  
662 - //id do elemento HTML onde o corpo do mapa sera renderizado  
663 - mapBody : "mapai3Geo",  
664 - //tipo de mapa. Pode ser:  
665 - //OL - utiliza o OpenLayers e coordenadas geograficas  
666 - //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps  
667 - //GM - utiliza o GoogleMaps como motor de controle do mapa  
668 - mapType : "GM",  
669 - //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto  
670 - saveExtension : true,  
671 - //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal  
672 - posRenderType : "",  
673 - //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX  
674 - //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"  
675 - i3GeoServer : "",  
676 - //Funcao que sera executada apos a inicializacao do mapa  
677 - afterStart : function(){  
678 - $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});  
679 - $('.iconeGuiaMovel').tooltip('show');  
680 - //setTimeout(function() {  
681 - // $('.iconeGuiaMovel').tooltip('destroy');  
682 - //}, 30000);  
683 - //i3GEO.maparef.inicia();  
684 - //  
685 - //(largura, altura, topo, esquerda);  
686 - //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);  
687 - //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150); 698 + //abre a legenda do mapa em uma janela flutuante
  699 + //i3GEO.legenda.inicia({
  700 + //"idLegenda": "legendaHtml",
  701 + //"templateLegenda": "templates/legenda.html",
  702 + //"janela": true
  703 + //});
  704 + },
  705 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  706 + components : {
  707 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  708 + info: true,
  709 + //template mustache usado para o balao de info
  710 + //se for vazio, utiliza o default interface/templates/info.html
  711 + infoTemplate: "",
  712 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  713 + info: true,
  714 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  715 + idsMenus : [],
  716 + //webservice utilizado na opcao de encontrar lugares
  717 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  718 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  719 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  720 + //posicao do mapa de referencia, em pixels [top,right]
  721 + referenceMapPosition : [4,120],
  722 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  723 + tooltip : {
  724 + //o resultado sera mostrado em uma janela do tipo modal
  725 + modal : false,
  726 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  727 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  728 + //use apenas se modal for true
  729 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  730 + url: "",
  731 + //template que sera usado para compor o resultado da busca de dados
  732 + //se for vazio, serao utilizadas as outras opcoes
  733 + //se contiver a string {{{url}}} a mesma sera substituida por url
  734 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  735 + templateModal: "",
  736 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  737 + simple: true,
  738 + removeAoAdicionar : true,
  739 + //parametros exclusivos da interface openlayers
  740 + autoPan : true,
  741 + autoPanAnimation : {
  742 + duration : 250
  743 + },
  744 + minWidth : '200px',
  745 + //Altura e largura do tooltip (balao)
  746 + toolTipSize : ["100px","200px"]
  747 + },
  748 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  749 + scrollBar: {
  750 + theme: "inset-2",
  751 + axis: "yx",
  752 + scrollbarPosition: "inside",
  753 + scrollButtons:{ enable: true },
  754 + advanced:{ autoExpandHorizontalScroll: true }
  755 + }
  756 + },
  757 + //parametros de configuracao das ferramentas que sao acionadas sob demanda
  758 + //ferramentas localizadas em i3geo/ferramentas
  759 + tools : {
  760 + //ferramenta de busca de camadas em um servico CSW
  761 + buscainde : {
  762 + //endereco do servico no padrao CSW
  763 + csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
  764 + },
  765 + //ferramenta de identificacao
  766 + identifica : {
  767 + //resolucao em pixels para busca de elementos
  768 + resolution : 8
  769 + }
  770 + },
  771 + //configuracoes especificas para a interface que utiliza o OpenLayers
  772 + openLayers : {
  773 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  774 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  775 + singleTile : false,
  776 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  777 + MapOptions : {
  778 + layers : [],
  779 + controls : [
688 780
689 - //abre a legenda do mapa em uma janela flutuante  
690 - //i3GEO.legenda.inicia({  
691 - //"idLegenda": "legendaHtml",  
692 - //"templateLegenda": "templates/legenda.html",  
693 - //"janela": true  
694 - //});  
695 - },  
696 - //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas  
697 - components : {  
698 - //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa  
699 - info: true,  
700 - //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas  
701 - idsMenus : [],  
702 - //webservice utilizado na opcao de encontrar lugares  
703 - searchService : "http://mapas.mma.gov.br/webservices/geonames.php",  
704 - //webservice wms que faz a apresentacao do lugar encontrado por searchService  
705 - searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",  
706 - //posicao do mapa de referencia, em pixels [top,right]  
707 - referenceMapPosition : [4,120],  
708 - //propriedades do balao de informacoes mostrado quando o usuario clica no mapa  
709 - tooltip : {  
710 - //o resultado sera mostrado em uma janela do tipo modal  
711 - modal : false,  
712 - //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.  
713 - //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau  
714 - //use apenas se modal for true  
715 - //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?  
716 - url: "",  
717 - //template que sera usado para compor o resultado da busca de dados  
718 - //se for vazio, serao utilizadas as outras opcoes  
719 - //se contiver a string {{{url}}} a mesma sera substituida por url  
720 - //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"  
721 - templateModal: "",  
722 - //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada  
723 - simple: true,  
724 - removeAoAdicionar : true,  
725 - //parametros exclusivos da interface openlayers  
726 - autoPan : true,  
727 - autoPanAnimation : {  
728 - duration : 250  
729 - },  
730 - minWidth : '200px',  
731 - //Altura e largura do tooltip (balao)  
732 - toolTipSize : ["100px","200px"]  
733 - }  
734 - },  
735 - //parametros de configuracao das ferramentas que sao acionadas sob demanda  
736 - //ferramentas localizadas em i3geo/ferramentas  
737 - tools : {  
738 - //ferramenta de busca de camadas em um servico CSW  
739 - buscainde : {  
740 - //endereco do servico no padrao CSW  
741 - csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"  
742 - },  
743 - //ferramenta de identificacao  
744 - identifica : {  
745 - //resolucao em pixels para busca de elementos  
746 - resolution : 8  
747 - }  
748 - },  
749 - //configuracoes especificas para a interface que utiliza o OpenLayers  
750 - openLayers : {  
751 - //utiliza ou nao tiles ao renderizar as camadas do mapa  
752 - //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas  
753 - singleTile : false,  
754 - //opcoes de inicializacao do mapa conforme definido na API do OpenLayers  
755 - MapOptions : {  
756 - layers : [],  
757 - controls : [  
758 - ],  
759 - loadTilesWhileAnimating : true,  
760 - loadTilesWhileInteracting : true,  
761 - //os objetos devem ser comentados na interface googleMaps  
762 - interactions : [  
763 - ]  
764 - },  
765 - //opcoes para o objeto view, que e uma instancia de MapOptions  
766 - ViewOptions : { 781 + ],
  782 + loadTilesWhileAnimating : true,
  783 + loadTilesWhileInteracting : true,
  784 + //os objetos devem ser comentados na interface googleMaps
  785 + interactions : [
  786 + ]
  787 + },
  788 + //opcoes para o objeto view, que e uma instancia de MapOptions
  789 + ViewOptions : {
767 790
768 - }  
769 - },  
770 - //configuracoes especificas para a interface GoogleMaps  
771 - googleMaps : {  
772 - //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps  
773 - MapOptions : {  
774 - //estilo que sera utilizado no mapa  
775 - //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled  
776 - //ver i3GEO.Interface.googleMaps.ESTILOS  
777 - mapTypeId : "roadmap",  
778 - scaleControl : true,  
779 - mapTypeControl : true,  
780 - mapTypeControlOptions: {  
781 - position : google.maps.ControlPosition.LEFT_BOTTOM  
782 - },  
783 - zoomControl:true,  
784 - zoomControlOptions: {  
785 - style : google.maps.ZoomControlStyle.SMALL,  
786 - position : google.maps.ControlPosition.LEFT_CENTER  
787 - },  
788 - streetViewControl : true,  
789 - streetViewControlOptions: {  
790 - position : google.maps.ControlPosition.LEFT_CENTER  
791 - }  
792 - }  
793 - }  
794 - };  
795 - //  
796 - //inicia o mapa  
797 - //Veja tambem config.php  
798 - //  
799 - //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa  
800 - //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa  
801 - //  
802 - i3GEO.init(parametrosMapa,config);  
803 - })();  
804 - </script> 791 + }
  792 + },
  793 + //configuracoes especificas para a interface GoogleMaps
  794 + googleMaps : {
  795 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  796 + MapOptions : {
  797 + //estilo que sera utilizado no mapa
  798 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  799 + //ver i3GEO.Interface.googleMaps.ESTILOS
  800 + mapTypeId : "roadmap",
  801 + scaleControl : true,
  802 + mapTypeControl : true,
  803 + mapTypeControlOptions: {
  804 + position : google.maps.ControlPosition.LEFT_BOTTOM
  805 + },
  806 + zoomControl:true,
  807 + zoomControlOptions: {
  808 + style : google.maps.ZoomControlStyle.SMALL,
  809 + position : google.maps.ControlPosition.LEFT_CENTER
  810 + },
  811 + streetViewControl : true,
  812 + streetViewControlOptions: {
  813 + position : google.maps.ControlPosition.LEFT_CENTER
  814 + }
  815 + }
  816 + }
  817 + };
  818 + //
  819 + //inicia o mapa
  820 + //Veja tambem config.php
  821 + //
  822 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  823 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  824 + //
  825 + i3GEO.init(parametrosMapa,config);
  826 + })();
  827 + </script>
805 </body> 828 </body>
806 829
807 </html> 830 </html>
interface/gmdebug.phtml
  Diff comments   View file @b367e03
@@ -15,7 +15,7 @@ include(&quot;../ms_configura.php&quot;); @@ -15,7 +15,7 @@ include(&quot;../ms_configura.php&quot;);
15 <!-- lista com os links que serao mostrados na guia ferramentas --> 15 <!-- lista com os links que serao mostrados na guia ferramentas -->
16 <script src="../js/listaDeFerramentas.js"></script> 16 <script src="../js/listaDeFerramentas.js"></script>
17 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) --> 17 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
18 -<script src="config.php?tipo=OL"></script> 18 +<script src="config.php?tipo=GM"></script>
19 19
20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> 20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
21 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css"> 21 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
@@ -61,10 +61,7 @@ include(&quot;../ms_configura.php&quot;); @@ -61,10 +61,7 @@ include(&quot;../ms_configura.php&quot;);
61 --> 61 -->
62 <div id="mapai3Geo" > 62 <div id="mapai3Geo" >
63 </div> 63 </div>
64 - <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->  
65 - <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">  
66 - <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >  
67 - </form> 64 +
68 65
69 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse --> 66 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
70 <div class="localizarxy fundoRodape hidden-xs hidden-sm" > 67 <div class="localizarxy fundoRodape hidden-xs hidden-sm" >
@@ -165,14 +162,14 @@ include(&quot;../ms_configura.php&quot;); @@ -165,14 +162,14 @@ include(&quot;../ms_configura.php&quot;);
165 <!-- configuracao para todos os botoes 162 <!-- configuracao para todos os botoes
166 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 163 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
167 --> 164 -->
168 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);"> 165 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
169 <!-- ferramentas 166 <!-- ferramentas
170 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 167 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
171 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 168 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
172 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior 169 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
173 --> 170 -->
174 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
175 - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 171 + <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  172 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
176 <i class="material-icons">business_center</i> 173 <i class="material-icons">business_center</i>
177 </button> 174 </button>
178 </div> 175 </div>
@@ -183,8 +180,8 @@ include(&quot;../ms_configura.php&quot;); @@ -183,8 +180,8 @@ include(&quot;../ms_configura.php&quot;);
183 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende 180 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
184 do metadata existente na camada. Deixe vazio para nao ativar a operacao. 181 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
185 --> 182 -->
186 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
187 - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 183 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  184 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
188 <i class="material-icons"><i class="material-icons">visibility</i></i> 185 <i class="material-icons"><i class="material-icons">visibility</i></i>
189 </button> 186 </button>
190 </div> 187 </div>
@@ -197,30 +194,30 @@ include(&quot;../ms_configura.php&quot;); @@ -197,30 +194,30 @@ include(&quot;../ms_configura.php&quot;);
197 Variaveis javascript: 194 Variaveis javascript:
198 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio. 195 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
199 --> 196 -->
200 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
201 - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 197 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  198 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
202 <i class="material-icons">layers</i> 199 <i class="material-icons">layers</i>
203 </button> 200 </button>
204 </div> 201 </div>
205 <!-- legenda --> 202 <!-- legenda -->
206 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
207 - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 203 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  204 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
208 <i class="material-icons">view_list</i> 205 <i class="material-icons">view_list</i>
209 </button> 206 </button>
210 </div> 207 </div>
211 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
212 - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 208 + <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  209 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
213 <i class="material-icons">compare_arrows</i> 210 <i class="material-icons">compare_arrows</i>
214 </button> 211 </button>
215 </div> 212 </div>
216 <!-- Busca --> 213 <!-- Busca -->
217 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
218 - <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 214 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  215 + <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
219 <i class="material-icons">search</i> 216 <i class="material-icons">search</i>
220 </button> 217 </button>
221 </div> 218 </div>
222 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
223 - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 219 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  220 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
224 <i class="material-icons">location_on</i> 221 <i class="material-icons">location_on</i>
225 </button> 222 </button>
226 </div> 223 </div>
@@ -239,25 +236,27 @@ include(&quot;../ms_configura.php&quot;); @@ -239,25 +236,27 @@ include(&quot;../ms_configura.php&quot;);
239 <div id="i3GEOguiaMovelConteudo" > 236 <div id="i3GEOguiaMovelConteudo" >
240 <!-- camadas existentes no mapa --> 237 <!-- camadas existentes no mapa -->
241 <div id='guia1obj' data-traduzir="true" style='display: none;'> 238 <div id='guia1obj' data-traduzir="true" style='display: none;'>
242 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeMapa}}}</span>X</div> 239 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  240 + <span class="pull-left">{{{iconeMapa}}}</span>X</div>
243 <div class="separadorCabecalhoGuias">&nbsp;</div> 241 <div class="separadorCabecalhoGuias">&nbsp;</div>
244 - <div class="noprint" >  
245 - <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">  
246 - {{{opcoes}}}  
247 - <span class="caret"></span>  
248 - </a>  
249 - <ul class="dropdown-menu">  
250 - <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>  
251 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>  
252 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>  
253 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>  
254 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>  
255 - <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>  
256 - <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>  
257 - <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>  
258 - <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>  
259 - </ul> 242 + <div class="list-group condensed noprint" >
  243 + <label>{{{opcoes}}}</label>
  244 + <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  245 + <span class="caret"></span>
  246 + </a>
  247 + <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
  248 + <p><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></p>
  249 + <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></p>
  250 + <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></p>
  251 + <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></p>
  252 + <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></p>
  253 + <p><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></p>
  254 + <p><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></p>
  255 + <p><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></p>
  256 + <p><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></p>
  257 + </div>
260 </div> 258 </div>
  259 + <hr>
261 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 260 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
262 <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div> 261 <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
263 <!-- Esta div acrescenta a lista de de camadas de fundo 262 <!-- Esta div acrescenta a lista de de camadas de fundo
@@ -286,48 +285,48 @@ include(&quot;../ms_configura.php&quot;); @@ -286,48 +285,48 @@ include(&quot;../ms_configura.php&quot;);
286 <div id="catalogoNavegacao"></div> 285 <div id="catalogoNavegacao"></div>
287 <!-- Opcoes --> 286 <!-- Opcoes -->
288 <div id="catalogoPrincipal"> 287 <div id="catalogoPrincipal">
289 - <div class="noprint" >  
290 - <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">  
291 - {{{opcoes}}}  
292 - <span class="caret"></span>  
293 - </a>  
294 - <ul class="dropdown-menu">  
295 - <li> 288 + <div class="list-group condensed noprint" >
  289 + <label>{{{opcoes}}}</label>
  290 + <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  291 + <span class="caret"></span>
  292 + </a>
  293 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  294 + <p>
296 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a> 295 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
297 - </li>  
298 -  
299 - <li> 296 + </p>
  297 + <p>
300 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> --> 298 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
301 - </li>  
302 - <li class="divider"></li>  
303 - <li> 299 + </p>
  300 + <li class="divider"></p>
  301 + <p>
304 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a> 302 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
305 - </li>  
306 - <li> 303 + </p>
  304 + <p>
307 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a> 305 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
308 - </li>  
309 - <li> 306 + </p>
  307 + <p>
310 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a> 308 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
311 - </li>  
312 - <li> 309 + </p>
  310 + <p>
313 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a> 311 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
314 - </li>  
315 - <li> 312 + </p>
  313 + <p>
316 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> --> 314 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
317 - </li>  
318 - <li> 315 + </p>
  316 + <p>
319 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> --> 317 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
320 - </li>  
321 - <li> 318 + </p>
  319 + <p>
322 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a> 320 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
323 - </li>  
324 - <li> 321 + </p>
  322 + <p>
325 <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a> 323 <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
326 - </li>  
327 - <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
328 - </li>  
329 - </ul> 324 + </p>
  325 + <p><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  326 + </p>
  327 + </div>
330 </div> 328 </div>
  329 + <hr>
331 <!-- busca tema no catalogo 330 <!-- busca tema no catalogo
332 <div class="form-group label-floating"> 331 <div class="form-group label-floating">
333 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label> 332 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
@@ -555,13 +554,12 @@ include(&quot;../ms_configura.php&quot;); @@ -555,13 +554,12 @@ include(&quot;../ms_configura.php&quot;);
555 </div> 554 </div>
556 </div> 555 </div>
557 </div> 556 </div>
558 - <!-- para mostrar o banner de abertura, basta ter esse ID --> 557 + <!-- para mostrar o banner de abertura -->
559 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 558 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
560 <div> 559 <div>
561 <table> 560 <table>
562 <tr> 561 <tr>
563 <td> 562 <td>
564 -  
565 <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas 563 <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
566 interativos e geoprocessamento</h4> 564 interativos e geoprocessamento</h4>
567 <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o 565 <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
@@ -576,7 +574,10 @@ include(&quot;../ms_configura.php&quot;); @@ -576,7 +574,10 @@ include(&quot;../ms_configura.php&quot;);
576 </div> 574 </div>
577 </script> 575 </script>
578 <script> 576 <script>
  577 + //ativa o banner de inicializacao
  578 + i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
579 (function() { 579 (function() {
  580 + //parametros aplicados na criacao do arquivo mapfile
580 var parametrosMapa = { 581 var parametrosMapa = {
581 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...) 582 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
582 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa 583 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -656,7 +657,9 @@ include(&quot;../ms_configura.php&quot;); @@ -656,7 +657,9 @@ include(&quot;../ms_configura.php&quot;);
656 filters: [{ 657 filters: [{
657 layer: "", 658 layer: "",
658 expression: "" 659 expression: ""
659 - }] 660 + }],
  661 + //id de um mapa salvo e que sera recuperado
  662 + restoreMapId : ""
660 }; 663 };
661 var config = { 664 var config = {
662 //id do elemento HTML onde o corpo do mapa sera renderizado 665 //id do elemento HTML onde o corpo do mapa sera renderizado
@@ -673,10 +676,16 @@ include(&quot;../ms_configura.php&quot;); @@ -673,10 +676,16 @@ include(&quot;../ms_configura.php&quot;);
673 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX 676 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
674 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo" 677 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
675 i3GeoServer : "", 678 i3GeoServer : "",
  679 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  680 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  681 + //se for vazio, sera utilizado o valor definido no LAYER original
  682 + //Nao se aplica na interface googlemaps
  683 + layerOpacity: "",
676 //Funcao que sera executada apos a inicializacao do mapa 684 //Funcao que sera executada apos a inicializacao do mapa
677 afterStart : function(){ 685 afterStart : function(){
678 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"}); 686 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
679 $('.iconeGuiaMovel').tooltip('show'); 687 $('.iconeGuiaMovel').tooltip('show');
  688 + $("#i3GEOguiaMovelConteudo").mCustomScrollbar({scrollbarPosition: "outside",theme:"inset-2-dark"});
680 //setTimeout(function() { 689 //setTimeout(function() {
681 // $('.iconeGuiaMovel').tooltip('destroy'); 690 // $('.iconeGuiaMovel').tooltip('destroy');
682 //}, 30000); 691 //}, 30000);
@@ -693,10 +702,15 @@ include(&quot;../ms_configura.php&quot;); @@ -693,10 +702,15 @@ include(&quot;../ms_configura.php&quot;);
693 //"janela": true 702 //"janela": true
694 //}); 703 //});
695 }, 704 },
696 - //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas 705 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
697 components : { 706 components : {
698 //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa 707 //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
699 info: true, 708 info: true,
  709 + //template mustache usado para o balao de info
  710 + //se for vazio, utiliza o default interface/templates/info.html
  711 + infoTemplate: "",
  712 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  713 + info: true,
700 //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas 714 //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
701 idsMenus : [], 715 idsMenus : [],
702 //webservice utilizado na opcao de encontrar lugares 716 //webservice utilizado na opcao de encontrar lugares
@@ -730,6 +744,14 @@ include(&quot;../ms_configura.php&quot;); @@ -730,6 +744,14 @@ include(&quot;../ms_configura.php&quot;);
730 minWidth : '200px', 744 minWidth : '200px',
731 //Altura e largura do tooltip (balao) 745 //Altura e largura do tooltip (balao)
732 toolTipSize : ["100px","200px"] 746 toolTipSize : ["100px","200px"]
  747 + },
  748 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  749 + scrollBar: {
  750 + theme: "inset-2",
  751 + axis: "yx",
  752 + scrollbarPosition: "inside",
  753 + scrollButtons:{ enable: true },
  754 + advanced:{ autoExpandHorizontalScroll: true }
733 } 755 }
734 }, 756 },
735 //parametros de configuracao das ferramentas que sao acionadas sob demanda 757 //parametros de configuracao das ferramentas que sao acionadas sob demanda
@@ -755,6 +777,7 @@ include(&quot;../ms_configura.php&quot;); @@ -755,6 +777,7 @@ include(&quot;../ms_configura.php&quot;);
755 MapOptions : { 777 MapOptions : {
756 layers : [], 778 layers : [],
757 controls : [ 779 controls : [
  780 +
758 ], 781 ],
759 loadTilesWhileAnimating : true, 782 loadTilesWhileAnimating : true,
760 loadTilesWhileInteracting : true, 783 loadTilesWhileInteracting : true,
interface/googlemaps_noite.phtml
  Diff comments   View file @b367e03
@@ -7,15 +7,15 @@ include(&quot;../ms_configura.php&quot;); @@ -7,15 +7,15 @@ include(&quot;../ms_configura.php&quot;);
7 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> 7 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
8 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 8 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
9 <meta name="viewport" 9 <meta name="viewport"
10 - content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> 10 + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
11 <title>i3GEO - GM</title> 11 <title>i3GEO - GM</title>
12 <script type="text/javascript" 12 <script type="text/javascript"
13 - src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script> 13 + src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>
14 <script src="../js/i3geo.js"></script> 14 <script src="../js/i3geo.js"></script>
15 <!-- lista com os links que serao mostrados na guia ferramentas --> 15 <!-- lista com os links que serao mostrados na guia ferramentas -->
16 <script src="../js/listaDeFerramentas.js"></script> 16 <script src="../js/listaDeFerramentas.js"></script>
17 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) --> 17 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
18 -<script src="config.php?tipo=OL"></script> 18 +<script src="config.php?tipo=GM"></script>
19 19
20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> 20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
21 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css"> 21 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
@@ -26,10 +26,10 @@ include(&quot;../ms_configura.php&quot;); @@ -26,10 +26,10 @@ include(&quot;../ms_configura.php&quot;);
26 26
27 27
28 .ol-attribution.ol-uncollapsible { 28 .ol-attribution.ol-uncollapsible {
29 - height: 2.1em;  
30 - right: 24px;  
31 - background: none;  
32 - margin-bottom: 15px; 29 + height: 2.1em;
  30 + right: 24px;
  31 + background: none;
  32 + margin-bottom: 15px;
33 } 33 }
34 34
35 .ol-i3GEOcontrols { 35 .ol-i3GEOcontrols {
@@ -39,749 +39,792 @@ include(&quot;../ms_configura.php&quot;); @@ -39,749 +39,792 @@ include(&quot;../ms_configura.php&quot;);
39 } 39 }
40 40
41 .escalanumerica { 41 .escalanumerica {
42 - margin-left: 112px;  
43 - bottom:40px; 42 + margin-left: 112px;
  43 + bottom:40px;
44 } 44 }
45 45
46 .localizarxy { 46 .localizarxy {
47 - bottom:5px; 47 + bottom:5px;
48 } 48 }
49 </style> 49 </style>
50 </head> 50 </head>
51 - <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js  
52 - Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor  
53 - --> 51 + <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  52 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  53 + -->
54 <body id="i3geo" style='background: white;'> 54 <body id="i3geo" style='background: white;'>
55 - <!-- inclui o nome do usuario logado  
56 - <div id="i3GEONomeLogin"  
57 - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>  
58 - -->  
59 - <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps  
60 - Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda  
61 - -->  
62 - <div id="mapai3Geo" >  
63 - </div>  
64 - <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->  
65 - <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">  
66 - <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >  
67 - </form> 55 + <!-- inclui o nome do usuario logado
  56 + <div id="i3GEONomeLogin"
  57 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  58 + -->
  59 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
  60 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  61 + -->
  62 + <div id="mapai3Geo" >
  63 + </div>
68 64
69 - <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->  
70 - <div class="localizarxy fundoRodape hidden-xs hidden-sm" >  
71 - <div class="i3GeoMascaraCoord" style="display: block;">  
72 - <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">  
73 - <option>DMS:</option>  
74 - <option value="janela">janela</option>  
75 - <option value="geoProj">DMS</option>  
76 - <option value="dd">Dec. de grau</option>  
77 - <option value="geohash">GeoHash</option>  
78 - <option value="policonicaSad69">Polic SAD-69</option>  
79 - <option value="utmSad69Proj">UTM Sad-69</option>  
80 - <option value="utmSirgas2000Proj">UTM Sirgas</option>  
81 - </select>  
82 - </div>  
83 - <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">  
84 - X:  
85 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
86 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
87 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
88 - Y:  
89 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
90 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
91 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
92 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">  
93 - </div>  
94 - <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
95 - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
96 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">  
97 - </div>  
98 - <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
99 - GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
100 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">  
101 - </div>  
102 - <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
103 - X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
104 - Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">  
105 - </div>  
106 - <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
107 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
108 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
109 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">  
110 - </div>  
111 - <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
112 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
113 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
114 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">  
115 - </div>  
116 - </div>  
117 - <!-- barra de icones de navegacao -->  
118 - <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">  
119 - <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">  
120 - <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->  
121 - <i class="material-icons">public</i>  
122 - </button>  
123 - <button onclick="i3GEO.Interface.zoomli()" style="float: left;">  
124 - <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->  
125 - <i class="material-icons">zoom_in</i>  
126 - </button>  
127 - <br>  
128 - <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">  
129 - <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->  
130 - <i class="material-icons">undo</i>  
131 - </button>  
132 - <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">  
133 - <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->  
134 - <i class="material-icons">redo</i>  
135 - </button>  
136 - <br>  
137 - <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">  
138 - <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->  
139 - <i class="material-icons">grid_on</i>  
140 - </button>  
141 - <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">  
142 - <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->  
143 - <i class="material-icons">bookmark_border</i>  
144 - </button>  
145 - <br>  
146 - <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">  
147 - <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->  
148 - <i class="material-icons">picture_in_picture</i>  
149 - </button>  
150 - </div>  
151 - <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->  
152 - <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
153 - <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">  
154 - </div>  
155 - </div>  
156 - <!--barra de aguarde id="i3GEObarraAguarde" -->  
157 - <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
158 - <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">  
159 - </div>  
160 - </div>  
161 - <!-- mensagem de copyright -->  
162 - <div id="i3GEOcopyright">i3Geo</div>  
163 - <!-- botoes laterais que abrem guias moveis -->  
164 - <div id="i3GEOguiaMovel" >  
165 - <!-- configuracao para todos os botoes  
166 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
167 - -->  
168 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">  
169 - <!-- ferramentas  
170 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
171 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
172 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
173 - -->  
174 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
175 - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
176 - <i class="material-icons">business_center</i>  
177 - </button>  
178 - </div>  
179 - <!-- temas existentes no mapa  
180 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
181 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
182 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
183 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
184 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
185 - -->  
186 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
187 - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
188 - <i class="material-icons"><i class="material-icons">visibility</i></i>  
189 - </button>  
190 - </div>  
191 - <!-- catalogo de adicao de temas ao mapa  
192 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
193 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
194 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
195 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo  
196 65
197 - Variaveis javascript:  
198 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
199 - -->  
200 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
201 - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
202 - <i class="material-icons">layers</i>  
203 - </button>  
204 - </div>  
205 - <!-- legenda -->  
206 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
207 - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
208 - <i class="material-icons">view_list</i>  
209 - </button>  
210 - </div>  
211 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
212 - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
213 - <i class="material-icons">compare_arrows</i>  
214 - </button>  
215 - </div>  
216 - <!-- Busca -->  
217 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
218 - <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
219 - <i class="material-icons">search</i>  
220 - </button>  
221 - </div>  
222 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
223 - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">  
224 - <i class="material-icons">location_on</i>  
225 - </button>  
226 - </div>  
227 - <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem  
228 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
229 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">  
230 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
231 - </button>  
232 - </div>  
233 - -->  
234 - </div>  
235 - <!-- veja i3GEO.guias.CONFIGURA -->  
236 - <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->  
237 - <!-- se height nao estiver definido sera utilizada a altura do mapa -->  
238 - <div id="i3GEOguiaMovelMolde" >  
239 - <div id="i3GEOguiaMovelConteudo" >  
240 - <!-- camadas existentes no mapa -->  
241 - <div id='guia1obj' data-traduzir="true" style='display: none;'>  
242 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeMapa}}}</span>X</div>  
243 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
244 - <div class="noprint" >  
245 - <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">  
246 - {{{opcoes}}}  
247 - <span class="caret"></span>  
248 - </a>  
249 - <ul class="dropdown-menu">  
250 - <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>  
251 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>  
252 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>  
253 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>  
254 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>  
255 - <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>  
256 - <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>  
257 - <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>  
258 - <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>  
259 - </ul>  
260 - </div>  
261 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
262 - <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>  
263 - <!-- Esta div acrescenta a lista de de camadas de fundo  
264 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
265 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
266 - no programa interface/config.php  
267 - -->  
268 - <div class="list-group condensed">  
269 - <label>Camadas de fundo</label>  
270 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >  
271 - <span class="caret"></span>  
272 - </a>  
273 - <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">  
274 - <form>  
275 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
276 - </form>  
277 - </div>  
278 - </div>  
279 - </div>  
280 - <!-- Catalogo de temas -->  
281 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>  
282 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>  
283 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
284 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
285 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
286 - <div id="catalogoNavegacao"></div>  
287 - <!-- Opcoes -->  
288 - <div id="catalogoPrincipal">  
289 - <div class="noprint" >  
290 - <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">  
291 - {{{opcoes}}}  
292 - <span class="caret"></span>  
293 - </a>  
294 - <ul class="dropdown-menu">  
295 - <li>  
296 - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>  
297 - </li> 66 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  67 + <div class="localizarxy fundoRodape hidden-xs hidden-sm" >
  68 + <div class="i3GeoMascaraCoord" style="display: block;">
  69 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  70 + <option>DMS:</option>
  71 + <option value="janela">janela</option>
  72 + <option value="geoProj">DMS</option>
  73 + <option value="dd">Dec. de grau</option>
  74 + <option value="geohash">GeoHash</option>
  75 + <option value="policonicaSad69">Polic SAD-69</option>
  76 + <option value="utmSad69Proj">UTM Sad-69</option>
  77 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  78 + </select>
  79 + </div>
  80 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
  81 + X:
  82 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  83 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  84 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  85 + Y:
  86 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  87 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  88 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  89 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  90 + </div>
  91 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  92 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  93 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  94 + </div>
  95 + <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  96 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  97 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  98 + </div>
  99 + <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  100 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  101 + Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
  102 + </div>
  103 + <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  104 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  105 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  106 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  107 + </div>
  108 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  109 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  110 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  111 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  112 + </div>
  113 + </div>
  114 + <!-- barra de icones de navegacao -->
  115 + <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  116 + <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  117 + <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
  118 + <i class="material-icons">public</i>
  119 + </button>
  120 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  121 + <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
  122 + <i class="material-icons">zoom_in</i>
  123 + </button>
  124 + <br>
  125 + <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  126 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
  127 + <i class="material-icons">undo</i>
  128 + </button>
  129 + <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  130 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
  131 + <i class="material-icons">redo</i>
  132 + </button>
  133 + <br>
  134 + <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
  135 + <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
  136 + <i class="material-icons">grid_on</i>
  137 + </button>
  138 + <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  139 + <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
  140 + <i class="material-icons">bookmark_border</i>
  141 + </button>
  142 + <br>
  143 + <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
  144 + <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
  145 + <i class="material-icons">picture_in_picture</i>
  146 + </button>
  147 + </div>
  148 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  149 + <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  150 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
  151 + </div>
  152 + </div>
  153 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  154 + <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  155 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
  156 + </div>
  157 + </div>
  158 + <!-- mensagem de copyright -->
  159 + <div id="i3GEOcopyright">i3Geo</div>
  160 + <!-- botoes laterais que abrem guias moveis -->
  161 + <div id="i3GEOguiaMovel" >
  162 + <!-- configuracao para todos os botoes
  163 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  164 + -->
  165 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
  166 + <!-- ferramentas
  167 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  168 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  169 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  170 + -->
  171 + <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  172 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  173 + <i class="material-icons">business_center</i>
  174 + </button>
  175 + </div>
  176 + <!-- temas existentes no mapa
  177 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  178 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  179 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  180 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  181 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  182 + -->
  183 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  184 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  185 + <i class="material-icons"><i class="material-icons">visibility</i></i>
  186 + </button>
  187 + </div>
  188 + <!-- catalogo de adicao de temas ao mapa
  189 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  190 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  191 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  192 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
298 193
299 - <li>  
300 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->  
301 - </li>  
302 - <li class="divider"></li>  
303 - <li>  
304 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>  
305 - </li>  
306 - <li>  
307 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
308 - </li>  
309 - <li>  
310 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
311 - </li>  
312 - <li>  
313 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
314 - </li>  
315 - <li>  
316 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->  
317 - </li>  
318 - <li>  
319 - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->  
320 - </li>  
321 - <li>  
322 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
323 - </li>  
324 - <li>  
325 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>  
326 - </li>  
327 - <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
328 - </li>  
329 - </ul>  
330 - </div>  
331 - <!-- busca tema no catalogo  
332 - <div class="form-group label-floating">  
333 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
334 - <div class="input-group">  
335 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
336 - <span class="input-group-btn">  
337 - <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
338 - <span class="material-icons ">send</span>  
339 - </a>  
340 - </span>  
341 - </div>  
342 - </div>  
343 - -->  
344 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona  
345 - Nessa funcao ficam tambem os parametros:  
346 - "idOndeMenus": "catalogoMenus",  
347 - "idCatalogoPrincipal": "catalogoPrincipal",  
348 - "idCatalogoNavegacao": "catalogoNavegacao",  
349 - "idOndeMigalha": "catalogoMigalha"  
350 - -->  
351 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 194 + Variaveis javascript:
  195 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  196 + -->
  197 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  198 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  199 + <i class="material-icons">layers</i>
  200 + </button>
  201 + </div>
  202 + <!-- legenda -->
  203 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  204 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  205 + <i class="material-icons">view_list</i>
  206 + </button>
  207 + </div>
  208 + <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  209 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  210 + <i class="material-icons">compare_arrows</i>
  211 + </button>
  212 + </div>
  213 + <!-- Busca -->
  214 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  215 + <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  216 + <i class="material-icons">search</i>
  217 + </button>
  218 + </div>
  219 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  220 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
  221 + <i class="material-icons">location_on</i>
  222 + </button>
  223 + </div>
  224 + <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
  225 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  226 + <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
  227 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  228 + </button>
  229 + </div>
  230 + -->
  231 + </div>
  232 + <!-- veja i3GEO.guias.CONFIGURA -->
  233 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  234 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  235 + <div id="i3GEOguiaMovelMolde" >
  236 + <div id="i3GEOguiaMovelConteudo" >
  237 + <!-- camadas existentes no mapa -->
  238 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  239 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  240 + <span class="pull-left">{{{iconeMapa}}}</span>X</div>
  241 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  242 + <div class="list-group condensed noprint" >
  243 + <label>{{{opcoes}}}</label>
  244 + <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  245 + <span class="caret"></span>
  246 + </a>
  247 + <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
  248 + <p><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></p>
  249 + <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></p>
  250 + <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></p>
  251 + <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></p>
  252 + <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></p>
  253 + <p><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></p>
  254 + <p><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></p>
  255 + <p><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></p>
  256 + <p><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></p>
  257 + </div>
  258 + </div>
  259 + <hr>
  260 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  261 + <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
  262 + <!-- Esta div acrescenta a lista de de camadas de fundo
  263 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  264 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  265 + no programa interface/config.php
  266 + -->
  267 + <div class="list-group condensed">
  268 + <label>Camadas de fundo</label>
  269 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  270 + <span class="caret"></span>
  271 + </a>
  272 + <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
  273 + <form>
  274 + <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
  275 + </form>
  276 + </div>
  277 + </div>
  278 + </div>
  279 + <!-- Catalogo de temas -->
  280 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
  281 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>
  282 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  283 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  284 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  285 + <div id="catalogoNavegacao"></div>
  286 + <!-- Opcoes -->
  287 + <div id="catalogoPrincipal">
  288 + <div class="list-group condensed noprint" >
  289 + <label>{{{opcoes}}}</label>
  290 + <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  291 + <span class="caret"></span>
  292 + </a>
  293 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  294 + <p>
  295 + <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
  296 + </p>
  297 + <p>
  298 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
  299 + </p>
  300 + <li class="divider"></p>
  301 + <p>
  302 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
  303 + </p>
  304 + <p>
  305 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  306 + </p>
  307 + <p>
  308 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  309 + </p>
  310 + <p>
  311 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  312 + </p>
  313 + <p>
  314 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
  315 + </p>
  316 + <p>
  317 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
  318 + </p>
  319 + <p>
  320 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  321 + </p>
  322 + <p>
  323 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
  324 + </p>
  325 + <p><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  326 + </p>
  327 + </div>
  328 + </div>
  329 + <hr>
  330 + <!-- busca tema no catalogo
  331 + <div class="form-group label-floating">
  332 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  333 + <div class="input-group">
  334 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  335 + <span class="input-group-btn">
  336 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  337 + <span class="material-icons ">send</span>
  338 + </a>
  339 + </span>
  340 + </div>
  341 + </div>
  342 + -->
  343 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  344 + Nessa funcao ficam tambem os parametros:
  345 + "idOndeMenus": "catalogoMenus",
  346 + "idCatalogoPrincipal": "catalogoPrincipal",
  347 + "idCatalogoNavegacao": "catalogoNavegacao",
  348 + "idOndeMigalha": "catalogoMigalha"
  349 + -->
  350 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
352 351
353 - <div id="arvoreAdicionaTema"></div> 352 + <div id="arvoreAdicionaTema"></div>
354 353
355 - <!--  
356 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
357 - config: {  
358 - 'templateDir': 'templates/dir.html',  
359 - 'templateTema': 'templates/tema.html',  
360 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
361 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
362 - 'idOndeMigalha': 'catalogoMigalha'  
363 - } 354 + <!--
  355 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  356 + config: {
  357 + 'templateDir': 'templates/dir.html',
  358 + 'templateTema': 'templates/tema.html',
  359 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  360 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  361 + 'idOndeMigalha': 'catalogoMigalha'
  362 + }
364 363
365 - exemplo: 364 + exemplo:
366 365
367 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
368 - --> 366 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  367 + -->
369 368
370 - <!-- servicos da INDE brasileira -->  
371 - <div class="list-group condensed"><div class="row-content text-left">  
372 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
373 - <label style="width: 255px;vertical-align: middle;">  
374 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
375 - <h4>INDE-Br</h4></a>  
376 - <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>  
377 - </label>  
378 - </div></div><hr>  
379 - <!-- lista de wms cadastrados no sistema de administracao -->  
380 - <div class="list-group condensed"><div class="row-content text-left">  
381 - <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
382 - <label style="width: 255px;vertical-align: middle;">  
383 - <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
384 - <h4>OGC-WMS</h4></a>  
385 - <h6>{{{descOgcWms}}}</h6>  
386 - </label>  
387 - </div></div><hr>  
388 - <!-- regioes cadastradas no sistema de metadados -->  
389 - <div class="list-group condensed"><div class="row-content text-left">  
390 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
391 - <label style="width: 255px;vertical-align: middle;">  
392 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
393 - <h4>{{{x87}}}</h4></a>  
394 - <h6>{{{descLimLoc}}}</h6>  
395 - </label>  
396 - </div></div><hr>  
397 - <!-- camadas que vem do sistema de metadados estatisticos -->  
398 - <div class="list-group condensed"><div class="row-content text-left">  
399 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
400 - <label style="width: 255px;vertical-align: middle;">  
401 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
402 - <h4>{{{x57}}}</h4></a>  
403 - <h6>{{{descMeta}}}</h6>  
404 - </label>  
405 - </div></div><hr>  
406 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
407 - <div class="list-group condensed"><div class="row-content text-left">  
408 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
409 - <label style="width: 255px;vertical-align: middle;">  
410 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
411 - <h4>{{{x90}}}</h4></a>  
412 - <h6>{{{descMapas}}}</h6>  
413 - </label>  
414 - </div></div><hr>  
415 - -->  
416 - <!-- camadas por estrelas -->  
417 - <div class="list-group condensed"><div class="row-content text-left">  
418 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
419 - <label style="width: 255px;vertical-align: middle;">  
420 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">  
421 - <h4>{{{t46}}}</h4></a>  
422 - <h6>{{{descEstrelas}}}</h6>  
423 - </label>  
424 - </div></div><hr>  
425 - <!-- sistemas que adicionam camadas -->  
426 - <div class="list-group condensed"><div class="row-content text-left">  
427 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
428 - <label style="width: 255px;vertical-align: middle;">  
429 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
430 - <h4>{{{a11}}}</h4></a>  
431 - <h6>{{{descSistemas}}}</h6>  
432 - </label>  
433 - </div></div><hr>  
434 - <!-- navegacao em diretorios -->  
435 - <div class="list-group condensed"><div class="row-content text-left">  
436 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>  
437 - <label style="width: 255px;vertical-align: middle;">  
438 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
439 - <h4>{{{a6}}}</h4></a>  
440 - <h6>{{{descDir}}}</h6>  
441 - </label>  
442 - </div></div><hr>  
443 - </div>  
444 - </div>  
445 - <!-- Legenda -->  
446 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>  
447 - <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>  
448 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
449 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>  
450 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>  
451 - </div>  
452 - <!-- busca  
453 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
454 - No botao que dispara a busca, ficam os parametros de configuracao  
455 - Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado  
456 - -->  
457 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>  
458 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>  
459 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
460 - <form onSubmit="return false;" >  
461 - <div class="form-group label-floating">  
462 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
463 - <div class="input-group">  
464 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
465 - <span class="input-group-btn">  
466 - <a onclick="i3GEO.busca.inicia(this);return false;"  
467 - data-templateGoogle="templates/buscaEmTemas.html"  
468 - data-inputGoogle="[name=google]"  
469 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle"  
470 - data-templateTemasMapa="templates/buscaEmTemas.html"  
471 - data-inputTemasMapa="[name=temasMapa]"  
472 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"  
473 - data-templateServico="templates/buscaEmServico.html"  
474 - data-ondeConteiner="#guia7obj"  
475 - data-inputOndePalavra="[name=valorBuscaRapida]"  
476 - data-inputServicosExternos="[name=servicosExternos]"  
477 - data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">  
478 - <span class="material-icons ">send</span>  
479 - </a>  
480 - </span>  
481 - </div>  
482 - </div>  
483 - <h4>{{{x37}}}:</h4>  
484 - <div class="form-inline" style="width:100%;">  
485 - <div class="list-group condensed">  
486 - <div class="checkbox text-left">  
487 - <label>  
488 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >  
489 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}  
490 - </label>  
491 - </div>  
492 - </div>  
493 - <div class="list-group condensed">  
494 - <div class="checkbox text-left">  
495 - <label>  
496 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
497 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}  
498 - </label>  
499 - </div>  
500 - </div>  
501 - <!-- Apenas para a interface google maps  
502 - <div class="list-group condensed">  
503 - <div class="checkbox text-left">  
504 - <label>  
505 - <input class="noprint" value="on" type="checkbox" name="google">  
506 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
507 - </label>  
508 - </div>  
509 - </div>  
510 - -->  
511 - </div>  
512 - </form>  
513 - <hr>  
514 - <div class="i3GEOresultadoBuscaServicos" ></div>  
515 - <div class="i3GEOresultadoBuscaTemasMapa" ></div>  
516 - <div class="i3GEOresultadoBuscaGoogle" ></div>  
517 - <div class="alert alert-info" role="alert">{{{x40}}}</div>  
518 - </div>  
519 - <!-- Ferramentas -->  
520 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>  
521 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>  
522 - <div class="separadorCabecalhoGuias">&nbsp;</div>  
523 - <div class="form-inline" style="width:100%;">  
524 - <div class="text-center form-group" style="margin:4px;">  
525 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
526 - <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">  
527 - </a>  
528 - <h6>{{{d21at}}}</h6>  
529 - </div>  
530 - <div class="text-center form-group" style="margin:4px;">  
531 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
532 - <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">  
533 - </a>  
534 - <h6>{{{d21t}}}</h6>  
535 - </div>  
536 - <div class="text-center form-group" style="margin:4px;">  
537 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
538 - <img style="margin-top:4px;" src="../imagens/gisicons/select.png">  
539 - </a>  
540 - <h6>{{{d24t}}}</h6>  
541 - </div>  
542 - <div class="text-center form-group" style="margin:4px;">  
543 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">  
544 - <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">  
545 - </a>  
546 - <h6>{{{localiza}}}</h6>  
547 - </div>  
548 - </div>  
549 - <div class="clearfix"></div>  
550 - <hr>  
551 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
552 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
553 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
554 - </div>  
555 - </div>  
556 - </div>  
557 - </div>  
558 - <!-- para mostrar o banner de abertura, basta ter esse ID -->  
559 - <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">  
560 - <div>  
561 - <table>  
562 - <tr>  
563 - <td> 369 + <!-- servicos da INDE brasileira -->
  370 + <div class="list-group condensed"><div class="row-content text-left">
  371 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  372 + <label style="width: 255px;vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  374 + <h4>INDE-Br</h4></a>
  375 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  376 + </label>
  377 + </div></div><hr>
  378 + <!-- lista de wms cadastrados no sistema de administracao -->
  379 + <div class="list-group condensed"><div class="row-content text-left">
  380 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  381 + <label style="width: 255px;vertical-align: middle;">
  382 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  383 + <h4>OGC-WMS</h4></a>
  384 + <h6>{{{descOgcWms}}}</h6>
  385 + </label>
  386 + </div></div><hr>
  387 + <!-- regioes cadastradas no sistema de metadados -->
  388 + <div class="list-group condensed"><div class="row-content text-left">
  389 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  390 + <label style="width: 255px;vertical-align: middle;">
  391 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  392 + <h4>{{{x87}}}</h4></a>
  393 + <h6>{{{descLimLoc}}}</h6>
  394 + </label>
  395 + </div></div><hr>
  396 + <!-- camadas que vem do sistema de metadados estatisticos -->
  397 + <div class="list-group condensed"><div class="row-content text-left">
  398 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  399 + <label style="width: 255px;vertical-align: middle;">
  400 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  401 + <h4>{{{x57}}}</h4></a>
  402 + <h6>{{{descMeta}}}</h6>
  403 + </label>
  404 + </div></div><hr>
  405 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  406 + <div class="list-group condensed"><div class="row-content text-left">
  407 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  408 + <label style="width: 255px;vertical-align: middle;">
  409 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  410 + <h4>{{{x90}}}</h4></a>
  411 + <h6>{{{descMapas}}}</h6>
  412 + </label>
  413 + </div></div><hr>
  414 + -->
  415 + <!-- camadas por estrelas -->
  416 + <div class="list-group condensed"><div class="row-content text-left">
  417 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  418 + <label style="width: 255px;vertical-align: middle;">
  419 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
  420 + <h4>{{{t46}}}</h4></a>
  421 + <h6>{{{descEstrelas}}}</h6>
  422 + </label>
  423 + </div></div><hr>
  424 + <!-- sistemas que adicionam camadas -->
  425 + <div class="list-group condensed"><div class="row-content text-left">
  426 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  427 + <label style="width: 255px;vertical-align: middle;">
  428 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  429 + <h4>{{{a11}}}</h4></a>
  430 + <h6>{{{descSistemas}}}</h6>
  431 + </label>
  432 + </div></div><hr>
  433 + <!-- navegacao em diretorios -->
  434 + <div class="list-group condensed"><div class="row-content text-left">
  435 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  436 + <label style="width: 255px;vertical-align: middle;">
  437 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  438 + <h4>{{{a6}}}</h4></a>
  439 + <h6>{{{descDir}}}</h6>
  440 + </label>
  441 + </div></div><hr>
  442 + </div>
  443 + </div>
  444 + <!-- Legenda -->
  445 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  446 + <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>
  447 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  448 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>
  449 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  450 + </div>
  451 + <!-- busca
  452 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  453 + No botao que dispara a busca, ficam os parametros de configuracao
  454 + Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
  455 + -->
  456 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  457 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>
  458 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  459 + <form onSubmit="return false;" >
  460 + <div class="form-group label-floating">
  461 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  462 + <div class="input-group">
  463 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  464 + <span class="input-group-btn">
  465 + <a onclick="i3GEO.busca.inicia(this);return false;"
  466 + data-templateGoogle="templates/buscaEmTemas.html"
  467 + data-inputGoogle="[name=google]"
  468 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
  469 + data-templateTemasMapa="templates/buscaEmTemas.html"
  470 + data-inputTemasMapa="[name=temasMapa]"
  471 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
  472 + data-templateServico="templates/buscaEmServico.html"
  473 + data-ondeConteiner="#guia7obj"
  474 + data-inputOndePalavra="[name=valorBuscaRapida]"
  475 + data-inputServicosExternos="[name=servicosExternos]"
  476 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  477 + <span class="material-icons ">send</span>
  478 + </a>
  479 + </span>
  480 + </div>
  481 + </div>
  482 + <h4>{{{x37}}}:</h4>
  483 + <div class="form-inline" style="width:100%;">
  484 + <div class="list-group condensed">
  485 + <div class="checkbox text-left">
  486 + <label>
  487 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
  488 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
  489 + </label>
  490 + </div>
  491 + </div>
  492 + <div class="list-group condensed">
  493 + <div class="checkbox text-left">
  494 + <label>
  495 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  496 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
  497 + </label>
  498 + </div>
  499 + </div>
  500 + <!-- Apenas para a interface google maps
  501 + <div class="list-group condensed">
  502 + <div class="checkbox text-left">
  503 + <label>
  504 + <input class="noprint" value="on" type="checkbox" name="google">
  505 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  506 + </label>
  507 + </div>
  508 + </div>
  509 + -->
  510 + </div>
  511 + </form>
  512 + <hr>
  513 + <div class="i3GEOresultadoBuscaServicos" ></div>
  514 + <div class="i3GEOresultadoBuscaTemasMapa" ></div>
  515 + <div class="i3GEOresultadoBuscaGoogle" ></div>
  516 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  517 + </div>
  518 + <!-- Ferramentas -->
  519 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  520 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>
  521 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  522 + <div class="form-inline" style="width:100%;">
  523 + <div class="text-center form-group" style="margin:4px;">
  524 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  525 + <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
  526 + </a>
  527 + <h6>{{{d21at}}}</h6>
  528 + </div>
  529 + <div class="text-center form-group" style="margin:4px;">
  530 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  531 + <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
  532 + </a>
  533 + <h6>{{{d21t}}}</h6>
  534 + </div>
  535 + <div class="text-center form-group" style="margin:4px;">
  536 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  537 + <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
  538 + </a>
  539 + <h6>{{{d24t}}}</h6>
  540 + </div>
  541 + <div class="text-center form-group" style="margin:4px;">
  542 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  543 + <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
  544 + </a>
  545 + <h6>{{{localiza}}}</h6>
  546 + </div>
  547 + </div>
  548 + <div class="clearfix"></div>
  549 + <hr>
  550 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  551 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  552 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  553 + </div>
  554 + </div>
  555 + </div>
  556 + </div>
  557 + <!-- para mostrar o banner de abertura -->
  558 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  559 + <div>
  560 + <table>
  561 + <tr>
  562 + <td>
  563 + <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
  564 + interativos e geoprocessamento</h4>
  565 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  566 + Portal do Software P&uacute;blico Brasileiro</h4>
  567 + </td>
  568 + </tr>
  569 + </table>
  570 + <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
  571 + <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
  572 + <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
  573 + <div>&nbsp;</div>
  574 + </div>
  575 + </script>
  576 + <script>
  577 + //ativa o banner de inicializacao
  578 + i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
  579 + (function() {
  580 + //parametros aplicados na criacao do arquivo mapfile
  581 + var parametrosMapa = {
  582 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  583 + //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
  584 + mapfilebase: "",
  585 + //extensao geografica do mapa
  586 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  587 + //exemplo [-77,-26,-30,6]
  588 + mapext: [],
  589 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  590 + perfil: "",
  591 + //layers que serao adicionados ao mapa.
  592 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  593 + layers: {
  594 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  595 + add: [],
  596 + //array com a lista dos layers que serao adicionados mas nao ligados
  597 + on: [],
  598 + //array com os layers desligados
  599 + off: []
  600 + },
  601 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  602 + points: {
  603 + //array com a lista de coordenadas
  604 + coord: [],
  605 + //titulo da nova camada
  606 + title: ""
  607 + },
  608 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  609 + lines: {
  610 + //array de arrays com a lista de coordenadas de cada linha
  611 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  612 + coord: [[]],
  613 + //titulo da nova camada
  614 + title:""
  615 + },
  616 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  617 + polygons: {
  618 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  619 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  620 + coord: [[]],
  621 + //titulo da nova camada
  622 + title:""
  623 + },
  624 + //insere elementos no mapa com coordenadas definidas em wkt
  625 + wkt: {
  626 + //string no formato wkt
  627 + coord: "",
  628 + //titulo da nova camada
  629 + title: ""
  630 + },
  631 + //simbolo que sera utilizado para desenhar os elementos inseridos
  632 + symbol: {
  633 + //codigo do simbolo conforme definido em i3geo/symbols
  634 + name: "",
  635 + //em rgb, exemplo "0 255 0"
  636 + color: "",
  637 + //em pixels
  638 + size: ""
  639 + },
  640 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  641 + kml: {
  642 + url: ""
  643 + },
  644 + //endereco de um WMS (sera incluido como uma camada no mapa)
  645 + wms: {
  646 + url: "",
  647 + layer: "",
  648 + style: "",
  649 + title: "",
  650 + srs: "",
  651 + imagetype: "",
  652 + version: ""
  653 + },
  654 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  655 + //do mapserver, exemplo
  656 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  657 + filters: [{
  658 + layer: "",
  659 + expression: ""
  660 + }],
  661 + //id de um mapa salvo e que sera recuperado
  662 + restoreMapId : ""
  663 + };
  664 + var config = {
  665 + //id do elemento HTML onde o corpo do mapa sera renderizado
  666 + mapBody : "mapai3Geo",
  667 + //tipo de mapa. Pode ser:
  668 + //OL - utiliza o OpenLayers e coordenadas geograficas
  669 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  670 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  671 + mapType : "GM",
  672 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  673 + saveExtension : true,
  674 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  675 + posRenderType : "",
  676 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  677 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  678 + i3GeoServer : "",
  679 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  680 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  681 + //se for vazio, sera utilizado o valor definido no LAYER original
  682 + //Nao se aplica na interface googlemaps
  683 + layerOpacity: "",
  684 + //Funcao que sera executada apos a inicializacao do mapa
  685 + afterStart : function(){
  686 + $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
  687 + $('.iconeGuiaMovel').tooltip('show');
  688 + $("#i3GEOguiaMovelConteudo").mCustomScrollbar({scrollbarPosition: "outside",theme:"inset-2-dark"});
  689 + //setTimeout(function() {
  690 + // $('.iconeGuiaMovel').tooltip('destroy');
  691 + //}, 30000);
  692 + //i3GEO.maparef.inicia();
  693 + //
  694 + //(largura, altura, topo, esquerda);
  695 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  696 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
564 697
565 - <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas  
566 - interativos e geoprocessamento</h4>  
567 - <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o  
568 - Portal do Software P&uacute;blico Brasileiro</h4>  
569 - </td>  
570 - </tr>  
571 - </table>  
572 - <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">  
573 - <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">  
574 - <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">  
575 - <div>&nbsp;</div>  
576 - </div>  
577 - </script>  
578 - <script>  
579 - (function() {  
580 - var parametrosMapa = {  
581 - //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)  
582 - //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa  
583 - mapfilebase: "",  
584 - //extensao geografica do mapa  
585 - //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax  
586 - //exemplo [-77,-26,-30,6]  
587 - mapext: [],  
588 - //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil  
589 - perfil: "",  
590 - //layers que serao adicionados ao mapa.  
591 - //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'  
592 - layers: {  
593 - //array com a lista dos layers que serao adicionados e ligados (visiveis)  
594 - add: [],  
595 - //array com a lista dos layers que serao adicionados mas nao ligados  
596 - on: [],  
597 - //array com os layers desligados  
598 - off: []  
599 - },  
600 - //lista de coordenadas x e y que serao adicionadas como pontos no mapa  
601 - points: {  
602 - //array com a lista de coordenadas  
603 - coord: [],  
604 - //titulo da nova camada  
605 - title: ""  
606 - },  
607 - //lista de coordenadas x e y que serao adicionadas como linhas no mapa  
608 - lines: {  
609 - //array de arrays com a lista de coordenadas de cada linha  
610 - //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]  
611 - coord: [[]],  
612 - //titulo da nova camada  
613 - title:""  
614 - },  
615 - //lista de coordenadas x e y que serao adicionadas como poligonos no mapa  
616 - polygons: {  
617 - //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.  
618 - //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]  
619 - coord: [[]],  
620 - //titulo da nova camada  
621 - title:""  
622 - },  
623 - //insere elementos no mapa com coordenadas definidas em wkt  
624 - wkt: {  
625 - //string no formato wkt  
626 - coord: "",  
627 - //titulo da nova camada  
628 - title: ""  
629 - },  
630 - //simbolo que sera utilizado para desenhar os elementos inseridos  
631 - symbol: {  
632 - //codigo do simbolo conforme definido em i3geo/symbols  
633 - name: "",  
634 - //em rgb, exemplo "0 255 0"  
635 - color: "",  
636 - //em pixels  
637 - size: ""  
638 - },  
639 - //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps  
640 - kml: {  
641 - url: ""  
642 - },  
643 - //endereco de um WMS (sera incluido como uma camada no mapa)  
644 - wms: {  
645 - url: "",  
646 - layer: "",  
647 - style: "",  
648 - title: "",  
649 - srs: "",  
650 - imagetype: "",  
651 - version: ""  
652 - },  
653 - //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao  
654 - //do mapserver, exemplo  
655 - //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}  
656 - filters: [{  
657 - layer: "",  
658 - expression: ""  
659 - }]  
660 - };  
661 - var config = {  
662 - //id do elemento HTML onde o corpo do mapa sera renderizado  
663 - mapBody : "mapai3Geo",  
664 - //tipo de mapa. Pode ser:  
665 - //OL - utiliza o OpenLayers e coordenadas geograficas  
666 - //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps  
667 - //GM - utiliza o GoogleMaps como motor de controle do mapa  
668 - mapType : "GM",  
669 - //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto  
670 - saveExtension : true,  
671 - //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal  
672 - posRenderType : "",  
673 - //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX  
674 - //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"  
675 - i3GeoServer : "",  
676 - //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas  
677 - components : {  
678 - //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa  
679 - info: true,  
680 - //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas  
681 - idsMenus : [],  
682 - //webservice utilizado na opcao de encontrar lugares  
683 - searchService : "http://mapas.mma.gov.br/webservices/geonames.php",  
684 - //webservice wms que faz a apresentacao do lugar encontrado por searchService  
685 - searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",  
686 - //posicao do mapa de referencia, em pixels [top,right]  
687 - referenceMapPosition : [4,120],  
688 - //propriedades do balao de informacoes mostrado quando o usuario clica no mapa  
689 - tooltip : {  
690 - //o resultado sera mostrado em uma janela do tipo modal  
691 - modal : false,  
692 - //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.  
693 - //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau  
694 - //use apenas se modal for true  
695 - //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?  
696 - url: "",  
697 - //template que sera usado para compor o resultado da busca de dados  
698 - //se for vazio, serao utilizadas as outras opcoes  
699 - //se contiver a string {{{url}}} a mesma sera substituida por url  
700 - //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"  
701 - templateModal: "",  
702 - //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada  
703 - simple: true,  
704 - removeAoAdicionar : true,  
705 - //parametros exclusivos da interface openlayers  
706 - autoPan : true,  
707 - autoPanAnimation : {  
708 - duration : 250  
709 - },  
710 - minWidth : '200px',  
711 - //Altura e largura do tooltip (balao)  
712 - toolTipSize : ["100px","200px"]  
713 - }  
714 - },  
715 - //parametros de configuracao das ferramentas que sao acionadas sob demanda  
716 - //ferramentas localizadas em i3geo/ferramentas  
717 - tools : {  
718 - //ferramenta de busca de camadas em um servico CSW  
719 - buscainde : {  
720 - //endereco do servico no padrao CSW  
721 - csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"  
722 - },  
723 - //ferramenta de identificacao  
724 - identifica : {  
725 - //resolucao em pixels para busca de elementos  
726 - resolution : 8  
727 - }  
728 - },  
729 - //configuracoes especificas para a interface que utiliza o OpenLayers  
730 - openLayers : {  
731 - //utiliza ou nao tiles ao renderizar as camadas do mapa  
732 - //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas  
733 - singleTile : false,  
734 - //opcoes de inicializacao do mapa conforme definido na API do OpenLayers  
735 - MapOptions : {  
736 - layers : [],  
737 - controls : [  
738 - ],  
739 - loadTilesWhileAnimating : true,  
740 - loadTilesWhileInteracting : true,  
741 - //os objetos devem ser comentados na interface googleMaps  
742 - interactions : [  
743 - ]  
744 - },  
745 - //opcoes para o objeto view, que e uma instancia de MapOptions  
746 - ViewOptions : { 698 + //abre a legenda do mapa em uma janela flutuante
  699 + //i3GEO.legenda.inicia({
  700 + //"idLegenda": "legendaHtml",
  701 + //"templateLegenda": "templates/legenda.html",
  702 + //"janela": true
  703 + //});
  704 + },
  705 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  706 + components : {
  707 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  708 + info: true,
  709 + //template mustache usado para o balao de info
  710 + //se for vazio, utiliza o default interface/templates/info.html
  711 + infoTemplate: "",
  712 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  713 + info: true,
  714 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  715 + idsMenus : [],
  716 + //webservice utilizado na opcao de encontrar lugares
  717 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  718 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  719 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  720 + //posicao do mapa de referencia, em pixels [top,right]
  721 + referenceMapPosition : [4,120],
  722 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  723 + tooltip : {
  724 + //o resultado sera mostrado em uma janela do tipo modal
  725 + modal : false,
  726 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  727 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  728 + //use apenas se modal for true
  729 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  730 + url: "",
  731 + //template que sera usado para compor o resultado da busca de dados
  732 + //se for vazio, serao utilizadas as outras opcoes
  733 + //se contiver a string {{{url}}} a mesma sera substituida por url
  734 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  735 + templateModal: "",
  736 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  737 + simple: true,
  738 + removeAoAdicionar : true,
  739 + //parametros exclusivos da interface openlayers
  740 + autoPan : true,
  741 + autoPanAnimation : {
  742 + duration : 250
  743 + },
  744 + minWidth : '200px',
  745 + //Altura e largura do tooltip (balao)
  746 + toolTipSize : ["100px","200px"]
  747 + },
  748 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  749 + scrollBar: {
  750 + theme: "inset-2",
  751 + axis: "yx",
  752 + scrollbarPosition: "inside",
  753 + scrollButtons:{ enable: true },
  754 + advanced:{ autoExpandHorizontalScroll: true }
  755 + }
  756 + },
  757 + //parametros de configuracao das ferramentas que sao acionadas sob demanda
  758 + //ferramentas localizadas em i3geo/ferramentas
  759 + tools : {
  760 + //ferramenta de busca de camadas em um servico CSW
  761 + buscainde : {
  762 + //endereco do servico no padrao CSW
  763 + csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
  764 + },
  765 + //ferramenta de identificacao
  766 + identifica : {
  767 + //resolucao em pixels para busca de elementos
  768 + resolution : 8
  769 + }
  770 + },
  771 + //configuracoes especificas para a interface que utiliza o OpenLayers
  772 + openLayers : {
  773 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  774 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  775 + singleTile : false,
  776 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  777 + MapOptions : {
  778 + layers : [],
  779 + controls : [
747 780
748 - }  
749 - },  
750 - //configuracoes especificas para a interface GoogleMaps  
751 - googleMaps : {  
752 - //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps  
753 - MapOptions : {  
754 - //estilo que sera utilizado no mapa  
755 - //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled  
756 - //ver i3GEO.Interface.googleMaps.ESTILOS  
757 - mapTypeId : "Night",  
758 - scaleControl : true,  
759 - mapTypeControl : true,  
760 - mapTypeControlOptions: {  
761 - position : google.maps.ControlPosition.LEFT_BOTTOM  
762 - },  
763 - zoomControl:true,  
764 - zoomControlOptions: {  
765 - style : google.maps.ZoomControlStyle.SMALL,  
766 - position : google.maps.ControlPosition.LEFT_CENTER  
767 - },  
768 - streetViewControl : true,  
769 - streetViewControlOptions: {  
770 - position : google.maps.ControlPosition.LEFT_CENTER  
771 - }  
772 - }  
773 - }  
774 - };  
775 - //  
776 - //inicia o mapa  
777 - //Veja tambem config.php  
778 - //  
779 - //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa  
780 - //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa  
781 - //  
782 - i3GEO.init(parametrosMapa,config);  
783 - })();  
784 - </script> 781 + ],
  782 + loadTilesWhileAnimating : true,
  783 + loadTilesWhileInteracting : true,
  784 + //os objetos devem ser comentados na interface googleMaps
  785 + interactions : [
  786 + ]
  787 + },
  788 + //opcoes para o objeto view, que e uma instancia de MapOptions
  789 + ViewOptions : {
  790 +
  791 + }
  792 + },
  793 + //configuracoes especificas para a interface GoogleMaps
  794 + googleMaps : {
  795 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  796 + MapOptions : {
  797 + //estilo que sera utilizado no mapa
  798 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  799 + //ver i3GEO.Interface.googleMaps.ESTILOS
  800 + mapTypeId : "Night",
  801 + scaleControl : true,
  802 + mapTypeControl : true,
  803 + mapTypeControlOptions: {
  804 + position : google.maps.ControlPosition.LEFT_BOTTOM
  805 + },
  806 + zoomControl:true,
  807 + zoomControlOptions: {
  808 + style : google.maps.ZoomControlStyle.SMALL,
  809 + position : google.maps.ControlPosition.LEFT_CENTER
  810 + },
  811 + streetViewControl : true,
  812 + streetViewControlOptions: {
  813 + position : google.maps.ControlPosition.LEFT_CENTER
  814 + }
  815 + }
  816 + }
  817 + };
  818 + //
  819 + //inicia o mapa
  820 + //Veja tambem config.php
  821 + //
  822 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  823 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  824 + //
  825 + i3GEO.init(parametrosMapa,config);
  826 + })();
  827 + </script>
785 </body> 828 </body>
786 829
787 </html> 830 </html>
interface/ol.htm
  Diff comments   View file @b367e03
@@ -20,8 +20,6 @@ @@ -20,8 +20,6 @@
20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> --> 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
21 <link rel="stylesheet" type="text/css" href="../css/default.css"> 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
22 <style> 22 <style>
23 -  
24 -  
25 .ol-attribution.ol-uncollapsible { 23 .ol-attribution.ol-uncollapsible {
26 height: 2.1em; 24 height: 2.1em;
27 right: 24px; 25 right: 24px;
@@ -150,14 +148,14 @@ @@ -150,14 +148,14 @@
150 <!-- configuracao para todos os botoes 148 <!-- configuracao para todos os botoes
151 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 149 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
152 --> 150 -->
153 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);"> 151 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
154 <!-- ferramentas 152 <!-- ferramentas
155 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
156 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
157 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior 155 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
158 --> 156 -->
159 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
160 - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 157 + <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  158 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
161 <i class="material-icons">business_center</i> 159 <i class="material-icons">business_center</i>
162 </button> 160 </button>
163 </div> 161 </div>
@@ -168,8 +166,8 @@ @@ -168,8 +166,8 @@
168 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
169 do metadata existente na camada. Deixe vazio para nao ativar a operacao. 167 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
170 --> 168 -->
171 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
172 - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 169 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  170 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
173 <i class="material-icons"><i class="material-icons">visibility</i></i> 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
174 </button> 172 </button>
175 </div> 173 </div>
@@ -182,36 +180,36 @@ @@ -182,36 +180,36 @@
182 Variaveis javascript: 180 Variaveis javascript:
183 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio. 181 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
184 --> 182 -->
185 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
186 - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 183 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  184 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
187 <i class="material-icons">layers</i> 185 <i class="material-icons">layers</i>
188 </button> 186 </button>
189 </div> 187 </div>
190 <!-- legenda --> 188 <!-- legenda -->
191 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
192 - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 189 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  190 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
193 <i class="material-icons">view_list</i> 191 <i class="material-icons">view_list</i>
194 </button> 192 </button>
195 </div> 193 </div>
196 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
197 - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 194 + <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  195 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
198 <i class="material-icons">compare_arrows</i> 196 <i class="material-icons">compare_arrows</i>
199 </button> 197 </button>
200 </div> 198 </div>
201 <!-- Busca --> 199 <!-- Busca -->
202 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
203 - <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 200 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  201 + <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
204 <i class="material-icons">search</i> 202 <i class="material-icons">search</i>
205 </button> 203 </button>
206 </div> 204 </div>
207 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
208 - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 205 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  206 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
209 <i class="material-icons">location_on</i> 207 <i class="material-icons">location_on</i>
210 </button> 208 </button>
211 </div> 209 </div>
212 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
213 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;"> 211 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
214 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;"> 212 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
215 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;"> 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
216 </button> 214 </button>
217 </div> 215 </div>
@@ -565,6 +563,7 @@ @@ -565,6 +563,7 @@
565 //ativa o banner de inicializacao 563 //ativa o banner de inicializacao
566 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000); 564 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
567 (function() { 565 (function() {
  566 + //parametros aplicados na criacao do arquivo mapfile
568 var parametrosMapa = { 567 var parametrosMapa = {
569 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...) 568 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
570 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa 569 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -644,7 +643,9 @@ @@ -644,7 +643,9 @@
644 filters: [{ 643 filters: [{
645 layer: "", 644 layer: "",
646 expression: "" 645 expression: ""
647 - }] 646 + }],
  647 + //id de um mapa salvo e que sera recuperado
  648 + restoreMapId : ""
648 }; 649 };
649 var config = { 650 var config = {
650 //id do elemento HTML onde o corpo do mapa sera renderizado 651 //id do elemento HTML onde o corpo do mapa sera renderizado
@@ -661,6 +662,11 @@ @@ -661,6 +662,11 @@
661 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX 662 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
662 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo" 663 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
663 i3GeoServer : "", 664 i3GeoServer : "",
  665 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  666 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  667 + //se for vazio, sera utilizado o valor definido no LAYER original
  668 + //Nao se aplica na interface googlemaps
  669 + layerOpacity: "",
664 //Funcao que sera executada apos a inicializacao do mapa 670 //Funcao que sera executada apos a inicializacao do mapa
665 afterStart : function(){ 671 afterStart : function(){
666 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"}); 672 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
@@ -779,8 +785,43 @@ @@ -779,8 +785,43 @@
779 ] 785 ]
780 }, 786 },
781 //opcoes para o objeto view, que e uma instancia de MapOptions 787 //opcoes para o objeto view, que e uma instancia de MapOptions
  788 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
782 ViewOptions : { 789 ViewOptions : {
783 790
  791 + },
  792 + //botoes que sao mostrados no editor vetorial
  793 + editorButtons : {
  794 + 'imprimir': false,
  795 + 'grid': false,
  796 + 'pan' : false,
  797 + 'zoombox' : false,
  798 + 'zoomtot' : false,
  799 + 'zoomin' : false,
  800 + 'zoomout' : false,
  801 + 'distancia' : false,
  802 + 'area' : false,
  803 + 'identifica' : false,
  804 + 'linha' : true,
  805 + 'ponto' : true,
  806 + 'poligono' : true,
  807 + 'texto' : true,
  808 + 'edita' : true,
  809 + 'listag' : true,
  810 + 'corta' : true,
  811 + 'apaga' : true,
  812 + 'procura' : false,
  813 + 'selecao' : true,
  814 + 'selecaotudo' : true,
  815 + 'salva' : true,
  816 + 'ajuda' : true,
  817 + 'propriedades' : true,
  818 + 'fecha' : true,
  819 + 'tools' : true,
  820 + 'undo' : false,
  821 + 'frente' : false,
  822 + 'legenda' : false,
  823 + 'rodadomouse' : true,
  824 + 'novaaba' : false
784 } 825 }
785 }, 826 },
786 //configuracoes especificas para a interface GoogleMaps 827 //configuracoes especificas para a interface GoogleMaps
interface/openlayersdebug.htm
  Diff comments   View file @b367e03
@@ -148,14 +148,14 @@ @@ -148,14 +148,14 @@
148 <!-- configuracao para todos os botoes 148 <!-- configuracao para todos os botoes
149 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 149 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
150 --> 150 -->
151 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);"> 151 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
152 <!-- ferramentas 152 <!-- ferramentas
153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
155 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior 155 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
156 --> 156 -->
157 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
158 - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 157 + <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  158 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
159 <i class="material-icons">business_center</i> 159 <i class="material-icons">business_center</i>
160 </button> 160 </button>
161 </div> 161 </div>
@@ -166,8 +166,8 @@ @@ -166,8 +166,8 @@
166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
167 do metadata existente na camada. Deixe vazio para nao ativar a operacao. 167 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
168 --> 168 -->
169 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
170 - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 169 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  170 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
171 <i class="material-icons"><i class="material-icons">visibility</i></i> 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
172 </button> 172 </button>
173 </div> 173 </div>
@@ -180,36 +180,36 @@ @@ -180,36 +180,36 @@
180 Variaveis javascript: 180 Variaveis javascript:
181 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio. 181 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
182 --> 182 -->
183 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
184 - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 183 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  184 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
185 <i class="material-icons">layers</i> 185 <i class="material-icons">layers</i>
186 </button> 186 </button>
187 </div> 187 </div>
188 <!-- legenda --> 188 <!-- legenda -->
189 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
190 - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 189 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  190 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
191 <i class="material-icons">view_list</i> 191 <i class="material-icons">view_list</i>
192 </button> 192 </button>
193 </div> 193 </div>
194 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
195 - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 194 + <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  195 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
196 <i class="material-icons">compare_arrows</i> 196 <i class="material-icons">compare_arrows</i>
197 </button> 197 </button>
198 </div> 198 </div>
199 <!-- Busca --> 199 <!-- Busca -->
200 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
201 - <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 200 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  201 + <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
202 <i class="material-icons">search</i> 202 <i class="material-icons">search</i>
203 </button> 203 </button>
204 </div> 204 </div>
205 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
206 - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 205 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  206 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
207 <i class="material-icons">location_on</i> 207 <i class="material-icons">location_on</i>
208 </button> 208 </button>
209 </div> 209 </div>
210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
211 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;"> 211 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
212 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;"> 212 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;"> 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
214 </button> 214 </button>
215 </div> 215 </div>
interface/osm.htm
  Diff comments   View file @b367e03
@@ -20,8 +20,6 @@ @@ -20,8 +20,6 @@
20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> --> 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
21 <link rel="stylesheet" type="text/css" href="../css/default.css"> 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
22 <style> 22 <style>
23 -  
24 -  
25 .ol-attribution.ol-uncollapsible { 23 .ol-attribution.ol-uncollapsible {
26 height: 2.1em; 24 height: 2.1em;
27 right: 24px; 25 right: 24px;
@@ -150,14 +148,14 @@ @@ -150,14 +148,14 @@
150 <!-- configuracao para todos os botoes 148 <!-- configuracao para todos os botoes
151 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 149 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
152 --> 150 -->
153 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);"> 151 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
154 <!-- ferramentas 152 <!-- ferramentas
155 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
156 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
157 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior 155 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
158 --> 156 -->
159 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
160 - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 157 + <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  158 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
161 <i class="material-icons">business_center</i> 159 <i class="material-icons">business_center</i>
162 </button> 160 </button>
163 </div> 161 </div>
@@ -168,8 +166,8 @@ @@ -168,8 +166,8 @@
168 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
169 do metadata existente na camada. Deixe vazio para nao ativar a operacao. 167 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
170 --> 168 -->
171 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
172 - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 169 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  170 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
173 <i class="material-icons"><i class="material-icons">visibility</i></i> 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
174 </button> 172 </button>
175 </div> 173 </div>
@@ -182,36 +180,36 @@ @@ -182,36 +180,36 @@
182 Variaveis javascript: 180 Variaveis javascript:
183 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio. 181 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
184 --> 182 -->
185 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
186 - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 183 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  184 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
187 <i class="material-icons">layers</i> 185 <i class="material-icons">layers</i>
188 </button> 186 </button>
189 </div> 187 </div>
190 <!-- legenda --> 188 <!-- legenda -->
191 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
192 - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 189 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  190 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
193 <i class="material-icons">view_list</i> 191 <i class="material-icons">view_list</i>
194 </button> 192 </button>
195 </div> 193 </div>
196 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
197 - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 194 + <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  195 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
198 <i class="material-icons">compare_arrows</i> 196 <i class="material-icons">compare_arrows</i>
199 </button> 197 </button>
200 </div> 198 </div>
201 <!-- Busca --> 199 <!-- Busca -->
202 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
203 - <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 200 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  201 + <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
204 <i class="material-icons">search</i> 202 <i class="material-icons">search</i>
205 </button> 203 </button>
206 </div> 204 </div>
207 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
208 - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 205 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  206 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
209 <i class="material-icons">location_on</i> 207 <i class="material-icons">location_on</i>
210 </button> 208 </button>
211 </div> 209 </div>
212 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
213 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;"> 211 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
214 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;"> 212 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
215 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;"> 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
216 </button> 214 </button>
217 </div> 215 </div>
@@ -565,6 +563,7 @@ @@ -565,6 +563,7 @@
565 //ativa o banner de inicializacao 563 //ativa o banner de inicializacao
566 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000); 564 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
567 (function() { 565 (function() {
  566 + //parametros aplicados na criacao do arquivo mapfile
568 var parametrosMapa = { 567 var parametrosMapa = {
569 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...) 568 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
570 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa 569 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -644,7 +643,9 @@ @@ -644,7 +643,9 @@
644 filters: [{ 643 filters: [{
645 layer: "", 644 layer: "",
646 expression: "" 645 expression: ""
647 - }] 646 + }],
  647 + //id de um mapa salvo e que sera recuperado
  648 + restoreMapId : ""
648 }; 649 };
649 var config = { 650 var config = {
650 //id do elemento HTML onde o corpo do mapa sera renderizado 651 //id do elemento HTML onde o corpo do mapa sera renderizado
@@ -661,6 +662,11 @@ @@ -661,6 +662,11 @@
661 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX 662 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
662 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo" 663 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
663 i3GeoServer : "", 664 i3GeoServer : "",
  665 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  666 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  667 + //se for vazio, sera utilizado o valor definido no LAYER original
  668 + //Nao se aplica na interface googlemaps
  669 + layerOpacity: "",
664 //Funcao que sera executada apos a inicializacao do mapa 670 //Funcao que sera executada apos a inicializacao do mapa
665 afterStart : function(){ 671 afterStart : function(){
666 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"}); 672 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
@@ -779,8 +785,43 @@ @@ -779,8 +785,43 @@
779 ] 785 ]
780 }, 786 },
781 //opcoes para o objeto view, que e uma instancia de MapOptions 787 //opcoes para o objeto view, que e uma instancia de MapOptions
  788 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
782 ViewOptions : { 789 ViewOptions : {
783 790
  791 + },
  792 + //botoes que sao mostrados no editor vetorial
  793 + editorButtons : {
  794 + 'imprimir': false,
  795 + 'grid': false,
  796 + 'pan' : false,
  797 + 'zoombox' : false,
  798 + 'zoomtot' : false,
  799 + 'zoomin' : false,
  800 + 'zoomout' : false,
  801 + 'distancia' : false,
  802 + 'area' : false,
  803 + 'identifica' : false,
  804 + 'linha' : true,
  805 + 'ponto' : true,
  806 + 'poligono' : true,
  807 + 'texto' : true,
  808 + 'edita' : true,
  809 + 'listag' : true,
  810 + 'corta' : true,
  811 + 'apaga' : true,
  812 + 'procura' : false,
  813 + 'selecao' : true,
  814 + 'selecaotudo' : true,
  815 + 'salva' : true,
  816 + 'ajuda' : true,
  817 + 'propriedades' : true,
  818 + 'fecha' : true,
  819 + 'tools' : true,
  820 + 'undo' : false,
  821 + 'frente' : false,
  822 + 'legenda' : false,
  823 + 'rodadomouse' : true,
  824 + 'novaaba' : false
784 } 825 }
785 }, 826 },
786 //configuracoes especificas para a interface GoogleMaps 827 //configuracoes especificas para a interface GoogleMaps
interface/osmdebug.htm
  Diff comments   View file @b367e03
@@ -20,8 +20,6 @@ @@ -20,8 +20,6 @@
20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> --> 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
21 <link rel="stylesheet" type="text/css" href="../css/default.css"> 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
22 <style> 22 <style>
23 -  
24 -  
25 .ol-attribution.ol-uncollapsible { 23 .ol-attribution.ol-uncollapsible {
26 height: 2.1em; 24 height: 2.1em;
27 right: 24px; 25 right: 24px;
@@ -150,14 +148,14 @@ @@ -150,14 +148,14 @@
150 <!-- configuracao para todos os botoes 148 <!-- configuracao para todos os botoes
151 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado 149 data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
152 --> 150 -->
153 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);"> 151 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
154 <!-- ferramentas 152 <!-- ferramentas
155 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
156 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
157 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior 155 data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
158 --> 156 -->
159 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
160 - <button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 157 + <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  158 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
161 <i class="material-icons">business_center</i> 159 <i class="material-icons">business_center</i>
162 </button> 160 </button>
163 </div> 161 </div>
@@ -168,8 +166,8 @@ @@ -168,8 +166,8 @@
168 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
169 do metadata existente na camada. Deixe vazio para nao ativar a operacao. 167 do metadata existente na camada. Deixe vazio para nao ativar a operacao.
170 --> 168 -->
171 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
172 - <button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 169 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  170 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
173 <i class="material-icons"><i class="material-icons">visibility</i></i> 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
174 </button> 172 </button>
175 </div> 173 </div>
@@ -182,36 +180,36 @@ @@ -182,36 +180,36 @@
182 Variaveis javascript: 180 Variaveis javascript:
183 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio. 181 i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
184 --> 182 -->
185 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
186 - <button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 183 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  184 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
187 <i class="material-icons">layers</i> 185 <i class="material-icons">layers</i>
188 </button> 186 </button>
189 </div> 187 </div>
190 <!-- legenda --> 188 <!-- legenda -->
191 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
192 - <button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 189 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  190 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
193 <i class="material-icons">view_list</i> 191 <i class="material-icons">view_list</i>
194 </button> 192 </button>
195 </div> 193 </div>
196 - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
197 - <button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 194 + <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  195 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
198 <i class="material-icons">compare_arrows</i> 196 <i class="material-icons">compare_arrows</i>
199 </button> 197 </button>
200 </div> 198 </div>
201 <!-- Busca --> 199 <!-- Busca -->
202 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
203 - <button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 200 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  201 + <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
204 <i class="material-icons">search</i> 202 <i class="material-icons">search</i>
205 </button> 203 </button>
206 </div> 204 </div>
207 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
208 - <button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;"> 205 + <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  206 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
209 <i class="material-icons">location_on</i> 207 <i class="material-icons">location_on</i>
210 </button> 208 </button>
211 </div> 209 </div>
212 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
213 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;"> 211 <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
214 - <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;"> 212 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
215 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;"> 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
216 </button> 214 </button>
217 </div> 215 </div>
@@ -565,6 +563,7 @@ @@ -565,6 +563,7 @@
565 //ativa o banner de inicializacao 563 //ativa o banner de inicializacao
566 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000); 564 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
567 (function() { 565 (function() {
  566 + //parametros aplicados na criacao do arquivo mapfile
568 var parametrosMapa = { 567 var parametrosMapa = {
569 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...) 568 //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
570 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa 569 //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -644,7 +643,9 @@ @@ -644,7 +643,9 @@
644 filters: [{ 643 filters: [{
645 layer: "", 644 layer: "",
646 expression: "" 645 expression: ""
647 - }] 646 + }],
  647 + //id de um mapa salvo e que sera recuperado
  648 + restoreMapId : ""
648 }; 649 };
649 var config = { 650 var config = {
650 //id do elemento HTML onde o corpo do mapa sera renderizado 651 //id do elemento HTML onde o corpo do mapa sera renderizado
@@ -661,6 +662,11 @@ @@ -661,6 +662,11 @@
661 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX 662 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
662 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo" 663 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
663 i3GeoServer : "", 664 i3GeoServer : "",
  665 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  666 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  667 + //se for vazio, sera utilizado o valor definido no LAYER original
  668 + //Nao se aplica na interface googlemaps
  669 + layerOpacity: "",
664 //Funcao que sera executada apos a inicializacao do mapa 670 //Funcao que sera executada apos a inicializacao do mapa
665 afterStart : function(){ 671 afterStart : function(){
666 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"}); 672 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
@@ -779,8 +785,43 @@ @@ -779,8 +785,43 @@
779 ] 785 ]
780 }, 786 },
781 //opcoes para o objeto view, que e uma instancia de MapOptions 787 //opcoes para o objeto view, que e uma instancia de MapOptions
  788 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
782 ViewOptions : { 789 ViewOptions : {
783 790
  791 + },
  792 + //botoes que sao mostrados no editor vetorial
  793 + editorButtons : {
  794 + 'imprimir': false,
  795 + 'grid': false,
  796 + 'pan' : false,
  797 + 'zoombox' : false,
  798 + 'zoomtot' : false,
  799 + 'zoomin' : false,
  800 + 'zoomout' : false,
  801 + 'distancia' : false,
  802 + 'area' : false,
  803 + 'identifica' : false,
  804 + 'linha' : true,
  805 + 'ponto' : true,
  806 + 'poligono' : true,
  807 + 'texto' : true,
  808 + 'edita' : true,
  809 + 'listag' : true,
  810 + 'corta' : true,
  811 + 'apaga' : true,
  812 + 'procura' : false,
  813 + 'selecao' : true,
  814 + 'selecaotudo' : true,
  815 + 'salva' : true,
  816 + 'ajuda' : true,
  817 + 'propriedades' : true,
  818 + 'fecha' : true,
  819 + 'tools' : true,
  820 + 'undo' : false,
  821 + 'frente' : false,
  822 + 'legenda' : false,
  823 + 'rodadomouse' : true,
  824 + 'novaaba' : false
784 } 825 }
785 }, 826 },
786 //configuracoes especificas para a interface GoogleMaps 827 //configuracoes especificas para a interface GoogleMaps
js/compactados/ajuda_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/analise_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/arvoredecamadas_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/arvoredetemas_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/base64_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/busca_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/caixaDeFerramentas_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/calculo_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoDir_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoEstrelas_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoInde_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoMapas_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoMenus_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoMetaestat_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoOgc_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoRegioes_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/catalogoSistemas_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/configura_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/coordenadas_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/desenho_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/dicionario_ajuda_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/dicionario_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/editor_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/eventos_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/guias_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/idioma_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/ini_i3geo_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/interface_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/janela_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/legenda_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/login_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/mapa_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/maparef_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/marcador_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/mustache.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/navega_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/php_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/plugini3geo_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/proj4js.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/social_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/tema_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/util_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
js/compactados/wicket.js 100755 → 100644
  Diff comments   View file @b367e03
js/i3geo_tudo_compacto7.js.php 100755 → 100644
  Diff comments   View file @b367e03
pacotes/cpaint/cpaint2_compacto.inc.js 100755 → 100644
  Diff comments   View file @b367e03
pacotes/mobileesp/mdetect_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
pacotes/yui290/build/carousel/carousel_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
pacotes/yui290/build/container/container_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
pacotes/yui290/build/container/container_core_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
pacotes/yui290/build/resize/resize_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
pacotes/yui290/build/treeview/treeview_compacto.js 100755 → 100644
  Diff comments   View file @b367e03
pacotes/yui290/build/utilities/utilities_compacto.js 100755 → 100644
  Diff comments   View file @b367e03