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 214 border: solid 1px gray;
215 215 box-shadow: 0px 1px 3px lightgray;
216 216 cursor: pointer;
217   - width: 40px;
218   - height: 40px;
219 217 background-color: rgba(0,60,136,.5);
220 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 235 #i3GEOguiaMovel {
224 236 position: absolute;
225 237 display: block;
... ... @@ -299,7 +311,7 @@ hr {
299 311 }
300 312 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/
301 313 .separadorCabecalhoGuias{
302   - height: 40px;
  314 + height: 10px;
303 315 }
304 316  
305 317  
... ... @@ -436,16 +448,19 @@ no caso do OL3
436 448  
437 449 .ol-zoom {
438 450 top: 2.8em;
  451 + font-size: 1.8rem;
439 452 }
440 453  
441 454 .ol-i3GEOcontrols {
442 455 top: 2.8em;
443 456 left: 3.5em;
444 457 width: auto;
  458 + font-size: 1.8rem;
445 459 }
446 460  
447 461 .ol-touch .ol-zoomslider, .ol-zoomslider {
448 462 top: 8.2em;
  463 + font-size: 1.8rem;
449 464 }
450 465  
451 466 .ol-scale-line {
... ...
css/geral.css
  Diff comments   View file @b367e03
... ... @@ -623,7 +623,7 @@ caption {
623 623 span {
624 624 font-family: Verdana, Arial, Helvetica, sans-serif;
625 625 }
626   -
  626 +/*
627 627 body {
628 628 background-color: black;
629 629 font-family: Verdana, Arial, Helvetica, sans-serif;
... ... @@ -631,7 +631,7 @@ body {
631 631 margin: 0px;
632 632 z-index: 1000;
633 633 }
634   -
  634 +*/
635 635 A {
636 636 text-align: left;
637 637 font-size: 11pt;
... ...
css/i3geo7.css
  Diff comments   View file @b367e03
... ... @@ -837,6 +837,7 @@ position: relative;
837 837 span {
838 838 font-family: Verdana, Arial, Helvetica, sans-serif;
839 839 }
  840 +/*
840 841 body {
841 842 background-color: black;
842 843 font-family: Verdana, Arial, Helvetica, sans-serif;
... ... @@ -844,6 +845,7 @@ font-size: 12px;
844 845 margin: 0px;
845 846 z-index: 1000;
846 847 }
  848 +*/
847 849 A {
848 850 text-align: left;
849 851 font-size: 11pt;
... ...
css/i3geo7.css.php 100755 → 100644
  Diff comments   View file @b367e03
... ... @@ -837,6 +837,7 @@ position: relative;
837 837 span {
838 838 font-family: Verdana, Arial, Helvetica, sans-serif;
839 839 }
  840 +/*
840 841 body {
841 842 background-color: black;
842 843 font-family: Verdana, Arial, Helvetica, sans-serif;
... ... @@ -844,6 +845,7 @@ font-size: 12px;
844 845 margin: 0px;
845 846 z-index: 1000;
846 847 }
  848 +*/
847 849 A {
848 850 text-align: left;
849 851 font-size: 11pt;
... ...
css/i3geo_ferramentas7.css
  Diff comments   View file @b367e03
... ... @@ -927,7 +927,7 @@ caption {
927 927 span {
928 928 font-family: Verdana, Arial, Helvetica, sans-serif;
929 929 }
930   -
  930 +/*
931 931 body {
932 932 background-color: black;
933 933 font-family: Verdana, Arial, Helvetica, sans-serif;
... ... @@ -935,7 +935,7 @@ body {
935 935 margin: 0px;
936 936 z-index: 1000;
937 937 }
938   -
  938 +*/
939 939 A {
940 940 text-align: left;
941 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 7 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
8 8 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
9 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 11 <title>i3GEO - GM</title>
12 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 14 <script src="../js/i3geo.js"></script>
15 15 <!-- lista com os links que serao mostrados na guia ferramentas -->
16 16 <script src="../js/listaDeFerramentas.js"></script>
17 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 20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
21 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 26  
27 27  
28 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 35 .ol-i3GEOcontrols {
... ... @@ -39,769 +39,792 @@ include(&quot;../ms_configura.php&quot;);
39 39 }
40 40  
41 41 .escalanumerica {
42   - margin-left: 112px;
43   - bottom:40px;
  42 + margin-left: 112px;
  43 + bottom:40px;
44 44 }
45 45  
46 46 .localizarxy {
47   - bottom:5px;
  47 + bottom:5px;
48 48 }
49 49 </style>
50 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 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 828 </body>
806 829  
807 830 </html>
... ...
interface/gmdebug.phtml
  Diff comments   View file @b367e03
... ... @@ -15,7 +15,7 @@ include(&quot;../ms_configura.php&quot;);
15 15 <!-- lista com os links que serao mostrados na guia ferramentas -->
16 16 <script src="../js/listaDeFerramentas.js"></script>
17 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 20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
21 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 61 -->
62 62 <div id="mapai3Geo" >
63 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 66 <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
70 67 <div class="localizarxy fundoRodape hidden-xs hidden-sm" >
... ... @@ -165,14 +162,14 @@ include(&quot;../ms_configura.php&quot;);
165 162 <!-- configuracao para todos os botoes
166 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 166 <!-- ferramentas
170 167 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
171 168 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
172 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 173 <i class="material-icons">business_center</i>
177 174 </button>
178 175 </div>
... ... @@ -183,8 +180,8 @@ include(&quot;../ms_configura.php&quot;);
183 180 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
184 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 185 <i class="material-icons"><i class="material-icons">visibility</i></i>
189 186 </button>
190 187 </div>
... ... @@ -197,30 +194,30 @@ include(&quot;../ms_configura.php&quot;);
197 194 Variaveis javascript:
198 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 199 <i class="material-icons">layers</i>
203 200 </button>
204 201 </div>
205 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 205 <i class="material-icons">view_list</i>
209 206 </button>
210 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 210 <i class="material-icons">compare_arrows</i>
214 211 </button>
215 212 </div>
216 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 216 <i class="material-icons">search</i>
220 217 </button>
221 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 221 <i class="material-icons">location_on</i>
225 222 </button>
226 223 </div>
... ... @@ -239,25 +236,27 @@ include(&quot;../ms_configura.php&quot;);
239 236 <div id="i3GEOguiaMovelConteudo" >
240 237 <!-- camadas existentes no mapa -->
241 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 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 258 </div>
  259 + <hr>
261 260 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
262 261 <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
263 262 <!-- Esta div acrescenta a lista de de camadas de fundo
... ... @@ -286,48 +285,48 @@ include(&quot;../ms_configura.php&quot;);
286 285 <div id="catalogoNavegacao"></div>
287 286 <!-- Opcoes -->
288 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 295 <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
297   - </li>
298   -
299   - <li>
  296 + </p>
  297 + <p>
300 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 302 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
305   - </li>
306   - <li>
  303 + </p>
  304 + <p>
307 305 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
308   - </li>
309   - <li>
  306 + </p>
  307 + <p>
310 308 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
311   - </li>
312   - <li>
  309 + </p>
  310 + <p>
313 311 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
314   - </li>
315   - <li>
  312 + </p>
  313 + <p>
316 314 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
317   - </li>
318   - <li>
  315 + </p>
  316 + <p>
319 317 <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
320   - </li>
321   - <li>
  318 + </p>
  319 + <p>
322 320 <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
323   - </li>
324   - <li>
  321 + </p>
  322 + <p>
325 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 328 </div>
  329 + <hr>
331 330 <!-- busca tema no catalogo
332 331 <div class="form-group label-floating">
333 332 <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
... ... @@ -555,13 +554,12 @@ include(&quot;../ms_configura.php&quot;);
555 554 </div>
556 555 </div>
557 556 </div>
558   - <!-- para mostrar o banner de abertura, basta ter esse ID -->
  557 + <!-- para mostrar o banner de abertura -->
559 558 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
560 559 <div>
561 560 <table>
562 561 <tr>
563 562 <td>
564   -
565 563 <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
566 564 interativos e geoprocessamento</h4>
567 565 <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
... ... @@ -576,7 +574,10 @@ include(&quot;../ms_configura.php&quot;);
576 574 </div>
577 575 </script>
578 576 <script>
  577 + //ativa o banner de inicializacao
  578 + i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
579 579 (function() {
  580 + //parametros aplicados na criacao do arquivo mapfile
580 581 var parametrosMapa = {
581 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 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 657 filters: [{
657 658 layer: "",
658 659 expression: ""
659   - }]
  660 + }],
  661 + //id de um mapa salvo e que sera recuperado
  662 + restoreMapId : ""
660 663 };
661 664 var config = {
662 665 //id do elemento HTML onde o corpo do mapa sera renderizado
... ... @@ -673,10 +676,16 @@ include(&quot;../ms_configura.php&quot;);
673 676 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
674 677 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
675 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 684 //Funcao que sera executada apos a inicializacao do mapa
677 685 afterStart : function(){
678 686 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
679 687 $('.iconeGuiaMovel').tooltip('show');
  688 + $("#i3GEOguiaMovelConteudo").mCustomScrollbar({scrollbarPosition: "outside",theme:"inset-2-dark"});
680 689 //setTimeout(function() {
681 690 // $('.iconeGuiaMovel').tooltip('destroy');
682 691 //}, 30000);
... ... @@ -693,10 +702,15 @@ include(&quot;../ms_configura.php&quot;);
693 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 706 components : {
698 707 //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
699 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 714 //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
701 715 idsMenus : [],
702 716 //webservice utilizado na opcao de encontrar lugares
... ... @@ -730,6 +744,14 @@ include(&quot;../ms_configura.php&quot;);
730 744 minWidth : '200px',
731 745 //Altura e largura do tooltip (balao)
732 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 757 //parametros de configuracao das ferramentas que sao acionadas sob demanda
... ... @@ -755,6 +777,7 @@ include(&quot;../ms_configura.php&quot;);
755 777 MapOptions : {
756 778 layers : [],
757 779 controls : [
  780 +
758 781 ],
759 782 loadTilesWhileAnimating : true,
760 783 loadTilesWhileInteracting : true,
... ...
interface/googlemaps_noite.phtml
  Diff comments   View file @b367e03
... ... @@ -7,15 +7,15 @@ include(&quot;../ms_configura.php&quot;);
7 7 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
8 8 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
9 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 11 <title>i3GEO - GM</title>
12 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 14 <script src="../js/i3geo.js"></script>
15 15 <!-- lista com os links que serao mostrados na guia ferramentas -->
16 16 <script src="../js/listaDeFerramentas.js"></script>
17 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 20 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
21 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 26  
27 27  
28 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 35 .ol-i3GEOcontrols {
... ... @@ -39,749 +39,792 @@ include(&quot;../ms_configura.php&quot;);
39 39 }
40 40  
41 41 .escalanumerica {
42   - margin-left: 112px;
43   - bottom:40px;
  42 + margin-left: 112px;
  43 + bottom:40px;
44 44 }
45 45  
46 46 .localizarxy {
47   - bottom:5px;
  47 + bottom:5px;
48 48 }
49 49 </style>
50 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 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 828 </body>
786 829  
787 830 </html>
... ...
interface/ol.htm
  Diff comments   View file @b367e03
... ... @@ -20,8 +20,6 @@
20 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
21 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
22 22 <style>
23   -
24   -
25 23 .ol-attribution.ol-uncollapsible {
26 24 height: 2.1em;
27 25 right: 24px;
... ... @@ -150,14 +148,14 @@
150 148 <!-- configuracao para todos os botoes
151 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 152 <!-- ferramentas
155 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
156 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
157 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 159 <i class="material-icons">business_center</i>
162 160 </button>
163 161 </div>
... ... @@ -168,8 +166,8 @@
168 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
169 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 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
174 172 </button>
175 173 </div>
... ... @@ -182,36 +180,36 @@
182 180 Variaveis javascript:
183 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 185 <i class="material-icons">layers</i>
188 186 </button>
189 187 </div>
190 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 191 <i class="material-icons">view_list</i>
194 192 </button>
195 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 196 <i class="material-icons">compare_arrows</i>
199 197 </button>
200 198 </div>
201 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 202 <i class="material-icons">search</i>
205 203 </button>
206 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 207 <i class="material-icons">location_on</i>
210 208 </button>
211 209 </div>
212 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
213 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 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
216 214 </button>
217 215 </div>
... ... @@ -565,6 +563,7 @@
565 563 //ativa o banner de inicializacao
566 564 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
567 565 (function() {
  566 + //parametros aplicados na criacao do arquivo mapfile
568 567 var parametrosMapa = {
569 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 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 643 filters: [{
645 644 layer: "",
646 645 expression: ""
647   - }]
  646 + }],
  647 + //id de um mapa salvo e que sera recuperado
  648 + restoreMapId : ""
648 649 };
649 650 var config = {
650 651 //id do elemento HTML onde o corpo do mapa sera renderizado
... ... @@ -661,6 +662,11 @@
661 662 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
662 663 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
663 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 670 //Funcao que sera executada apos a inicializacao do mapa
665 671 afterStart : function(){
666 672 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
... ... @@ -779,8 +785,43 @@
779 785 ]
780 786 },
781 787 //opcoes para o objeto view, que e uma instancia de MapOptions
  788 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
782 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 827 //configuracoes especificas para a interface GoogleMaps
... ...
interface/openlayersdebug.htm
  Diff comments   View file @b367e03
... ... @@ -148,14 +148,14 @@
148 148 <!-- configuracao para todos os botoes
149 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 152 <!-- ferramentas
153 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
154 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
155 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 159 <i class="material-icons">business_center</i>
160 160 </button>
161 161 </div>
... ... @@ -166,8 +166,8 @@
166 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
167 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 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
172 172 </button>
173 173 </div>
... ... @@ -180,36 +180,36 @@
180 180 Variaveis javascript:
181 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 185 <i class="material-icons">layers</i>
186 186 </button>
187 187 </div>
188 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 191 <i class="material-icons">view_list</i>
192 192 </button>
193 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 196 <i class="material-icons">compare_arrows</i>
197 197 </button>
198 198 </div>
199 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 202 <i class="material-icons">search</i>
203 203 </button>
204 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 207 <i class="material-icons">location_on</i>
208 208 </button>
209 209 </div>
210 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
211 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 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
214 214 </button>
215 215 </div>
... ...
interface/osm.htm
  Diff comments   View file @b367e03
... ... @@ -20,8 +20,6 @@
20 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
21 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
22 22 <style>
23   -
24   -
25 23 .ol-attribution.ol-uncollapsible {
26 24 height: 2.1em;
27 25 right: 24px;
... ... @@ -150,14 +148,14 @@
150 148 <!-- configuracao para todos os botoes
151 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 152 <!-- ferramentas
155 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
156 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
157 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 159 <i class="material-icons">business_center</i>
162 160 </button>
163 161 </div>
... ... @@ -168,8 +166,8 @@
168 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
169 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 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
174 172 </button>
175 173 </div>
... ... @@ -182,36 +180,36 @@
182 180 Variaveis javascript:
183 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 185 <i class="material-icons">layers</i>
188 186 </button>
189 187 </div>
190 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 191 <i class="material-icons">view_list</i>
194 192 </button>
195 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 196 <i class="material-icons">compare_arrows</i>
199 197 </button>
200 198 </div>
201 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 202 <i class="material-icons">search</i>
205 203 </button>
206 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 207 <i class="material-icons">location_on</i>
210 208 </button>
211 209 </div>
212 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
213 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 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
216 214 </button>
217 215 </div>
... ... @@ -565,6 +563,7 @@
565 563 //ativa o banner de inicializacao
566 564 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
567 565 (function() {
  566 + //parametros aplicados na criacao do arquivo mapfile
568 567 var parametrosMapa = {
569 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 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 643 filters: [{
645 644 layer: "",
646 645 expression: ""
647   - }]
  646 + }],
  647 + //id de um mapa salvo e que sera recuperado
  648 + restoreMapId : ""
648 649 };
649 650 var config = {
650 651 //id do elemento HTML onde o corpo do mapa sera renderizado
... ... @@ -661,6 +662,11 @@
661 662 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
662 663 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
663 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 670 //Funcao que sera executada apos a inicializacao do mapa
665 671 afterStart : function(){
666 672 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
... ... @@ -779,8 +785,43 @@
779 785 ]
780 786 },
781 787 //opcoes para o objeto view, que e uma instancia de MapOptions
  788 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
782 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 827 //configuracoes especificas para a interface GoogleMaps
... ...
interface/osmdebug.htm
  Diff comments   View file @b367e03
... ... @@ -20,8 +20,6 @@
20 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
21 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
22 22 <style>
23   -
24   -
25 23 .ol-attribution.ol-uncollapsible {
26 24 height: 2.1em;
27 25 right: 24px;
... ... @@ -150,14 +148,14 @@
150 148 <!-- configuracao para todos os botoes
151 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 152 <!-- ferramentas
155 153 data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
156 154 data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
157 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 159 <i class="material-icons">business_center</i>
162 160 </button>
163 161 </div>
... ... @@ -168,8 +166,8 @@
168 166 inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
169 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 171 <i class="material-icons"><i class="material-icons">visibility</i></i>
174 172 </button>
175 173 </div>
... ... @@ -182,36 +180,36 @@
182 180 Variaveis javascript:
183 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 185 <i class="material-icons">layers</i>
188 186 </button>
189 187 </div>
190 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 191 <i class="material-icons">view_list</i>
194 192 </button>
195 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 196 <i class="material-icons">compare_arrows</i>
199 197 </button>
200 198 </div>
201 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 202 <i class="material-icons">search</i>
205 203 </button>
206 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 207 <i class="material-icons">location_on</i>
210 208 </button>
211 209 </div>
212 210 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
213 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 213 <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
216 214 </button>
217 215 </div>
... ... @@ -565,6 +563,7 @@
565 563 //ativa o banner de inicializacao
566 564 i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
567 565 (function() {
  566 + //parametros aplicados na criacao do arquivo mapfile
568 567 var parametrosMapa = {
569 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 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 643 filters: [{
645 644 layer: "",
646 645 expression: ""
647   - }]
  646 + }],
  647 + //id de um mapa salvo e que sera recuperado
  648 + restoreMapId : ""
648 649 };
649 650 var config = {
650 651 //id do elemento HTML onde o corpo do mapa sera renderizado
... ... @@ -661,6 +662,11 @@
661 662 //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
662 663 //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
663 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 670 //Funcao que sera executada apos a inicializacao do mapa
665 671 afterStart : function(){
666 672 $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
... ... @@ -779,8 +785,43 @@
779 785 ]
780 786 },
781 787 //opcoes para o objeto view, que e uma instancia de MapOptions
  788 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
782 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 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