Download as
Browse Code »

Commit 0310a6619485db6c09d752289dcf137a50d32832

Authored by Edmar Moretti
1 parent 62bcdde6
Exists in master and in 6 other branches composer, doc-root, guia, licenca, readme, unmaintened

Modificação na forma de apresentação das opções das guias móveis

Showing 4 changed files with 2282 additions and 2067 deletions   Show diff stats
interface/ol.htm
  Diff comments   View file @0310a66
... ... @@ -7,6 +7,8 @@
7 7 <title>i3GEO - OpenLayers</title>
8 8 <script src="../pacotes/ol4/ol.js"></script>
9 9 <script src="../js/i3geo.js"></script>
  10 +<!-- carrega as funcoes dos botoes de edicao de elementos graficos -->
  11 +<script src="../ferramentas/editorol/editorol.js"></script>
10 12 <!-- lista com os links que serao mostrados na guia ferramentas -->
11 13 <script src="../js/listaDeFerramentas.js"></script>
12 14 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
... ... @@ -15,7 +17,6 @@
15 17 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
16 18 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
17 19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
18   -
19 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
20 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
21 22 <!-- para o tutorial -->
... ... @@ -43,12 +44,12 @@
43 44 -->
44 45 <body id="i3geo" style='background: white;'>
45 46 <!-- inclui o nome do usuario logado
46   - <div id="i3GEONomeLogin"
47   - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
48   - -->
  47 + <div id="i3GEONomeLogin"
  48 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  49 + -->
49 50 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
50   - Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
51   - -->
  51 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  52 + -->
52 53 <div id="mapai3Geo"></div>
53 54 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
54 55 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
... ... @@ -69,29 +70,48 @@
69 70 </select>
70 71 </div>
71 72 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
72   - X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
73   - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
74   - type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
75   - id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  73 + X:
  74 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  75 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  76 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  77 + Y:
  78 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  79 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  80 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  81 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
76 82 </div>
77 83 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
78   - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  84 + X:
  85 + <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  86 + Y:
  87 + <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
79 88 </div>
80 89 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
81   - GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
82   - onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  90 + GeoHash
  91 + <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  92 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
83 93 </div>
84 94 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
85   - X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
86   - type="text">
  95 + X:
  96 + <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  97 + Y:
  98 + <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
87 99 </div>
88 100 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
89   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
90   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  101 + X:
  102 + <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  103 + Y:
  104 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  105 + Zn:
  106 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
91 107 </div>
92 108 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
93   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
94   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  109 + X:
  110 + <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  111 + Y:
  112 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  113 + Zn:
  114 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
95 115 </div>
96 116 </div>
97 117 <!-- barra de icones de navegacao -->
... ... @@ -141,28 +161,29 @@
141 161 <!-- botoes laterais que abrem guias moveis -->
142 162 <div id="i3GEOguiaMovel">
143 163 <!-- configuracao para todos os botoes
144   - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
145   - -->
  164 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  165 + -->
146 166 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
147 167 <!-- ferramentas
148   - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
149   - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
150   - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
151   - -->
152   - <div data-tutorial="ferramentas" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  168 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  169 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  170 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  171 + -->
  172 + <div data-tutorial="ferramentas" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas"
  173 + onclick="i3GEO.guias.ativa('ferramentas',this)">
153 174 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
154 175 <i class="material-icons">business_center</i>
155 176 </button>
156 177 </div>
157 178 <!-- temas existentes no mapa
158   - data-idListaDeCamadas - id onde sera incluida a lista de camadas
159   - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
160   - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
161   - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
162   - do metadata existente na camada. Deixe vazio para nao ativar a operacao.
163   - -->
164   - <div data-tutorial="camadas" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
165   - style="margin-top: 3px;">
  179 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  180 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  181 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  182 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  183 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  184 + -->
  185 + <div data-tutorial="camadas" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo"
  186 + data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
166 187 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
167 188 <i class="material-icons"><i class="material-icons">visibility</i></i>
168 189 </button>
... ... @@ -188,6 +209,13 @@
188 209 <i class="material-icons">view_list</i>
189 210 </button>
190 211 </div>
  212 + <!--
  213 + <div data-tutorial="troca" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  214 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  215 + <i class="material-icons">compare_arrows</i>
  216 + </button>
  217 + </div>
  218 + -->
191 219 <!-- Busca -->
192 220 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
193 221 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -205,12 +233,12 @@
205 233 </button>
206 234 </div>
207 235 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
208   - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
209   - <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
210   - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
211   - </button>
212   - </div>
213   - -->
  236 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  237 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  238 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  239 + </button>
  240 + </div>
  241 + -->
214 242 </div>
215 243 <!-- veja i3GEO.guias.CONFIGURA -->
216 244 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -223,6 +251,41 @@
223 251 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');">
224 252 <span style="vertical-align: middle">{{{iconeMapa}}}</span>
225 253 </button>
  254 + <div class="dropdown">
  255 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  256 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  257 + </button>
  258 + <ul class="dropdown-menu dropdown-menu-right">
  259 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">
  260 + <span class="glyphicon glyphicon-refresh"></span> Refresh
  261 + </a></li>
  262 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">
  263 + <span class="glyphicon glyphicon-eye-open"></span> {{{t3a}}}
  264 + </a></li>
  265 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">
  266 + <span class="glyphicon glyphicon-eye-close"></span> {{{t3b}}}
  267 + </a></li>
  268 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">
  269 + <span class="glyphicon glyphicon-trash"></span> {{{t12}}}
  270 + </a></li>
  271 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">
  272 + <span class="glyphicon glyphicon-filter"></span> {{{t2a}}}
  273 + </a></li>
  274 + <li role="separator" class="divider"></li>
  275 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">
  276 + <span class="glyphicon glyphicon-adjust"></span> {{{t20}}}
  277 + </a></li>
  278 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">
  279 + <span class="glyphicon glyphicon-film"></span> {{{p21}}}
  280 + </a></li>
  281 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">
  282 + <span class="glyphicon glyphicon-print"></span> {{{d12}}}
  283 + </a></li>
  284 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">
  285 + <span class="glyphicon glyphicon-erase"></span> {{{t4}}}
  286 + </a></li>
  287 + </ul>
  288 + </div>
226 289 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
227 290 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
228 291 <span style="vertical-align: middle" class="material-icons">layers</span>
... ... @@ -234,49 +297,20 @@
234 297 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');">
235 298 <span style="vertical-align: middle" class="material-icons">cancel</span>
236 299 </button>
  300 +
237 301 </div>
238 302 <div class="separadorCabecalhoGuias">&nbsp;</div>
239   - <div class="guiaOverflow" style="height: calc(100% - 45px)">
240   - <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
241   - <label>{{{opcoes}}}</label>
242   - </div>
243   - <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
244   - <p>
245   - <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
246   - </p>
247   - <p>
248   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
249   - </p>
250   - <p>
251   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
252   - </p>
253   - <p>
254   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
255   - </p>
256   - <p>
257   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
258   - </p>
259   - <p>
260   - <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
261   - </p>
262   - <p>
263   - <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
264   - </p>
265   - <p>
266   - <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
267   - </p>
268   - <p>
269   - <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
270   - </p>
271   - </div>
272   - <hr>
273   - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  303 + <div class="guiaOverflow" style="height: calc(100% - 45px); width: calc(100% - 5px);">
  304 + <!-- Esta div acrescenta a lista de layers graficos -->
  305 + <div id="listaLayersGr" style="overflow: none;" data-template="templates/camadaGr.html"></div>
  306 + <div id="listaLayersGrBtn" style="overflow: none;"></div>
  307 + <!-- Esta div acrescenta a lista de camadas disponiveis no mapa atual -->
274 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
275 309 <!-- Esta div acrescenta a lista de de camadas de fundo
276   - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
277   - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
278   - no programa interface/config.php
279   - -->
  310 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  311 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  312 + no programa interface/config.php
  313 + -->
280 314 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
281 315 <label>{{{camadasDeFundo}}}</label>
282 316 </div>
... ... @@ -285,17 +319,44 @@
285 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
286 320 </form>
287 321 </div>
288   -
289 322 </div>
290 323 </div>
291 324 <!-- Catalogo de temas -->
292   - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
  325 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left; height: 100%;'>
293 326 <div class="i3GEOfechaGuia" style="display: flex;">
294 327 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
295 328 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span>
296 329 </button>
  330 + <div class="dropdown">
  331 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  332 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  333 + </button>
  334 + <ul class="dropdown-menu dropdown-menu-right">
  335 + <li><a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">
  336 + <span class="glyphicon glyphicon-log-in"></span> Login/Logout
  337 + </a></li>
  338 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">
  339 + <span class="glyphicon glyphicon-globe"></span> {{{a15}}}
  340 + </a></li>
  341 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">
  342 + <span class="glyphicon glyphicon-cloud-upload"></span> {{{a14}}}
  343 + </a></li>
  344 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">
  345 + <span class="glyphicon glyphicon-cloud-download"></span> {{{a3}}}
  346 + </a></li>
  347 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">
  348 + <span class="glyphicon glyphicon-import"></span> {{{a3a}}}
  349 + </a></li>
  350 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">
  351 + <span class="glyphicon glyphicon-search"></span> Busca na INDE
  352 + </a></li>
  353 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">
  354 + <span class="glyphicon glyphicon-import"></span> {{{a13}}}
  355 + </a></li>
  356 + </ul>
  357 + </div>
297 358 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
298   - data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
  359 + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" data-idListaLayersGr="listaLayersGr" data-idBtnLayersGr="listaLayersGrBtn">
299 360 <span style="vertical-align: middle" class="material-icons">visibility</span>
300 361 </button>
301 362 <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj"
... ... @@ -309,99 +370,58 @@
309 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
310 371  
311 372 <div class="guiaOverflow" style="height: calc(100% - 45px)">
312   - <div id="catalogoMigalha" style="display:block;" data-template="templates/catalogoMigalha.html"></div>
  373 + <div id="catalogoMigalha" style="display: block;" data-template="templates/catalogoMigalha.html"></div>
313 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
314 375 <div id="catalogoNavegacao"></div>
315 376 <!-- Opcoes -->
316 377 <div id="catalogoPrincipal">
317   - <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
318   - <label>{{{opcoes}}}</label>
319   - </div>
320   - <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
321   - <p>
322   - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
323   - </p>
324   - <p>
325   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
326   - </p>
327   - <li class="divider"></p>
328   - <p>
329   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
330   - </p>
331   - <p>
332   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
333   - </p>
334   - <p>
335   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
336   - </p>
337   - <p>
338   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
339   - </p>
340   - <p>
341   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
342   - </p>
343   - <p>
344   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
345   - </p>
346   - <p>
347   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
348   - </p>
349   - <p>
350   - <!-- <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>-->
351   - </p>
352   - <p>
353   - <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
354   - </p>
355   - </div>
356   -
357 378 <hr>
358 379 <!-- busca tema no catalogo
359   - <div class="form-group label-floating">
360   - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
361   - <div class="input-group">
362   - <input id="i3GEObuscatema" class="form-control" type="text" value="">
363   - <span class="input-group-btn">
364   - <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)">
365   - <span class="material-icons ">send</span>
366   - </a>
367   - </span>
368   - </div>
369   - </div>
370   - -->
  380 + <div class="form-group label-floating">
  381 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  382 + <div class="input-group">
  383 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  384 + <span class="input-group-btn">
  385 + <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)">
  386 + <span class="material-icons ">send</span>
  387 + </a>
  388 + </span>
  389 + </div>
  390 + </div>
  391 + -->
371 392 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
372   - Nessa funcao ficam tambem os parametros:
373   - "idOndeMenus": "catalogoMenus",
374   - "idCatalogoPrincipal": "catalogoPrincipal",
375   - "idCatalogoNavegacao": "catalogoNavegacao",
376   - "idOndeMigalha": "catalogoMigalha"
377   - -->
  393 + Nessa funcao ficam tambem os parametros:
  394 + "idOndeMenus": "catalogoMenus",
  395 + "idCatalogoPrincipal": "catalogoPrincipal",
  396 + "idCatalogoNavegacao": "catalogoNavegacao",
  397 + "idOndeMigalha": "catalogoMigalha"
  398 + -->
378 399 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
379 400  
380 401 <div id="arvoreAdicionaTema"></div>
381 402  
382 403 <!--
383   - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
384   - config: {
385   - 'templateDir': 'templates/dir.html',
386   - 'templateTema': 'templates/tema.html',
387   - 'idCatalogoPrincipal': 'catalogoPrincipal',
388   - 'idCatalogoNavegacao': 'catalogoNavegacao',
389   - 'idOndeMigalha': 'catalogoMigalha'
390   - }
  404 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  405 + config: {
  406 + 'templateDir': 'templates/dir.html',
  407 + 'templateTema': 'templates/tema.html',
  408 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  409 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  410 + 'idOndeMigalha': 'catalogoMigalha'
  411 + }
391 412  
392   - exemplo:
  413 + exemplo:
393 414  
394   - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
395   - -->
  415 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  416 + -->
396 417  
397 418 <!-- servicos da INDE brasileira -->
398 419 <div class="list-group condensed">
399   - <div class="row-content text-left" style="opacity:0.8;">
  420 + <div class="row-content text-left" style="opacity: 0.8;">
400 421 <label style="width: 300px; vertical-align: middle;">
401 422 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
402 423 <h4>
403   - <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
404   - INDE-Br
  424 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> INDE-Br
405 425 </h4>
406 426 </a>
407 427 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
... ... @@ -414,12 +434,11 @@
414 434 <hr>
415 435 <!-- lista de wms cadastrados no sistema de administracao -->
416 436 <div class="list-group condensed">
417   - <div class="row-content text-left" style="opacity:0.8;">
  437 + <div class="row-content text-left" style="opacity: 0.8;">
418 438 <label style="width: 300px; vertical-align: middle;">
419 439 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
420 440 <h4>
421   - <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
422   - OGC-WMS
  441 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> OGC-WMS
423 442 </h4>
424 443 </a>
425 444 <h6>{{{descOgcWms}}}</h6>
... ... @@ -436,8 +455,7 @@
436 455 <label style="width: 300px; vertical-align: middle;">
437 456 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
438 457 <h4>
439   - <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
440   - {{{x87}}}
  458 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i> {{{x87}}}
441 459 </h4>
442 460 </a>
443 461 <h6>{{{descLimLoc}}}</h6>
... ... @@ -450,12 +468,11 @@
450 468 <hr>
451 469 <!-- camadas que vem do sistema de metadados estatisticos -->
452 470 <div class="list-group condensed">
453   - <div class="row-content text-left" style="opacity:0.8;">
  471 + <div class="row-content text-left" style="opacity: 0.8;">
454 472 <label style="width: 300px; vertical-align: middle;">
455 473 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
456 474 <h4>
457   - <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
458   - {{{x57}}}
  475 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i> {{{x57}}}
459 476 </h4>
460 477 </a>
461 478 <h6>{{{descMeta}}}</h6>
... ... @@ -468,13 +485,11 @@
468 485 <hr>
469 486 <!-- camadas por estrelas -->
470 487 <div class="list-group condensed">
471   - <div class="row-content text-left" style="opacity:0.8;">
  488 + <div class="row-content text-left" style="opacity: 0.8;">
472 489 <label style="width: 300px; vertical-align: middle;">
473   - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
474   - href="javascript:void(0)">
  490 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
475 491 <h4>
476   - <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
477   - {{{t46}}}
  492 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i> {{{t46}}}
478 493 </h4>
479 494 </a>
480 495 <h6>{{{descEstrelas}}}</h6>
... ... @@ -487,12 +502,11 @@
487 502 <hr>
488 503 <!-- sistemas que adicionam camadas -->
489 504 <div class="list-group condensed">
490   - <div class="row-content text-left" style="opacity:0.8;">
  505 + <div class="row-content text-left" style="opacity: 0.8;">
491 506 <label style="width: 300px; vertical-align: middle;">
492 507 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
493 508 <h4>
494   - <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
495   - {{{a11}}}
  509 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i> {{{a11}}}
496 510 </h4>
497 511 </a>
498 512 <h6>{{{descSistemas}}}</h6>
... ... @@ -506,12 +520,11 @@
506 520 <hr>
507 521 <!-- navegacao em diretorios -->
508 522 <div class="list-group condensed">
509   - <div class="row-content text-left" style="opacity:0.8;">
  523 + <div class="row-content text-left" style="opacity: 0.8;">
510 524 <label style="width: 300px; vertical-align: middle;">
511 525 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
512 526 <h4>
513   - <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
514   - {{{a6}}}
  527 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i> {{{a6}}}
515 528 </h4>
516 529 </a>
517 530 <h6>{{{descDir}}}</h6>
... ... @@ -526,11 +539,14 @@
526 539 </div>
527 540 </div>
528 541 <!-- Legenda -->
529   - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
530   - <div class="i3GEOfechaGuia" style="display: flex;" >
  542 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left; height: 100%;'>
  543 + <div class="i3GEOfechaGuia" style="display: flex;">
531 544 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
532 545 <span style="vertical-align: middle">{{{iconeLegenda}}}</span>
533 546 </button>
  547 + <button type="button" title="{{{x11}}}" style="width: 3.5rem; height: 3rem;" class="text-right" onclick="i3GEO.legenda.inicia({'janela':true})">
  548 + <span style="vertical-align: middle" class="material-icons">list_alt</span>
  549 + </button>
534 550 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
535 551 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
536 552 <span style="vertical-align: middle" class="material-icons">visibility</span>
... ... @@ -543,18 +559,18 @@
543 559 <span style="vertical-align: middle" class="material-icons">cancel</span>
544 560 </button>
545 561 </div>
  562 +
546 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
547 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
548   - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
549 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
550 566 </div>
551 567 </div>
552 568 <!-- busca
553   - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
554   - No botao que dispara a busca, ficam os parametros de configuracao
555   - 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
556   - -->
557   - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
  569 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  570 + No botao que dispara a busca, ficam os parametros de configuracao
  571 + 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
  572 + -->
  573 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height: 100%'>
558 574 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
559 575 <button>
560 576 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
... ... @@ -566,11 +582,11 @@
566 582 <div class="form-group label-floating">
567 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
568 584 <div class="input-group">
569   - <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
570   - onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
571   - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
572   - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
573   - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  585 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  586 + <span class="input-group-btn"> <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html"
  587 + data-inputGoogle="[name=google]" data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html"
  588 + data-inputTemasMapa="[name=temasMapa]" data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html"
  589 + data-ondeConteiner="#guia7obj" data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
574 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
575 591 <span class="material-icons ">send</span>
576 592 </a>
... ... @@ -581,26 +597,30 @@
581 597 <div class="form-inline" style="width: 100%;">
582 598 <div class="list-group condensed">
583 599 <div class="checkbox text-left">
584   - <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  600 + <label>
  601 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">
  602 + {{{x38}}}
585 603 </label>
586 604 </div>
587 605 </div>
588 606 <div class="list-group condensed">
589 607 <div class="checkbox text-left">
590   - <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  608 + <label>
  609 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  610 + {{{x39}}}
591 611 </label>
592 612 </div>
593 613 </div>
594 614 <!-- Apenas para a interface google maps
595   - <div class="list-group condensed">
596   - <div class="checkbox text-left">
597   - <label>
598   - <input class="noprint" value="on" type="checkbox" name="google">
599   - <span class="checkbox-material noprint"><span class="check"></span></span> Google
600   - </label>
601   - </div>
602   - </div>
603   - -->
  615 + <div class="list-group condensed">
  616 + <div class="checkbox text-left">
  617 + <label>
  618 + <input class="noprint" value="on" type="checkbox" name="google">
  619 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  620 + </label>
  621 + </div>
  622 + </div>
  623 + -->
604 624 </div>
605 625 </form>
606 626 <hr>
... ... @@ -611,7 +631,7 @@
611 631 </div>
612 632 </div>
613 633 <!-- Ferramentas -->
614   - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
  634 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left; height: 100%'>
615 635 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
616 636 <button>
617 637 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
... ... @@ -620,25 +640,25 @@
620 640 <div class="separadorCabecalhoGuias">&nbsp;</div>
621 641 <div class="guiaOverflow" style="height: calc(100% - 45px)">
622 642 <div class="form-inline" style="width: 100%;">
623   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  643 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
624 644 <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)">
625 645 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
626 646 </a>
627 647 <h6>{{{d21at}}}</h6>
628 648 </div>
629   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  649 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
630 650 <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)">
631 651 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
632 652 </a>
633 653 <h6>{{{d21t}}}</h6>
634 654 </div>
635   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  655 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
636 656 <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)">
637 657 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
638 658 </a>
639 659 <h6>{{{d24t}}}</h6>
640 660 </div>
641   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  661 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
642 662 <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)">
643 663 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
644 664 </a>
... ... @@ -646,8 +666,8 @@
646 666 </div>
647 667 </div>
648 668 <div class="clearfix"></div>
649   - <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block;text-align: center;width: 100%;padding-left: 1rem;padding-right: 1rem;'></div>
650 669  
  670 + <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block; text-align: center; width: 100%; padding-left: 1rem; padding-right: 1rem;'></div>
651 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
652 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
653 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
... ... @@ -656,7 +676,6 @@
656 676 </div>
657 677 </div>
658 678 </div>
659   -
660 679 <!-- para mostrar o banner de abertura -->
661 680 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
662 681 <div>
... ... @@ -677,335 +696,371 @@
677 696 </div>
678 697 </script>
679 698 <script>
680   - //ativa o banner de inicializacao
681   - i3GEO.janela.tempoMsg(
682   - $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
683   - (function() {
684   - //parametros aplicados na criacao do arquivo mapfile
685   - var parametrosMapa = {
686   - //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
687   - //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
688   - mapfilebase : "",
689   - //extensao geografica do mapa
690   - //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
691   - //exemplo [-77,-26,-30,6]
692   - mapext : [],
693   - //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
694   - perfil : "",
695   - //layers que serao adicionados ao mapa.
696   - //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
697   - layers : {
698   - //array com a lista dos layers que serao adicionados e ligados (visiveis)
699   - add : [],
700   - //array com a lista dos layers que serao adicionados mas nao ligados
701   - on : [],
702   - //array com os layers desligados
703   - off : []
704   - },
705   - //lista de coordenadas x e y que serao adicionadas como pontos no mapa
706   - points : {
707   - //array com a lista de coordenadas
708   - coord : [],
709   - //titulo da nova camada
710   - title : ""
711   - },
712   - //lista de coordenadas x e y que serao adicionadas como linhas no mapa
713   - lines : {
714   - //array de arrays com a lista de coordenadas de cada linha
715   - //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
716   - coord : [ [] ],
717   - //titulo da nova camada
718   - title : ""
719   - },
720   - //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
721   - polygons : {
722   - //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
723   - //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
724   - coord : [ [] ],
725   - //titulo da nova camada
726   - title : ""
727   - },
728   - //insere elementos no mapa com coordenadas definidas em wkt
729   - wkt : {
730   - //string no formato wkt
731   - coord : "",
732   - //titulo da nova camada
733   - title : ""
734   - },
735   - //simbolo que sera utilizado para desenhar os elementos inseridos
736   - symbol : {
737   - //codigo do simbolo conforme definido em i3geo/symbols
738   - name : "",
739   - //em rgb, exemplo "0 255 0"
740   - color : "",
741   - //em pixels
742   - size : ""
743   - },
744   - //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
745   - kml : {
746   - url : ""
747   - },
748   - //endereco de um WMS (sera incluido como uma camada no mapa)
749   - wms : {
750   - url : "",
751   - layer : "",
752   - style : "",
753   - title : "",
754   - srs : "",
755   - imagetype : "",
756   - version : ""
757   - },
758   - //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
759   - //do mapserver, exemplo
760   - //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
761   - filters : [ {
762   - layer : "",
763   - expression : ""
764   - } ],
765   - //id de um mapa salvo e que sera recuperado
766   - restoreMapId : ""
767   - };
768   - var config = {
769   - //id do elemento HTML onde o corpo do mapa sera renderizado
770   - mapBody : "mapai3Geo",
771   - //tipo de mapa. Pode ser:
772   - //OL - utiliza o OpenLayers e coordenadas geograficas
773   - //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
774   - //GM - utiliza o GoogleMaps como motor de controle do mapa
775   - mapType : "OL",
776   - //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
777   - saveExtension : false,
778   - //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
779   - posRenderType : "",
780   - //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
781   - //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
782   - //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
783   - i3GeoServer : i3GeoUrl,
784   - //opacidade default para camadas que nao sejam do tipo linha ou ponto
785   - //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
786   - //se for vazio, sera utilizado o valor definido no LAYER original
787   - //Nao se aplica na interface googlemaps
788   - layerOpacity : "",
789   - //Funcao que sera executada apos a inicializacao do mapa
790   - afterStart : function() {
791   - $('.iconeGuiaMovel').tooltip({
792   - animation : false,
793   - trigger : "manual hover",
794   - placement : "left"
795   - });
796   - $('.iconeGuiaMovel').tooltip('show');
797   - setTimeout(function(){$('.iconeGuiaMovel').tooltip('hide');},5000);
  699 + //ativa o banner de inicializacao
  700 + i3GEO.janela.tempoMsg(
  701 + $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
  702 + (function() {
  703 + //parametros aplicados na criacao do arquivo mapfile
  704 + var parametrosMapa = {
  705 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  706 + //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
  707 + mapfilebase : "",
  708 + //extensao geografica do mapa
  709 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  710 + //exemplo [-77,-26,-30,6]
  711 + mapext : [],
  712 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  713 + perfil : "",
  714 + //layers que serao adicionados ao mapa.
  715 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  716 + layers : {
  717 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  718 + add : [],
  719 + //array com a lista dos layers que serao adicionados mas nao ligados. Inclusive IDs do sistema de metadados estatisticos
  720 + on : [],
  721 + //array com os layers desligados
  722 + off : [],
  723 + //array com a lista de IDs que identificam medidas registradas no sistema de metadados
  724 + //estatisticos
  725 + metaestat : []
  726 + },
  727 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  728 + points : {
  729 + //array com a lista de coordenadas
  730 + coord : [],
  731 + //titulo da nova camada
  732 + title : ""
  733 + },
  734 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  735 + lines : {
  736 + //array de arrays com a lista de coordenadas de cada linha
  737 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  738 + coord : [ [] ],
  739 + //titulo da nova camada
  740 + title : ""
  741 + },
  742 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  743 + polygons : {
  744 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  745 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  746 + coord : [ [] ],
  747 + //titulo da nova camada
  748 + title : ""
  749 + },
  750 + //insere elementos no mapa com coordenadas definidas em wkt
  751 + wkt : {
  752 + //string no formato wkt
  753 + coord : "",
  754 + //titulo da nova camada
  755 + title : ""
  756 + },
  757 + //simbolo que sera utilizado para desenhar os elementos inseridos
  758 + symbol : {
  759 + //codigo do simbolo conforme definido em i3geo/symbols
  760 + name : "",
  761 + //em rgb, exemplo "0 255 0"
  762 + color : "",
  763 + //em pixels
  764 + size : ""
  765 + },
  766 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  767 + kml : {
  768 + url : ""
  769 + },
  770 + //endereco de um WMS (sera incluido como uma camada no mapa)
  771 + wms : {
  772 + url : "",
  773 + layer : "",
  774 + style : "",
  775 + title : "",
  776 + srs : "",
  777 + imagetype : "",
  778 + version : ""
  779 + },
  780 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  781 + //do mapserver, exemplo
  782 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  783 + filters : [ {
  784 + layer : "",
  785 + expression : ""
  786 + } ],
  787 + //id de um mapa salvo e que sera recuperado
  788 + restoreMapId : ""
  789 + };
  790 + var config = {
  791 + //id do elemento HTML onde o corpo do mapa sera renderizado
  792 + mapBody : "mapai3Geo",
  793 + //tipo de mapa. Pode ser:
  794 + //OL - utiliza o OpenLayers e coordenadas geograficas
  795 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  796 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  797 + mapType : "OL",
  798 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  799 + saveExtension : false,
  800 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  801 + posRenderType : "",
  802 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  803 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  804 + //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
  805 + i3GeoServer : i3GeoUrl,
  806 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  807 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  808 + //se for vazio, sera utilizado o valor definido no LAYER original
  809 + //Nao se aplica na interface googlemaps
  810 + layerOpacity : "",
  811 + //Funcao que sera executada apos a inicializacao do mapa
  812 + afterStart : function() {
  813 + $('.iconeGuiaMovel').tooltip({
  814 + animation : false,
  815 + trigger : "manual hover",
  816 + placement : "left"
  817 + });
  818 + $('.iconeGuiaMovel').tooltip('show');
  819 + setTimeout(function() {
  820 + $('.iconeGuiaMovel').tooltip('hide');
  821 + }, 5000);
  822 +
  823 + $('.ol-i3GEOcontrols button')
  824 + .tooltip(
  825 + {
  826 + animation : false,
  827 + trigger : "hover",
  828 + placement : "auto",
  829 + template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
  830 + });
  831 +
  832 + //$(".guiaOverflow").css("height",i3GEO.parametros.h - 140);
  833 +
  834 + $(".guiaOverflow").mCustomScrollbar({
  835 + scrollbarPosition : "inside",
  836 + theme : "inset-2-dark"
  837 + });
  838 + tutorial.init();
  839 + //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
798 840  
799   - $('.ol-i3GEOcontrols button').tooltip({
800   - animation : false,
801   - trigger : "hover",
802   - placement : "auto",
803   - template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
804   - });
805   - $(".guiaOverflow").mCustomScrollbar({
806   - scrollbarPosition : "inside",
807   - theme : "inset-2-dark"
808   - });
809   - tutorial.init();
810   - //setTimeout(function() {
811   - // $('.iconeGuiaMovel').tooltip('destroy');
812   - //}, 30000);
813   - //i3GEO.maparef.inicia();
814   - //
815   - //(largura, altura, topo, esquerda);
816   - //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
817   - //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
  841 + //setTimeout(function() {
  842 + // $('.iconeGuiaMovel').tooltip('destroy');
  843 + //}, 30000);
  844 + //i3GEO.maparef.inicia();
  845 + //
  846 + //(largura, altura, topo, esquerda);
  847 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  848 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
818 849  
819   - //abre a legenda do mapa em uma janela flutuante
820   - //i3GEO.legenda.inicia({
821   - //"idLegenda": "legendaHtml",
822   - //"templateLegenda": "templates/legenda.html",
823   - //"janela": true
824   - //});
825   - },
826   - //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
827   - components : {
828   - //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
829   - //e nao aos que possuem o link para a fonte definido no mapfile
830   - restrictAtt: true,
831   - //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
832   - info : true,
833   - //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
834   - idsMenus : [],
835   - //webservice utilizado na opcao de encontrar lugares
836   - searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
837   - //webservice wms que faz a apresentacao do lugar encontrado por searchService
838   - searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
839   - //posicao do mapa de referencia, em pixels [top,right]
840   - referenceMapPosition : [ 4, 120 ],
841   - //tipo do mapa de referencia. Pode ser wms ou map
842   - referenceType: "wms",
843   - //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
844   - tooltip : {
845   - //o resultado sera mostrado em uma janela do tipo modal
846   - modal : false,
847   - //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
848   - //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
849   - //use apenas se modal for true
850   - //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
851   - url : "",
852   - //template que sera usado para compor o resultado da busca de dados
853   - //se for vazio, serao utilizadas as outras opcoes
854   - //se contiver a string {{{url}}} a mesma sera substituida por url
855   - //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
856   - templateModal : "",
857   - //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
858   - simple : true,
859   - removeAoAdicionar : true,
860   - //parametros exclusivos da interface openlayers
861   - autoPan : true,
862   - autoPanAnimation : {
863   - duration : 250
864   - },
865   - minWidth : '200px',
866   - //Altura e largura do tooltip (balao)
867   - toolTipSize : [ "100px", "200px" ],
868   - //mostra ou nao o balao caso seja vazio
869   - openTipNoData : true
870   - },
871   - //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
872   - scrollBar : {
873   - theme : "inset-2",
874   - axis : "yx",
875   - scrollbarPosition : "inside",
876   - scrollButtons : {
877   - enable : true
878   - },
879   - advanced : {
880   - autoExpandHorizontalScroll : true
881   - }
882   - }
883   - },
884   - //parametros de configuracao das ferramentas que sao acionadas sob demanda
885   - //ferramentas localizadas em i3geo/ferramentas
886   - tools : {
887   - //ferramenta de busca de camadas em um servico CSW
888   - buscainde : {
889   - //endereco do servico no padrao CSW
890   - csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
891   - },
892   - //ferramenta de identificacao
893   - identifica : {
894   - //resolucao em pixels para busca de elementos
895   - resolution : 8
896   - },
897   - //mapa de referencia
898   - opcoesMaparef : {
899   - //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
900   - images : [
901   - {name: "Colorida", img: "referencia1"},
902   - {name: "B & W", img: "referencia1cinza"}
903   - ]
904   - }
905   - },
906   - //configuracoes especificas para a interface que utiliza o OpenLayers
907   - openLayers : {
908   - //utiliza ou nao tiles ao renderizar as camadas do mapa
909   - //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
910   - singleTile : false,
911   - //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
912   - MapOptions : {
913   - layers : [],
914   - controls : [ new ol.control.Zoom(),
915   - new ol.control.ZoomSlider(),
916   - new ol.control.ScaleLine(),
917   - new ol.control.Attribution({
918   - collapsible : true
919   - }) ],
920   - loadTilesWhileAnimating : true,
921   - loadTilesWhileInteracting : true,
922   - //os objetos devem ser comentados na interface googleMaps
923   - interactions : [
924   - new ol.interaction.DoubleClickZoom(),
925   - new ol.interaction.KeyboardPan(),
926   - new ol.interaction.KeyboardZoom(),
927   - new ol.interaction.MouseWheelZoom(),
928   - new ol.interaction.PinchRotate(),
929   - new ol.interaction.PinchZoom(),
930   - //new ol.interaction.DragZoom(),
931   - i3GEO.navega.dragZoom(),
932   - new ol.interaction.DragPan() ]
933   - },
934   - //opcoes para o objeto view, que e uma instancia de MapOptions
935   - //ver https://openlayers.org/en/latest/apidoc/ol.View.html
936   - ViewOptions : {
  850 + //abre a legenda do mapa em uma janela flutuante
  851 + //i3GEO.legenda.inicia({
  852 + //"idLegenda": "legendaHtml",
  853 + //"templateLegenda": "templates/legenda.html",
  854 + //"janela": true
  855 + //});
  856 + //para abrir uma guia
  857 + //i3GEO.guias.ativa('temas',$("[data-idconteudo='guia1obj'"));
  858 + },
  859 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  860 + components : {
  861 + //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
  862 + //e nao aos que possuem o link para a fonte definido no mapfile
  863 + restrictAtt : true,
  864 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  865 + info : true,
  866 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  867 + idsMenus : [],
  868 + //webservice utilizado na opcao de encontrar lugares
  869 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  870 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  871 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  872 + //posicao do mapa de referencia, em pixels [top,right]
  873 + referenceMapPosition : [ 4, 120 ],
  874 + //tipo do mapa de referencia. Pode ser wms ou map
  875 + referenceType : "map",
  876 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  877 + tooltip : {
  878 + //o resultado sera mostrado em uma janela do tipo modal
  879 + modal : false,
  880 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  881 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  882 + //use apenas se modal for true
  883 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  884 + url : "",
  885 + //template que sera usado para compor o resultado da busca de dados
  886 + //se for vazio, serao utilizadas as outras opcoes
  887 + //se contiver a string {{{url}}} a mesma sera substituida por url
  888 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  889 + templateModal : "",
  890 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  891 + simple : true,
  892 + removeAoAdicionar : true,
  893 + //parametros exclusivos da interface openlayers
  894 + autoPan : true,
  895 + autoPanAnimation : {
  896 + duration : 250
  897 + },
  898 + minWidth : '200px',
  899 + //Altura e largura do tooltip (balao)
  900 + toolTipSize : [ "100px", "200px" ],
  901 + //mostra ou nao o balao caso seja vazio
  902 + openTipNoData : true
  903 + },
  904 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  905 + scrollBar : {
  906 + theme : "inset-2",
  907 + axis : "yx",
  908 + scrollbarPosition : "inside",
  909 + scrollButtons : {
  910 + enable : true
  911 + },
  912 + advanced : {
  913 + autoExpandHorizontalScroll : true
  914 + }
  915 + }
  916 + },
  917 + //parametros de configuracao das ferramentas que sao acionadas sob
  918 + //demanda. Veja em js/ini_i3geo.js e js/configura.js
  919 + //Algumas ferramentas localizadas em i3geo/ferramentas
  920 + //permitem que qualquer parametro ou funcao seja sobrescrita
  921 + //Veja o codigo de cada ferramenta para obter os nomes de parametros e funcoes
  922 + //O codigo index.js da ferramenta deve permitir o uso dessas configuracoes (veja o final de cada index.js
  923 + tools : {
  924 + //ferramenta de identificacao
  925 + identifica : {
  926 + //resolucao em pixels para busca de elementos
  927 + resolution : 8
  928 + },
  929 + legenda : {
  930 + //define o local onde os templates da ferramenta ficam armazenados
  931 + //esse eh o local default, colocado aqui para documentacao
  932 + templateDir : i3GeoUrl
  933 + + "/ferramentas/legenda"
  934 + },
  935 + metaestat : {},
  936 + buscainde : {},
  937 + //mapa de referencia
  938 + opcoesMaparef : {
  939 + //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
  940 + images : [ {
  941 + name : "Colorida",
  942 + img : "referencia1"
  943 + }, {
  944 + name : "B & W",
  945 + img : "referencia1cinza"
  946 + } ]
  947 + },
  948 + //janela de conversao de coordenadas
  949 + wkt2layer : {
  950 + position : [ 150, 150 ]
  951 + },
  952 + area : {
  953 + position : [ 150, 10 ]
  954 + },
  955 + distancia : {
  956 + position : [ 150, 10 ]
  957 + }
  958 + },
  959 + //configuracoes especificas para a interface que utiliza o OpenLayers
  960 + openLayers : {
  961 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  962 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  963 + singleTile : false,
  964 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  965 + MapOptions : {
  966 + layers : [],
  967 + controls : [ new ol.control.Zoom(),
  968 + new ol.control.ZoomSlider(),
  969 + new ol.control.ScaleLine(),
  970 + new ol.control.Attribution({
  971 + collapsible : true
  972 + }) ],
  973 + loadTilesWhileAnimating : true,
  974 + loadTilesWhileInteracting : true,
  975 + //os objetos devem ser comentados na interface googleMaps
  976 + interactions : [
  977 + new ol.interaction.DoubleClickZoom(),
  978 + new ol.interaction.KeyboardPan(),
  979 + new ol.interaction.KeyboardZoom(),
  980 + new ol.interaction.MouseWheelZoom(),
  981 + //new ol.interaction.PinchRotate(),
  982 + new ol.interaction.PinchZoom(),
  983 + //new ol.interaction.DragZoom(),
  984 + i3GEO.navega.dragZoom(),
  985 + new ol.interaction.DragPan() ]
  986 + },
  987 + //opcoes para o objeto view, que e uma instancia de MapOptions
  988 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
  989 + ViewOptions : {
937 990  
938   - },
939   - //botoes que sao mostrados no editor vetorial
940   - editorButtons : {
941   - 'imprimir' : false,
942   - 'grid' : false,
943   - 'pan' : false,
944   - 'zoombox' : false,
945   - 'zoomtot' : false,
946   - 'zoomin' : false,
947   - 'zoomout' : false,
948   - 'distancia' : false,
949   - 'area' : false,
950   - 'identifica' : false,
951   - 'linha' : true,
952   - 'ponto' : true,
953   - 'poligono' : true,
954   - 'texto' : true,
955   - 'edita' : true,
956   - 'listag' : true,
957   - 'corta' : true,
958   - 'apaga' : true,
959   - 'procura' : false,
960   - 'selecao' : true,
961   - 'selecaotudo' : true,
962   - 'salva' : true,
963   - 'ajuda' : true,
964   - 'propriedades' : true,
965   - 'fecha' : true,
966   - 'tools' : true,
967   - 'undo' : false,
968   - 'frente' : false,
969   - 'legenda' : false,
970   - 'rodadomouse' : true,
971   - 'novaaba' : false
972   - }
973   - },
974   - //configuracoes especificas para a interface GoogleMaps
975   - googleMaps : {
976   - //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
977   - MapOptions : {
978   - //estilo que sera utilizado no mapa
979   - //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
980   - //ver i3GEO.Interface.googleMaps.ESTILOS
981   - mapTypeId : "roadmap",
982   - scaleControl : true,
983   - mapTypeControl : true,
984   - mapTypeControlOptions : {
985   - //position : google.maps.ControlPosition.LEFT_BOTTOM
986   - },
987   - zoomControl : true,
988   - zoomControlOptions : {
989   - //style : google.maps.ZoomControlStyle.SMALL,
990   - //position : google.maps.ControlPosition.LEFT_CENTER
991   - },
992   - streetViewControl : true,
993   - streetViewControlOptions : {
994   - //position : google.maps.ControlPosition.LEFT_CENTER
995   - }
996   - }
997   - }
998   - };
999   - //
1000   - //inicia o mapa
1001   - //Veja tambem config.php
1002   - //
1003   - //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
1004   - //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
1005   - //
1006   - i3GEO.init(parametrosMapa, config);
1007   - })();
1008   - </script>
  991 + },
  992 + //botoes que sao mostrados no editor vetorial
  993 + editorButtons : {
  994 + 'imprimir' : false,
  995 + 'grid' : false,
  996 + 'pan' : false,
  997 + 'zoombox' : false,
  998 + 'zoomtot' : false,
  999 + 'zoomin' : false,
  1000 + 'zoomout' : false,
  1001 + 'distancia' : false,
  1002 + 'area' : false,
  1003 + 'identifica' : false,
  1004 + 'linha' : true,
  1005 + 'ponto' : true,
  1006 + 'poligono' : true,
  1007 + 'texto' : true,
  1008 + 'edita' : true,
  1009 + 'listag' : true,
  1010 + 'corta' : true,
  1011 + 'apaga' : true,
  1012 + 'procura' : false,
  1013 + 'selecao' : true,
  1014 + 'selecaotudo' : true,
  1015 + 'salva' : true,
  1016 + 'ajuda' : true,
  1017 + 'propriedades' : true,
  1018 + 'fecha' : true,
  1019 + 'tools' : true,
  1020 + 'undo' : false,
  1021 + 'frente' : false,
  1022 + 'legenda' : false,
  1023 + 'rodadomouse' : true,
  1024 + 'novaaba' : false
  1025 + }
  1026 + },
  1027 + //configuracoes especificas para a interface GoogleMaps
  1028 + googleMaps : {
  1029 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  1030 + MapOptions : {
  1031 + //estilo que sera utilizado no mapa
  1032 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  1033 + //ver i3GEO.Interface.googleMaps.ESTILOS
  1034 + mapTypeId : "roadmap",
  1035 + scaleControl : true,
  1036 + mapTypeControl : true,
  1037 + mapTypeControlOptions : {
  1038 + //position : google.maps.ControlPosition.LEFT_BOTTOM
  1039 + },
  1040 + zoomControl : true,
  1041 + zoomControlOptions : {
  1042 + //style : google.maps.ZoomControlStyle.SMALL,
  1043 + //position : google.maps.ControlPosition.LEFT_CENTER
  1044 + },
  1045 + streetViewControl : true,
  1046 + streetViewControlOptions : {
  1047 + //position : google.maps.ControlPosition.LEFT_CENTER
  1048 + }
  1049 + }
  1050 + }
  1051 + };
  1052 + //
  1053 + //inicia o mapa
  1054 + //Veja tambem config.php
  1055 + //
  1056 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  1057 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  1058 + //
  1059 + //caso queira evitar os efeitos do material design, comente a linha abaixo
  1060 + //$.material = false;
  1061 + i3GEO.init(parametrosMapa, config);
  1062 + })();
  1063 + </script>
1009 1064 </body>
1010 1065  
1011 1066 </html>
... ...
interface/openlayersdebug.htm
  Diff comments   View file @0310a66
... ... @@ -33,6 +33,7 @@
33 33 background: none;
34 34 margin-bottom: 15px;
35 35 }
  36 +
36 37 .foraDoMapa+span>span {
37 38 background-color: yellow;
38 39 }
... ... @@ -69,29 +70,48 @@
69 70 </select>
70 71 </div>
71 72 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
72   - X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
73   - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
74   - type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
75   - id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  73 + X:
  74 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  75 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  76 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  77 + Y:
  78 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  79 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  80 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  81 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
76 82 </div>
77 83 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
78   - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  84 + X:
  85 + <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  86 + Y:
  87 + <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
79 88 </div>
80 89 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
81   - GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
82   - onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  90 + GeoHash
  91 + <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  92 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
83 93 </div>
84 94 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
85   - X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
86   - type="text">
  95 + X:
  96 + <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  97 + Y:
  98 + <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
87 99 </div>
88 100 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
89   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
90   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  101 + X:
  102 + <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  103 + Y:
  104 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  105 + Zn:
  106 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
91 107 </div>
92 108 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
93   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
94   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  109 + X:
  110 + <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  111 + Y:
  112 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  113 + Zn:
  114 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
95 115 </div>
96 116 </div>
97 117 <!-- barra de icones de navegacao -->
... ... @@ -231,6 +251,41 @@
231 251 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');">
232 252 <span style="vertical-align: middle">{{{iconeMapa}}}</span>
233 253 </button>
  254 + <div class="dropdown">
  255 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  256 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  257 + </button>
  258 + <ul class="dropdown-menu dropdown-menu-right">
  259 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">
  260 + <span class="glyphicon glyphicon-refresh"></span> Refresh
  261 + </a></li>
  262 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">
  263 + <span class="glyphicon glyphicon-eye-open"></span> {{{t3a}}}
  264 + </a></li>
  265 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">
  266 + <span class="glyphicon glyphicon-eye-close"></span> {{{t3b}}}
  267 + </a></li>
  268 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">
  269 + <span class="glyphicon glyphicon-trash"></span> {{{t12}}}
  270 + </a></li>
  271 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">
  272 + <span class="glyphicon glyphicon-filter"></span> {{{t2a}}}
  273 + </a></li>
  274 + <li role="separator" class="divider"></li>
  275 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">
  276 + <span class="glyphicon glyphicon-adjust"></span> {{{t20}}}
  277 + </a></li>
  278 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">
  279 + <span class="glyphicon glyphicon-film"></span> {{{p21}}}
  280 + </a></li>
  281 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">
  282 + <span class="glyphicon glyphicon-print"></span> {{{d12}}}
  283 + </a></li>
  284 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">
  285 + <span class="glyphicon glyphicon-erase"></span> {{{t4}}}
  286 + </a></li>
  287 + </ul>
  288 + </div>
234 289 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
235 290 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
236 291 <span style="vertical-align: middle" class="material-icons">layers</span>
... ... @@ -242,45 +297,13 @@
242 297 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');">
243 298 <span style="vertical-align: middle" class="material-icons">cancel</span>
244 299 </button>
  300 +
245 301 </div>
246 302 <div class="separadorCabecalhoGuias">&nbsp;</div>
247 303 <div class="guiaOverflow" style="height: calc(100% - 45px); width: calc(100% - 5px);">
248   - <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
249   - <label>{{{opcoes}}}</label>
250   - </div>
251   - <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
252   - <p>
253   - <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
254   - </p>
255   - <p>
256   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
257   - </p>
258   - <p>
259   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
260   - </p>
261   - <p>
262   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
263   - </p>
264   - <p>
265   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
266   - </p>
267   - <p>
268   - <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
269   - </p>
270   - <p>
271   - <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
272   - </p>
273   - <p>
274   - <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
275   - </p>
276   - <p>
277   - <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
278   - </p>
279   - </div>
280   - <hr>
281 304 <!-- Esta div acrescenta a lista de layers graficos -->
282 305 <div id="listaLayersGr" style="overflow: none;" data-template="templates/camadaGr.html"></div>
283   - <div id="listaLayersGrBtn" style="overflow: none;" ></div>
  306 + <div id="listaLayersGrBtn" style="overflow: none;"></div>
284 307 <!-- Esta div acrescenta a lista de camadas disponiveis no mapa atual -->
285 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
286 309 <!-- Esta div acrescenta a lista de de camadas de fundo
... ... @@ -296,7 +319,6 @@
296 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
297 320 </form>
298 321 </div>
299   -
300 322 </div>
301 323 </div>
302 324 <!-- Catalogo de temas -->
... ... @@ -305,6 +327,34 @@
305 327 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
306 328 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span>
307 329 </button>
  330 + <div class="dropdown">
  331 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  332 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  333 + </button>
  334 + <ul class="dropdown-menu dropdown-menu-right">
  335 + <li><a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">
  336 + <span class="glyphicon glyphicon-log-in"></span> Login/Logout
  337 + </a></li>
  338 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">
  339 + <span class="glyphicon glyphicon-globe"></span> {{{a15}}}
  340 + </a></li>
  341 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">
  342 + <span class="glyphicon glyphicon-cloud-upload"></span> {{{a14}}}
  343 + </a></li>
  344 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">
  345 + <span class="glyphicon glyphicon-cloud-download"></span> {{{a3}}}
  346 + </a></li>
  347 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">
  348 + <span class="glyphicon glyphicon-import"></span> {{{a3a}}}
  349 + </a></li>
  350 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">
  351 + <span class="glyphicon glyphicon-search"></span> Busca na INDE
  352 + </a></li>
  353 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">
  354 + <span class="glyphicon glyphicon-import"></span> {{{a13}}}
  355 + </a></li>
  356 + </ul>
  357 + </div>
308 358 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
309 359 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" data-idListaLayersGr="listaLayersGr" data-idBtnLayersGr="listaLayersGrBtn">
310 360 <span style="vertical-align: middle" class="material-icons">visibility</span>
... ... @@ -320,53 +370,11 @@
320 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
321 371  
322 372 <div class="guiaOverflow" style="height: calc(100% - 45px)">
323   - <div id="catalogoMigalha" style="display:block;" data-template="templates/catalogoMigalha.html"></div>
  373 + <div id="catalogoMigalha" style="display: block;" data-template="templates/catalogoMigalha.html"></div>
324 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
325 375 <div id="catalogoNavegacao"></div>
326 376 <!-- Opcoes -->
327 377 <div id="catalogoPrincipal">
328   - <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
329   - <label>{{{opcoes}}}</label>
330   - </div>
331   - <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
332   - <p>
333   - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
334   - </p>
335   - <!--
336   - <p>
337   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>
338   - </p>
339   - -->
340   - <li class="divider">
341   - <p>
342   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
343   - </p>
344   - <p>
345   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
346   - </p>
347   - <p>
348   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
349   - </p>
350   - <p>
351   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
352   - </p>
353   - <p>
354   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
355   - </p>
356   - <p>
357   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
358   - </p>
359   - <p>
360   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
361   - </p>
362   - <p>
363   - <!-- <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>-->
364   - </p>
365   - <p>
366   - <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
367   - </p>
368   - </div>
369   -
370 378 <hr>
371 379 <!-- busca tema no catalogo
372 380 <div class="form-group label-floating">
... ... @@ -427,7 +435,8 @@
427 435 <!-- lista de wms cadastrados no sistema de administracao -->
428 436 <div class="list-group condensed">
429 437 <div class="row-content text-left" style="opacity: 0.8;">
430   - <label style="width: 300px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  438 + <label style="width: 300px; vertical-align: middle;">
  439 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
431 440 <h4>
432 441 <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> OGC-WMS
433 442 </h4>
... ... @@ -443,7 +452,8 @@
443 452 <!-- regioes cadastradas no sistema de metadados -->
444 453 <div class="list-group condensed">
445 454 <div class="row-content text-left">
446   - <label style="width: 300px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  455 + <label style="width: 300px; vertical-align: middle;">
  456 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
447 457 <h4>
448 458 <i class="material-icons" style="vertical-align: text-bottom;">domain</i> {{{x87}}}
449 459 </h4>
... ... @@ -459,7 +469,8 @@
459 469 <!-- camadas que vem do sistema de metadados estatisticos -->
460 470 <div class="list-group condensed">
461 471 <div class="row-content text-left" style="opacity: 0.8;">
462   - <label style="width: 300px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  472 + <label style="width: 300px; vertical-align: middle;">
  473 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
463 474 <h4>
464 475 <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i> {{{x57}}}
465 476 </h4>
... ... @@ -475,8 +486,8 @@
475 486 <!-- camadas por estrelas -->
476 487 <div class="list-group condensed">
477 488 <div class="row-content text-left" style="opacity: 0.8;">
478   - <label style="width: 300px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
479   - href="javascript:void(0)">
  489 + <label style="width: 300px; vertical-align: middle;">
  490 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
480 491 <h4>
481 492 <i class="material-icons" style="vertical-align: text-bottom;">star_border</i> {{{t46}}}
482 493 </h4>
... ... @@ -492,7 +503,8 @@
492 503 <!-- sistemas que adicionam camadas -->
493 504 <div class="list-group condensed">
494 505 <div class="row-content text-left" style="opacity: 0.8;">
495   - <label style="width: 300px; vertical-align: middle;"> <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  506 + <label style="width: 300px; vertical-align: middle;">
  507 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
496 508 <h4>
497 509 <i class="material-icons" style="vertical-align: text-bottom;">widgets</i> {{{a11}}}
498 510 </h4>
... ... @@ -509,7 +521,8 @@
509 521 <!-- navegacao em diretorios -->
510 522 <div class="list-group condensed">
511 523 <div class="row-content text-left" style="opacity: 0.8;">
512   - <label style="width: 300px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  524 + <label style="width: 300px; vertical-align: middle;">
  525 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
513 526 <h4>
514 527 <i class="material-icons" style="vertical-align: text-bottom;">storage</i> {{{a6}}}
515 528 </h4>
... ... @@ -527,10 +540,13 @@
527 540 </div>
528 541 <!-- Legenda -->
529 542 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left; height: 100%;'>
530   - <div class="i3GEOfechaGuia" style="display: flex;" >
  543 + <div class="i3GEOfechaGuia" style="display: flex;">
531 544 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
532 545 <span style="vertical-align: middle">{{{iconeLegenda}}}</span>
533 546 </button>
  547 + <button type="button" title="{{{x11}}}" style="width: 3.5rem; height: 3rem;" class="text-right" onclick="i3GEO.legenda.inicia({'janela':true})">
  548 + <span style="vertical-align: middle" class="material-icons">list_alt</span>
  549 + </button>
534 550 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
535 551 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
536 552 <span style="vertical-align: middle" class="material-icons">visibility</span>
... ... @@ -546,7 +562,6 @@
546 562  
547 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
548 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
549   - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
550 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
551 566 </div>
552 567 </div>
... ... @@ -567,11 +582,11 @@
567 582 <div class="form-group label-floating">
568 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
569 584 <div class="input-group">
570   - <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
571   - onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
572   - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
573   - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
574   - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  585 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  586 + <span class="input-group-btn"> <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html"
  587 + data-inputGoogle="[name=google]" data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html"
  588 + data-inputTemasMapa="[name=temasMapa]" data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html"
  589 + data-ondeConteiner="#guia7obj" data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
575 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
576 591 <span class="material-icons ">send</span>
577 592 </a>
... ... @@ -582,13 +597,17 @@
582 597 <div class="form-inline" style="width: 100%;">
583 598 <div class="list-group condensed">
584 599 <div class="checkbox text-left">
585   - <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  600 + <label>
  601 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">
  602 + {{{x38}}}
586 603 </label>
587 604 </div>
588 605 </div>
589 606 <div class="list-group condensed">
590 607 <div class="checkbox text-left">
591   - <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  608 + <label>
  609 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  610 + {{{x39}}}
592 611 </label>
593 612 </div>
594 613 </div>
... ... @@ -648,7 +667,7 @@
648 667 </div>
649 668 <div class="clearfix"></div>
650 669  
651   - <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block;text-align: center;width: 100%;padding-left: 1rem;padding-right: 1rem;'></div>
  670 + <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block; text-align: center; width: 100%; padding-left: 1rem; padding-right: 1rem;'></div>
652 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
653 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
654 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
... ... @@ -677,368 +696,371 @@
677 696 </div>
678 697 </script>
679 698 <script>
680   - //ativa o banner de inicializacao
681   - i3GEO.janela.tempoMsg(
682   - $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
683   - (function() {
684   - //parametros aplicados na criacao do arquivo mapfile
685   - var parametrosMapa = {
686   - //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
687   - //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
688   - mapfilebase : "",
689   - //extensao geografica do mapa
690   - //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
691   - //exemplo [-77,-26,-30,6]
692   - mapext : [],
693   - //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
694   - perfil : "",
695   - //layers que serao adicionados ao mapa.
696   - //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
697   - layers : {
698   - //array com a lista dos layers que serao adicionados e ligados (visiveis)
699   - add : [],
700   - //array com a lista dos layers que serao adicionados mas nao ligados. Inclusive IDs do sistema de metadados estatisticos
701   - on : [],
702   - //array com os layers desligados
703   - off : [],
704   - //array com a lista de IDs que identificam medidas registradas no sistema de metadados
705   - //estatisticos
706   - metaestat : []
707   - },
708   - //lista de coordenadas x e y que serao adicionadas como pontos no mapa
709   - points : {
710   - //array com a lista de coordenadas
711   - coord : [],
712   - //titulo da nova camada
713   - title : ""
714   - },
715   - //lista de coordenadas x e y que serao adicionadas como linhas no mapa
716   - lines : {
717   - //array de arrays com a lista de coordenadas de cada linha
718   - //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
719   - coord : [ [] ],
720   - //titulo da nova camada
721   - title : ""
722   - },
723   - //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
724   - polygons : {
725   - //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
726   - //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
727   - coord : [ [] ],
728   - //titulo da nova camada
729   - title : ""
730   - },
731   - //insere elementos no mapa com coordenadas definidas em wkt
732   - wkt : {
733   - //string no formato wkt
734   - coord : "",
735   - //titulo da nova camada
736   - title : ""
737   - },
738   - //simbolo que sera utilizado para desenhar os elementos inseridos
739   - symbol : {
740   - //codigo do simbolo conforme definido em i3geo/symbols
741   - name : "",
742   - //em rgb, exemplo "0 255 0"
743   - color : "",
744   - //em pixels
745   - size : ""
746   - },
747   - //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
748   - kml : {
749   - url : ""
750   - },
751   - //endereco de um WMS (sera incluido como uma camada no mapa)
752   - wms : {
753   - url : "",
754   - layer : "",
755   - style : "",
756   - title : "",
757   - srs : "",
758   - imagetype : "",
759   - version : ""
760   - },
761   - //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
762   - //do mapserver, exemplo
763   - //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
764   - filters : [ {
765   - layer : "",
766   - expression : ""
767   - } ],
768   - //id de um mapa salvo e que sera recuperado
769   - restoreMapId : ""
770   - };
771   - var config = {
772   - //id do elemento HTML onde o corpo do mapa sera renderizado
773   - mapBody : "mapai3Geo",
774   - //tipo de mapa. Pode ser:
775   - //OL - utiliza o OpenLayers e coordenadas geograficas
776   - //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
777   - //GM - utiliza o GoogleMaps como motor de controle do mapa
778   - mapType : "OL",
779   - //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
780   - saveExtension : false,
781   - //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
782   - posRenderType : "",
783   - //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
784   - //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
785   - //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
786   - i3GeoServer : i3GeoUrl,
787   - //opacidade default para camadas que nao sejam do tipo linha ou ponto
788   - //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
789   - //se for vazio, sera utilizado o valor definido no LAYER original
790   - //Nao se aplica na interface googlemaps
791   - layerOpacity : "",
792   - //Funcao que sera executada apos a inicializacao do mapa
793   - afterStart : function() {
794   - $('.iconeGuiaMovel').tooltip({
795   - animation : false,
796   - trigger : "manual hover",
797   - placement : "left"
798   - });
799   - $('.iconeGuiaMovel').tooltip('show');
800   - setTimeout(function() {
801   - $('.iconeGuiaMovel').tooltip('hide');
802   - }, 5000);
  699 + //ativa o banner de inicializacao
  700 + i3GEO.janela.tempoMsg(
  701 + $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
  702 + (function() {
  703 + //parametros aplicados na criacao do arquivo mapfile
  704 + var parametrosMapa = {
  705 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  706 + //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
  707 + mapfilebase : "",
  708 + //extensao geografica do mapa
  709 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  710 + //exemplo [-77,-26,-30,6]
  711 + mapext : [],
  712 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  713 + perfil : "",
  714 + //layers que serao adicionados ao mapa.
  715 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  716 + layers : {
  717 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  718 + add : [],
  719 + //array com a lista dos layers que serao adicionados mas nao ligados. Inclusive IDs do sistema de metadados estatisticos
  720 + on : [],
  721 + //array com os layers desligados
  722 + off : [],
  723 + //array com a lista de IDs que identificam medidas registradas no sistema de metadados
  724 + //estatisticos
  725 + metaestat : []
  726 + },
  727 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  728 + points : {
  729 + //array com a lista de coordenadas
  730 + coord : [],
  731 + //titulo da nova camada
  732 + title : ""
  733 + },
  734 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  735 + lines : {
  736 + //array de arrays com a lista de coordenadas de cada linha
  737 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  738 + coord : [ [] ],
  739 + //titulo da nova camada
  740 + title : ""
  741 + },
  742 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  743 + polygons : {
  744 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  745 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  746 + coord : [ [] ],
  747 + //titulo da nova camada
  748 + title : ""
  749 + },
  750 + //insere elementos no mapa com coordenadas definidas em wkt
  751 + wkt : {
  752 + //string no formato wkt
  753 + coord : "",
  754 + //titulo da nova camada
  755 + title : ""
  756 + },
  757 + //simbolo que sera utilizado para desenhar os elementos inseridos
  758 + symbol : {
  759 + //codigo do simbolo conforme definido em i3geo/symbols
  760 + name : "",
  761 + //em rgb, exemplo "0 255 0"
  762 + color : "",
  763 + //em pixels
  764 + size : ""
  765 + },
  766 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  767 + kml : {
  768 + url : ""
  769 + },
  770 + //endereco de um WMS (sera incluido como uma camada no mapa)
  771 + wms : {
  772 + url : "",
  773 + layer : "",
  774 + style : "",
  775 + title : "",
  776 + srs : "",
  777 + imagetype : "",
  778 + version : ""
  779 + },
  780 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  781 + //do mapserver, exemplo
  782 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  783 + filters : [ {
  784 + layer : "",
  785 + expression : ""
  786 + } ],
  787 + //id de um mapa salvo e que sera recuperado
  788 + restoreMapId : ""
  789 + };
  790 + var config = {
  791 + //id do elemento HTML onde o corpo do mapa sera renderizado
  792 + mapBody : "mapai3Geo",
  793 + //tipo de mapa. Pode ser:
  794 + //OL - utiliza o OpenLayers e coordenadas geograficas
  795 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  796 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  797 + mapType : "OL",
  798 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  799 + saveExtension : false,
  800 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  801 + posRenderType : "",
  802 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  803 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  804 + //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
  805 + i3GeoServer : i3GeoUrl,
  806 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  807 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  808 + //se for vazio, sera utilizado o valor definido no LAYER original
  809 + //Nao se aplica na interface googlemaps
  810 + layerOpacity : "",
  811 + //Funcao que sera executada apos a inicializacao do mapa
  812 + afterStart : function() {
  813 + $('.iconeGuiaMovel').tooltip({
  814 + animation : false,
  815 + trigger : "manual hover",
  816 + placement : "left"
  817 + });
  818 + $('.iconeGuiaMovel').tooltip('show');
  819 + setTimeout(function() {
  820 + $('.iconeGuiaMovel').tooltip('hide');
  821 + }, 5000);
803 822  
804   - $('.ol-i3GEOcontrols button')
805   - .tooltip(
806   - {
807   - animation : false,
808   - trigger : "hover",
809   - placement : "auto",
810   - template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
811   - });
  823 + $('.ol-i3GEOcontrols button')
  824 + .tooltip(
  825 + {
  826 + animation : false,
  827 + trigger : "hover",
  828 + placement : "auto",
  829 + template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
  830 + });
812 831  
813   - //$(".guiaOverflow").css("height",i3GEO.parametros.h - 140);
  832 + //$(".guiaOverflow").css("height",i3GEO.parametros.h - 140);
814 833  
815   - $(".guiaOverflow").mCustomScrollbar({
816   - scrollbarPosition : "inside",
817   - theme : "inset-2-dark"
818   - });
819   - tutorial.init();
820   - //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
  834 + $(".guiaOverflow").mCustomScrollbar({
  835 + scrollbarPosition : "inside",
  836 + theme : "inset-2-dark"
  837 + });
  838 + tutorial.init();
  839 + //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
821 840  
822   - //setTimeout(function() {
823   - // $('.iconeGuiaMovel').tooltip('destroy');
824   - //}, 30000);
825   - //i3GEO.maparef.inicia();
826   - //
827   - //(largura, altura, topo, esquerda);
828   - //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
829   - //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
  841 + //setTimeout(function() {
  842 + // $('.iconeGuiaMovel').tooltip('destroy');
  843 + //}, 30000);
  844 + //i3GEO.maparef.inicia();
  845 + //
  846 + //(largura, altura, topo, esquerda);
  847 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  848 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
830 849  
831   - //abre a legenda do mapa em uma janela flutuante
832   - //i3GEO.legenda.inicia({
833   - //"idLegenda": "legendaHtml",
834   - //"templateLegenda": "templates/legenda.html",
835   - //"janela": true
836   - //});
837   - //para abrir uma guia
838   - //i3GEO.guias.ativa('temas',$("[data-idconteudo='guia1obj'"));
839   - },
840   - //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
841   - components : {
842   - //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
843   - //e nao aos que possuem o link para a fonte definido no mapfile
844   - restrictAtt: true,
845   - //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
846   - info : true,
847   - //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
848   - idsMenus : [],
849   - //webservice utilizado na opcao de encontrar lugares
850   - searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
851   - //webservice wms que faz a apresentacao do lugar encontrado por searchService
852   - searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
853   - //posicao do mapa de referencia, em pixels [top,right]
854   - referenceMapPosition : [ 4, 120 ],
855   - //tipo do mapa de referencia. Pode ser wms ou map
856   - referenceType : "map",
857   - //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
858   - tooltip : {
859   - //o resultado sera mostrado em uma janela do tipo modal
860   - modal : false,
861   - //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
862   - //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
863   - //use apenas se modal for true
864   - //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
865   - url : "",
866   - //template que sera usado para compor o resultado da busca de dados
867   - //se for vazio, serao utilizadas as outras opcoes
868   - //se contiver a string {{{url}}} a mesma sera substituida por url
869   - //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
870   - templateModal : "",
871   - //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
872   - simple : true,
873   - removeAoAdicionar : true,
874   - //parametros exclusivos da interface openlayers
875   - autoPan : true,
876   - autoPanAnimation : {
877   - duration : 250
878   - },
879   - minWidth : '200px',
880   - //Altura e largura do tooltip (balao)
881   - toolTipSize : [ "100px", "200px" ],
882   - //mostra ou nao o balao caso seja vazio
883   - openTipNoData : true
884   - },
885   - //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
886   - scrollBar : {
887   - theme : "inset-2",
888   - axis : "yx",
889   - scrollbarPosition : "inside",
890   - scrollButtons : {
891   - enable : true
892   - },
893   - advanced : {
894   - autoExpandHorizontalScroll : true
895   - }
896   - }
897   - },
898   - //parametros de configuracao das ferramentas que sao acionadas sob
899   - //demanda. Veja em js/ini_i3geo.js e js/configura.js
900   - //Algumas ferramentas localizadas em i3geo/ferramentas
901   - //permitem que qualquer parametro ou funcao seja sobrescrita
902   - //Veja o codigo de cada ferramenta para obter os nomes de parametros e funcoes
903   - //O codigo index.js da ferramenta deve permitir o uso dessas configuracoes (veja o final de cada index.js
904   - tools : {
905   - //ferramenta de identificacao
906   - identifica : {
907   - //resolucao em pixels para busca de elementos
908   - resolution : 8
909   - },
910   - legenda : {
911   - //define o local onde os templates da ferramenta ficam armazenados
912   - //esse eh o local default, colocado aqui para documentacao
913   - templateDir : i3GeoUrl
914   - + "/ferramentas/legenda"
915   - },
916   - metaestat : {},
917   - buscainde : {},
918   - //mapa de referencia
919   - opcoesMaparef : {
920   - //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
921   - images : [
922   - {name: "Colorida", img: "referencia1"},
923   - {name: "B & W", img: "referencia1cinza"}
924   - ]
925   - },
926   - //janela de conversao de coordenadas
927   - wkt2layer : {
928   - position : [150,150]
929   - },
930   - area : {
931   - position : [150,10]
932   - },
933   - distancia : {
934   - position : [150,10]
935   - }
936   - },
937   - //configuracoes especificas para a interface que utiliza o OpenLayers
938   - openLayers : {
939   - //utiliza ou nao tiles ao renderizar as camadas do mapa
940   - //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
941   - singleTile : false,
942   - //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
943   - MapOptions : {
944   - layers : [],
945   - controls : [ new ol.control.Zoom(),
946   - new ol.control.ZoomSlider(),
947   - new ol.control.ScaleLine(),
948   - new ol.control.Attribution({
949   - collapsible : true
950   - }) ],
951   - loadTilesWhileAnimating : true,
952   - loadTilesWhileInteracting : true,
953   - //os objetos devem ser comentados na interface googleMaps
954   - interactions : [
955   - new ol.interaction.DoubleClickZoom(),
956   - new ol.interaction.KeyboardPan(),
957   - new ol.interaction.KeyboardZoom(),
958   - new ol.interaction.MouseWheelZoom(),
959   - new ol.interaction.PinchRotate(),
960   - new ol.interaction.PinchZoom(),
961   - //new ol.interaction.DragZoom(),
962   - i3GEO.navega.dragZoom(),
963   - new ol.interaction.DragPan()]
964   - },
965   - //opcoes para o objeto view, que e uma instancia de MapOptions
966   - //ver https://openlayers.org/en/latest/apidoc/ol.View.html
967   - ViewOptions : {
  850 + //abre a legenda do mapa em uma janela flutuante
  851 + //i3GEO.legenda.inicia({
  852 + //"idLegenda": "legendaHtml",
  853 + //"templateLegenda": "templates/legenda.html",
  854 + //"janela": true
  855 + //});
  856 + //para abrir uma guia
  857 + //i3GEO.guias.ativa('temas',$("[data-idconteudo='guia1obj'"));
  858 + },
  859 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  860 + components : {
  861 + //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
  862 + //e nao aos que possuem o link para a fonte definido no mapfile
  863 + restrictAtt : true,
  864 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  865 + info : true,
  866 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  867 + idsMenus : [],
  868 + //webservice utilizado na opcao de encontrar lugares
  869 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  870 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  871 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  872 + //posicao do mapa de referencia, em pixels [top,right]
  873 + referenceMapPosition : [ 4, 120 ],
  874 + //tipo do mapa de referencia. Pode ser wms ou map
  875 + referenceType : "map",
  876 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  877 + tooltip : {
  878 + //o resultado sera mostrado em uma janela do tipo modal
  879 + modal : false,
  880 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  881 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  882 + //use apenas se modal for true
  883 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  884 + url : "",
  885 + //template que sera usado para compor o resultado da busca de dados
  886 + //se for vazio, serao utilizadas as outras opcoes
  887 + //se contiver a string {{{url}}} a mesma sera substituida por url
  888 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  889 + templateModal : "",
  890 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  891 + simple : true,
  892 + removeAoAdicionar : true,
  893 + //parametros exclusivos da interface openlayers
  894 + autoPan : true,
  895 + autoPanAnimation : {
  896 + duration : 250
  897 + },
  898 + minWidth : '200px',
  899 + //Altura e largura do tooltip (balao)
  900 + toolTipSize : [ "100px", "200px" ],
  901 + //mostra ou nao o balao caso seja vazio
  902 + openTipNoData : true
  903 + },
  904 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  905 + scrollBar : {
  906 + theme : "inset-2",
  907 + axis : "yx",
  908 + scrollbarPosition : "inside",
  909 + scrollButtons : {
  910 + enable : true
  911 + },
  912 + advanced : {
  913 + autoExpandHorizontalScroll : true
  914 + }
  915 + }
  916 + },
  917 + //parametros de configuracao das ferramentas que sao acionadas sob
  918 + //demanda. Veja em js/ini_i3geo.js e js/configura.js
  919 + //Algumas ferramentas localizadas em i3geo/ferramentas
  920 + //permitem que qualquer parametro ou funcao seja sobrescrita
  921 + //Veja o codigo de cada ferramenta para obter os nomes de parametros e funcoes
  922 + //O codigo index.js da ferramenta deve permitir o uso dessas configuracoes (veja o final de cada index.js
  923 + tools : {
  924 + //ferramenta de identificacao
  925 + identifica : {
  926 + //resolucao em pixels para busca de elementos
  927 + resolution : 8
  928 + },
  929 + legenda : {
  930 + //define o local onde os templates da ferramenta ficam armazenados
  931 + //esse eh o local default, colocado aqui para documentacao
  932 + templateDir : i3GeoUrl
  933 + + "/ferramentas/legenda"
  934 + },
  935 + metaestat : {},
  936 + buscainde : {},
  937 + //mapa de referencia
  938 + opcoesMaparef : {
  939 + //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
  940 + images : [ {
  941 + name : "Colorida",
  942 + img : "referencia1"
  943 + }, {
  944 + name : "B & W",
  945 + img : "referencia1cinza"
  946 + } ]
  947 + },
  948 + //janela de conversao de coordenadas
  949 + wkt2layer : {
  950 + position : [ 150, 150 ]
  951 + },
  952 + area : {
  953 + position : [ 150, 10 ]
  954 + },
  955 + distancia : {
  956 + position : [ 150, 10 ]
  957 + }
  958 + },
  959 + //configuracoes especificas para a interface que utiliza o OpenLayers
  960 + openLayers : {
  961 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  962 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  963 + singleTile : false,
  964 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  965 + MapOptions : {
  966 + layers : [],
  967 + controls : [ new ol.control.Zoom(),
  968 + new ol.control.ZoomSlider(),
  969 + new ol.control.ScaleLine(),
  970 + new ol.control.Attribution({
  971 + collapsible : true
  972 + }) ],
  973 + loadTilesWhileAnimating : true,
  974 + loadTilesWhileInteracting : true,
  975 + //os objetos devem ser comentados na interface googleMaps
  976 + interactions : [
  977 + new ol.interaction.DoubleClickZoom(),
  978 + new ol.interaction.KeyboardPan(),
  979 + new ol.interaction.KeyboardZoom(),
  980 + new ol.interaction.MouseWheelZoom(),
  981 + //new ol.interaction.PinchRotate(),
  982 + new ol.interaction.PinchZoom(),
  983 + //new ol.interaction.DragZoom(),
  984 + i3GEO.navega.dragZoom(),
  985 + new ol.interaction.DragPan() ]
  986 + },
  987 + //opcoes para o objeto view, que e uma instancia de MapOptions
  988 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
  989 + ViewOptions : {
968 990  
969   - },
970   - //botoes que sao mostrados no editor vetorial
971   - editorButtons : {
972   - 'imprimir' : false,
973   - 'grid' : false,
974   - 'pan' : false,
975   - 'zoombox' : false,
976   - 'zoomtot' : false,
977   - 'zoomin' : false,
978   - 'zoomout' : false,
979   - 'distancia' : false,
980   - 'area' : false,
981   - 'identifica' : false,
982   - 'linha' : true,
983   - 'ponto' : true,
984   - 'poligono' : true,
985   - 'texto' : true,
986   - 'edita' : true,
987   - 'listag' : true,
988   - 'corta' : true,
989   - 'apaga' : true,
990   - 'procura' : false,
991   - 'selecao' : true,
992   - 'selecaotudo' : true,
993   - 'salva' : true,
994   - 'ajuda' : true,
995   - 'propriedades' : true,
996   - 'fecha' : true,
997   - 'tools' : true,
998   - 'undo' : false,
999   - 'frente' : false,
1000   - 'legenda' : false,
1001   - 'rodadomouse' : true,
1002   - 'novaaba' : false
1003   - }
1004   - },
1005   - //configuracoes especificas para a interface GoogleMaps
1006   - googleMaps : {
1007   - //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
1008   - MapOptions : {
1009   - //estilo que sera utilizado no mapa
1010   - //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
1011   - //ver i3GEO.Interface.googleMaps.ESTILOS
1012   - mapTypeId : "roadmap",
1013   - scaleControl : true,
1014   - mapTypeControl : true,
1015   - mapTypeControlOptions : {
1016   - //position : google.maps.ControlPosition.LEFT_BOTTOM
1017   - },
1018   - zoomControl : true,
1019   - zoomControlOptions : {
1020   - //style : google.maps.ZoomControlStyle.SMALL,
1021   - //position : google.maps.ControlPosition.LEFT_CENTER
1022   - },
1023   - streetViewControl : true,
1024   - streetViewControlOptions : {
1025   - //position : google.maps.ControlPosition.LEFT_CENTER
1026   - }
1027   - }
1028   - }
1029   - };
1030   - //
1031   - //inicia o mapa
1032   - //Veja tambem config.php
1033   - //
1034   - //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
1035   - //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
1036   - //
1037   - //caso queira evitar os efeitos do material design, comente a linha abaixo
1038   - //$.material = false;
1039   - i3GEO.init(parametrosMapa, config);
1040   - })();
1041   - </script>
  991 + },
  992 + //botoes que sao mostrados no editor vetorial
  993 + editorButtons : {
  994 + 'imprimir' : false,
  995 + 'grid' : false,
  996 + 'pan' : false,
  997 + 'zoombox' : false,
  998 + 'zoomtot' : false,
  999 + 'zoomin' : false,
  1000 + 'zoomout' : false,
  1001 + 'distancia' : false,
  1002 + 'area' : false,
  1003 + 'identifica' : false,
  1004 + 'linha' : true,
  1005 + 'ponto' : true,
  1006 + 'poligono' : true,
  1007 + 'texto' : true,
  1008 + 'edita' : true,
  1009 + 'listag' : true,
  1010 + 'corta' : true,
  1011 + 'apaga' : true,
  1012 + 'procura' : false,
  1013 + 'selecao' : true,
  1014 + 'selecaotudo' : true,
  1015 + 'salva' : true,
  1016 + 'ajuda' : true,
  1017 + 'propriedades' : true,
  1018 + 'fecha' : true,
  1019 + 'tools' : true,
  1020 + 'undo' : false,
  1021 + 'frente' : false,
  1022 + 'legenda' : false,
  1023 + 'rodadomouse' : true,
  1024 + 'novaaba' : false
  1025 + }
  1026 + },
  1027 + //configuracoes especificas para a interface GoogleMaps
  1028 + googleMaps : {
  1029 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  1030 + MapOptions : {
  1031 + //estilo que sera utilizado no mapa
  1032 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  1033 + //ver i3GEO.Interface.googleMaps.ESTILOS
  1034 + mapTypeId : "roadmap",
  1035 + scaleControl : true,
  1036 + mapTypeControl : true,
  1037 + mapTypeControlOptions : {
  1038 + //position : google.maps.ControlPosition.LEFT_BOTTOM
  1039 + },
  1040 + zoomControl : true,
  1041 + zoomControlOptions : {
  1042 + //style : google.maps.ZoomControlStyle.SMALL,
  1043 + //position : google.maps.ControlPosition.LEFT_CENTER
  1044 + },
  1045 + streetViewControl : true,
  1046 + streetViewControlOptions : {
  1047 + //position : google.maps.ControlPosition.LEFT_CENTER
  1048 + }
  1049 + }
  1050 + }
  1051 + };
  1052 + //
  1053 + //inicia o mapa
  1054 + //Veja tambem config.php
  1055 + //
  1056 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  1057 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  1058 + //
  1059 + //caso queira evitar os efeitos do material design, comente a linha abaixo
  1060 + //$.material = false;
  1061 + i3GEO.init(parametrosMapa, config);
  1062 + })();
  1063 + </script>
1042 1064 </body>
1043 1065  
1044 1066 </html>
... ...
interface/osm.htm
  Diff comments   View file @0310a66
... ... @@ -7,6 +7,8 @@
7 7 <title>i3GEO - OpenLayers</title>
8 8 <script src="../pacotes/ol4/ol.js"></script>
9 9 <script src="../js/i3geo.js"></script>
  10 +<!-- carrega as funcoes dos botoes de edicao de elementos graficos -->
  11 +<script src="../ferramentas/editorol/editorol.js"></script>
10 12 <!-- lista com os links que serao mostrados na guia ferramentas -->
11 13 <script src="../js/listaDeFerramentas.js"></script>
12 14 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
... ... @@ -15,7 +17,6 @@
15 17 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
16 18 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
17 19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
18   -
19 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
20 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
21 22 <!-- para o tutorial -->
... ... @@ -43,12 +44,12 @@
43 44 -->
44 45 <body id="i3geo" style='background: white;'>
45 46 <!-- inclui o nome do usuario logado
46   - <div id="i3GEONomeLogin"
47   - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
48   - -->
  47 + <div id="i3GEONomeLogin"
  48 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  49 + -->
49 50 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
50   - Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
51   - -->
  51 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  52 + -->
52 53 <div id="mapai3Geo"></div>
53 54 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
54 55 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
... ... @@ -69,29 +70,48 @@
69 70 </select>
70 71 </div>
71 72 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
72   - X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
73   - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
74   - type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
75   - id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  73 + X:
  74 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  75 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  76 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  77 + Y:
  78 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  79 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  80 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  81 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
76 82 </div>
77 83 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
78   - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  84 + X:
  85 + <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  86 + Y:
  87 + <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
79 88 </div>
80 89 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
81   - GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
82   - onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  90 + GeoHash
  91 + <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  92 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
83 93 </div>
84 94 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
85   - X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
86   - type="text">
  95 + X:
  96 + <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  97 + Y:
  98 + <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
87 99 </div>
88 100 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
89   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
90   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  101 + X:
  102 + <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  103 + Y:
  104 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  105 + Zn:
  106 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
91 107 </div>
92 108 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
93   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
94   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  109 + X:
  110 + <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  111 + Y:
  112 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  113 + Zn:
  114 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
95 115 </div>
96 116 </div>
97 117 <!-- barra de icones de navegacao -->
... ... @@ -141,28 +161,29 @@
141 161 <!-- botoes laterais que abrem guias moveis -->
142 162 <div id="i3GEOguiaMovel">
143 163 <!-- configuracao para todos os botoes
144   - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
145   - -->
  164 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  165 + -->
146 166 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
147 167 <!-- ferramentas
148   - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
149   - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
150   - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
151   - -->
152   - <div data-tutorial="ferramentas" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  168 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  169 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  170 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  171 + -->
  172 + <div data-tutorial="ferramentas" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas"
  173 + onclick="i3GEO.guias.ativa('ferramentas',this)">
153 174 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
154 175 <i class="material-icons">business_center</i>
155 176 </button>
156 177 </div>
157 178 <!-- temas existentes no mapa
158   - data-idListaDeCamadas - id onde sera incluida a lista de camadas
159   - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
160   - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
161   - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
162   - do metadata existente na camada. Deixe vazio para nao ativar a operacao.
163   - -->
164   - <div data-tutorial="camadas" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
165   - style="margin-top: 3px;">
  179 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  180 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  181 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  182 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  183 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  184 + -->
  185 + <div data-tutorial="camadas" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo"
  186 + data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
166 187 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
167 188 <i class="material-icons"><i class="material-icons">visibility</i></i>
168 189 </button>
... ... @@ -188,6 +209,13 @@
188 209 <i class="material-icons">view_list</i>
189 210 </button>
190 211 </div>
  212 + <!--
  213 + <div data-tutorial="troca" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  214 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  215 + <i class="material-icons">compare_arrows</i>
  216 + </button>
  217 + </div>
  218 + -->
191 219 <!-- Busca -->
192 220 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
193 221 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -205,12 +233,12 @@
205 233 </button>
206 234 </div>
207 235 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
208   - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
209   - <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
210   - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
211   - </button>
212   - </div>
213   - -->
  236 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  237 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  238 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  239 + </button>
  240 + </div>
  241 + -->
214 242 </div>
215 243 <!-- veja i3GEO.guias.CONFIGURA -->
216 244 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -218,11 +246,46 @@
218 246 <div id="i3GEOguiaMovelMolde">
219 247 <div id="i3GEOguiaMovelConteudo">
220 248 <!-- camadas existentes no mapa -->
221   - <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
  249 + <div id='guia1obj' data-traduzir="true" style='display: none; height: 100%'>
222 250 <div class="i3GEOfechaGuia" style="display: flex;">
223 251 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');">
224 252 <span style="vertical-align: middle">{{{iconeMapa}}}</span>
225 253 </button>
  254 + <div class="dropdown">
  255 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  256 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  257 + </button>
  258 + <ul class="dropdown-menu dropdown-menu-right">
  259 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">
  260 + <span class="glyphicon glyphicon-refresh"></span> Refresh
  261 + </a></li>
  262 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">
  263 + <span class="glyphicon glyphicon-eye-open"></span> {{{t3a}}}
  264 + </a></li>
  265 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">
  266 + <span class="glyphicon glyphicon-eye-close"></span> {{{t3b}}}
  267 + </a></li>
  268 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">
  269 + <span class="glyphicon glyphicon-trash"></span> {{{t12}}}
  270 + </a></li>
  271 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">
  272 + <span class="glyphicon glyphicon-filter"></span> {{{t2a}}}
  273 + </a></li>
  274 + <li role="separator" class="divider"></li>
  275 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">
  276 + <span class="glyphicon glyphicon-adjust"></span> {{{t20}}}
  277 + </a></li>
  278 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">
  279 + <span class="glyphicon glyphicon-film"></span> {{{p21}}}
  280 + </a></li>
  281 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">
  282 + <span class="glyphicon glyphicon-print"></span> {{{d12}}}
  283 + </a></li>
  284 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">
  285 + <span class="glyphicon glyphicon-erase"></span> {{{t4}}}
  286 + </a></li>
  287 + </ul>
  288 + </div>
226 289 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
227 290 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
228 291 <span style="vertical-align: middle" class="material-icons">layers</span>
... ... @@ -234,49 +297,20 @@
234 297 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');">
235 298 <span style="vertical-align: middle" class="material-icons">cancel</span>
236 299 </button>
  300 +
237 301 </div>
238 302 <div class="separadorCabecalhoGuias">&nbsp;</div>
239   - <div class="guiaOverflow" style="height: calc(100% - 45px)">
240   - <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
241   - <label>{{{opcoes}}}</label>
242   - </div>
243   - <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
244   - <p>
245   - <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
246   - </p>
247   - <p>
248   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
249   - </p>
250   - <p>
251   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
252   - </p>
253   - <p>
254   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
255   - </p>
256   - <p>
257   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
258   - </p>
259   - <p>
260   - <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
261   - </p>
262   - <p>
263   - <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
264   - </p>
265   - <p>
266   - <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
267   - </p>
268   - <p>
269   - <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
270   - </p>
271   - </div>
272   - <hr>
273   - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  303 + <div class="guiaOverflow" style="height: calc(100% - 45px); width: calc(100% - 5px);">
  304 + <!-- Esta div acrescenta a lista de layers graficos -->
  305 + <div id="listaLayersGr" style="overflow: none;" data-template="templates/camadaGr.html"></div>
  306 + <div id="listaLayersGrBtn" style="overflow: none;"></div>
  307 + <!-- Esta div acrescenta a lista de camadas disponiveis no mapa atual -->
274 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
275 309 <!-- Esta div acrescenta a lista de de camadas de fundo
276   - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
277   - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
278   - no programa interface/config.php
279   - -->
  310 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  311 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  312 + no programa interface/config.php
  313 + -->
280 314 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
281 315 <label>{{{camadasDeFundo}}}</label>
282 316 </div>
... ... @@ -285,17 +319,44 @@
285 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
286 320 </form>
287 321 </div>
288   -
289 322 </div>
290 323 </div>
291 324 <!-- Catalogo de temas -->
292   - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
  325 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left; height: 100%;'>
293 326 <div class="i3GEOfechaGuia" style="display: flex;">
294 327 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
295 328 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span>
296 329 </button>
  330 + <div class="dropdown">
  331 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  332 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  333 + </button>
  334 + <ul class="dropdown-menu dropdown-menu-right">
  335 + <li><a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">
  336 + <span class="glyphicon glyphicon-log-in"></span> Login/Logout
  337 + </a></li>
  338 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">
  339 + <span class="glyphicon glyphicon-globe"></span> {{{a15}}}
  340 + </a></li>
  341 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">
  342 + <span class="glyphicon glyphicon-cloud-upload"></span> {{{a14}}}
  343 + </a></li>
  344 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">
  345 + <span class="glyphicon glyphicon-cloud-download"></span> {{{a3}}}
  346 + </a></li>
  347 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">
  348 + <span class="glyphicon glyphicon-import"></span> {{{a3a}}}
  349 + </a></li>
  350 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">
  351 + <span class="glyphicon glyphicon-search"></span> Busca na INDE
  352 + </a></li>
  353 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">
  354 + <span class="glyphicon glyphicon-import"></span> {{{a13}}}
  355 + </a></li>
  356 + </ul>
  357 + </div>
297 358 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
298   - data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
  359 + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" data-idListaLayersGr="listaLayersGr" data-idBtnLayersGr="listaLayersGrBtn">
299 360 <span style="vertical-align: middle" class="material-icons">visibility</span>
300 361 </button>
301 362 <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj"
... ... @@ -309,99 +370,58 @@
309 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
310 371  
311 372 <div class="guiaOverflow" style="height: calc(100% - 45px)">
312   - <div id="catalogoMigalha" style="display:block;" data-template="templates/catalogoMigalha.html"></div>
  373 + <div id="catalogoMigalha" style="display: block;" data-template="templates/catalogoMigalha.html"></div>
313 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
314 375 <div id="catalogoNavegacao"></div>
315 376 <!-- Opcoes -->
316 377 <div id="catalogoPrincipal">
317   - <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
318   - <label>{{{opcoes}}}</label>
319   - </div>
320   - <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
321   - <p>
322   - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
323   - </p>
324   - <p>
325   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
326   - </p>
327   - <li class="divider"></p>
328   - <p>
329   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
330   - </p>
331   - <p>
332   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
333   - </p>
334   - <p>
335   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
336   - </p>
337   - <p>
338   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
339   - </p>
340   - <p>
341   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
342   - </p>
343   - <p>
344   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
345   - </p>
346   - <p>
347   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
348   - </p>
349   - <p>
350   - <!-- <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>-->
351   - </p>
352   - <p>
353   - <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
354   - </p>
355   - </div>
356   -
357 378 <hr>
358 379 <!-- busca tema no catalogo
359   - <div class="form-group label-floating">
360   - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
361   - <div class="input-group">
362   - <input id="i3GEObuscatema" class="form-control" type="text" value="">
363   - <span class="input-group-btn">
364   - <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)">
365   - <span class="material-icons ">send</span>
366   - </a>
367   - </span>
368   - </div>
369   - </div>
370   - -->
  380 + <div class="form-group label-floating">
  381 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  382 + <div class="input-group">
  383 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  384 + <span class="input-group-btn">
  385 + <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)">
  386 + <span class="material-icons ">send</span>
  387 + </a>
  388 + </span>
  389 + </div>
  390 + </div>
  391 + -->
371 392 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
372   - Nessa funcao ficam tambem os parametros:
373   - "idOndeMenus": "catalogoMenus",
374   - "idCatalogoPrincipal": "catalogoPrincipal",
375   - "idCatalogoNavegacao": "catalogoNavegacao",
376   - "idOndeMigalha": "catalogoMigalha"
377   - -->
  393 + Nessa funcao ficam tambem os parametros:
  394 + "idOndeMenus": "catalogoMenus",
  395 + "idCatalogoPrincipal": "catalogoPrincipal",
  396 + "idCatalogoNavegacao": "catalogoNavegacao",
  397 + "idOndeMigalha": "catalogoMigalha"
  398 + -->
378 399 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
379 400  
380 401 <div id="arvoreAdicionaTema"></div>
381 402  
382 403 <!--
383   - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
384   - config: {
385   - 'templateDir': 'templates/dir.html',
386   - 'templateTema': 'templates/tema.html',
387   - 'idCatalogoPrincipal': 'catalogoPrincipal',
388   - 'idCatalogoNavegacao': 'catalogoNavegacao',
389   - 'idOndeMigalha': 'catalogoMigalha'
390   - }
  404 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  405 + config: {
  406 + 'templateDir': 'templates/dir.html',
  407 + 'templateTema': 'templates/tema.html',
  408 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  409 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  410 + 'idOndeMigalha': 'catalogoMigalha'
  411 + }
391 412  
392   - exemplo:
  413 + exemplo:
393 414  
394   - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
395   - -->
  415 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  416 + -->
396 417  
397 418 <!-- servicos da INDE brasileira -->
398 419 <div class="list-group condensed">
399   - <div class="row-content text-left" style="opacity:0.8;">
  420 + <div class="row-content text-left" style="opacity: 0.8;">
400 421 <label style="width: 300px; vertical-align: middle;">
401 422 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
402 423 <h4>
403   - <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
404   - INDE-Br
  424 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> INDE-Br
405 425 </h4>
406 426 </a>
407 427 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
... ... @@ -414,12 +434,11 @@
414 434 <hr>
415 435 <!-- lista de wms cadastrados no sistema de administracao -->
416 436 <div class="list-group condensed">
417   - <div class="row-content text-left" style="opacity:0.8;">
  437 + <div class="row-content text-left" style="opacity: 0.8;">
418 438 <label style="width: 300px; vertical-align: middle;">
419 439 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
420 440 <h4>
421   - <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
422   - OGC-WMS
  441 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> OGC-WMS
423 442 </h4>
424 443 </a>
425 444 <h6>{{{descOgcWms}}}</h6>
... ... @@ -436,8 +455,7 @@
436 455 <label style="width: 300px; vertical-align: middle;">
437 456 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
438 457 <h4>
439   - <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
440   - {{{x87}}}
  458 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i> {{{x87}}}
441 459 </h4>
442 460 </a>
443 461 <h6>{{{descLimLoc}}}</h6>
... ... @@ -450,12 +468,11 @@
450 468 <hr>
451 469 <!-- camadas que vem do sistema de metadados estatisticos -->
452 470 <div class="list-group condensed">
453   - <div class="row-content text-left" style="opacity:0.8;">
  471 + <div class="row-content text-left" style="opacity: 0.8;">
454 472 <label style="width: 300px; vertical-align: middle;">
455 473 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
456 474 <h4>
457   - <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
458   - {{{x57}}}
  475 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i> {{{x57}}}
459 476 </h4>
460 477 </a>
461 478 <h6>{{{descMeta}}}</h6>
... ... @@ -468,13 +485,11 @@
468 485 <hr>
469 486 <!-- camadas por estrelas -->
470 487 <div class="list-group condensed">
471   - <div class="row-content text-left" style="opacity:0.8;">
  488 + <div class="row-content text-left" style="opacity: 0.8;">
472 489 <label style="width: 300px; vertical-align: middle;">
473   - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
474   - href="javascript:void(0)">
  490 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
475 491 <h4>
476   - <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
477   - {{{t46}}}
  492 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i> {{{t46}}}
478 493 </h4>
479 494 </a>
480 495 <h6>{{{descEstrelas}}}</h6>
... ... @@ -487,12 +502,11 @@
487 502 <hr>
488 503 <!-- sistemas que adicionam camadas -->
489 504 <div class="list-group condensed">
490   - <div class="row-content text-left" style="opacity:0.8;">
  505 + <div class="row-content text-left" style="opacity: 0.8;">
491 506 <label style="width: 300px; vertical-align: middle;">
492 507 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
493 508 <h4>
494   - <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
495   - {{{a11}}}
  509 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i> {{{a11}}}
496 510 </h4>
497 511 </a>
498 512 <h6>{{{descSistemas}}}</h6>
... ... @@ -506,12 +520,11 @@
506 520 <hr>
507 521 <!-- navegacao em diretorios -->
508 522 <div class="list-group condensed">
509   - <div class="row-content text-left" style="opacity:0.8;">
  523 + <div class="row-content text-left" style="opacity: 0.8;">
510 524 <label style="width: 300px; vertical-align: middle;">
511 525 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
512 526 <h4>
513   - <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
514   - {{{a6}}}
  527 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i> {{{a6}}}
515 528 </h4>
516 529 </a>
517 530 <h6>{{{descDir}}}</h6>
... ... @@ -526,11 +539,14 @@
526 539 </div>
527 540 </div>
528 541 <!-- Legenda -->
529   - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
530   - <div class="i3GEOfechaGuia" style="display: flex;" >
  542 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left; height: 100%;'>
  543 + <div class="i3GEOfechaGuia" style="display: flex;">
531 544 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
532 545 <span style="vertical-align: middle">{{{iconeLegenda}}}</span>
533 546 </button>
  547 + <button type="button" title="{{{x11}}}" style="width: 3.5rem; height: 3rem;" class="text-right" onclick="i3GEO.legenda.inicia({'janela':true})">
  548 + <span style="vertical-align: middle" class="material-icons">list_alt</span>
  549 + </button>
534 550 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
535 551 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
536 552 <span style="vertical-align: middle" class="material-icons">visibility</span>
... ... @@ -543,18 +559,18 @@
543 559 <span style="vertical-align: middle" class="material-icons">cancel</span>
544 560 </button>
545 561 </div>
  562 +
546 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
547 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
548   - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
549 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
550 566 </div>
551 567 </div>
552 568 <!-- busca
553   - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
554   - No botao que dispara a busca, ficam os parametros de configuracao
555   - 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
556   - -->
557   - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
  569 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  570 + No botao que dispara a busca, ficam os parametros de configuracao
  571 + 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
  572 + -->
  573 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height: 100%'>
558 574 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
559 575 <button>
560 576 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
... ... @@ -566,11 +582,11 @@
566 582 <div class="form-group label-floating">
567 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
568 584 <div class="input-group">
569   - <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
570   - onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
571   - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
572   - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
573   - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  585 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  586 + <span class="input-group-btn"> <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html"
  587 + data-inputGoogle="[name=google]" data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html"
  588 + data-inputTemasMapa="[name=temasMapa]" data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html"
  589 + data-ondeConteiner="#guia7obj" data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
574 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
575 591 <span class="material-icons ">send</span>
576 592 </a>
... ... @@ -581,26 +597,30 @@
581 597 <div class="form-inline" style="width: 100%;">
582 598 <div class="list-group condensed">
583 599 <div class="checkbox text-left">
584   - <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  600 + <label>
  601 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">
  602 + {{{x38}}}
585 603 </label>
586 604 </div>
587 605 </div>
588 606 <div class="list-group condensed">
589 607 <div class="checkbox text-left">
590   - <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  608 + <label>
  609 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  610 + {{{x39}}}
591 611 </label>
592 612 </div>
593 613 </div>
594 614 <!-- Apenas para a interface google maps
595   - <div class="list-group condensed">
596   - <div class="checkbox text-left">
597   - <label>
598   - <input class="noprint" value="on" type="checkbox" name="google">
599   - <span class="checkbox-material noprint"><span class="check"></span></span> Google
600   - </label>
601   - </div>
602   - </div>
603   - -->
  615 + <div class="list-group condensed">
  616 + <div class="checkbox text-left">
  617 + <label>
  618 + <input class="noprint" value="on" type="checkbox" name="google">
  619 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  620 + </label>
  621 + </div>
  622 + </div>
  623 + -->
604 624 </div>
605 625 </form>
606 626 <hr>
... ... @@ -611,7 +631,7 @@
611 631 </div>
612 632 </div>
613 633 <!-- Ferramentas -->
614   - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
  634 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left; height: 100%'>
615 635 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
616 636 <button>
617 637 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
... ... @@ -620,25 +640,25 @@
620 640 <div class="separadorCabecalhoGuias">&nbsp;</div>
621 641 <div class="guiaOverflow" style="height: calc(100% - 45px)">
622 642 <div class="form-inline" style="width: 100%;">
623   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  643 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
624 644 <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)">
625 645 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
626 646 </a>
627 647 <h6>{{{d21at}}}</h6>
628 648 </div>
629   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  649 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
630 650 <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)">
631 651 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
632 652 </a>
633 653 <h6>{{{d21t}}}</h6>
634 654 </div>
635   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  655 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
636 656 <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)">
637 657 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
638 658 </a>
639 659 <h6>{{{d24t}}}</h6>
640 660 </div>
641   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  661 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
642 662 <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)">
643 663 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
644 664 </a>
... ... @@ -646,8 +666,8 @@
646 666 </div>
647 667 </div>
648 668 <div class="clearfix"></div>
649   - <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block;text-align: center;width: 100%;padding-left: 1rem;padding-right: 1rem;'></div>
650 669  
  670 + <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block; text-align: center; width: 100%; padding-left: 1rem; padding-right: 1rem;'></div>
651 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
652 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
653 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
... ... @@ -656,7 +676,6 @@
656 676 </div>
657 677 </div>
658 678 </div>
659   -
660 679 <!-- para mostrar o banner de abertura -->
661 680 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
662 681 <div>
... ... @@ -677,335 +696,371 @@
677 696 </div>
678 697 </script>
679 698 <script>
680   - //ativa o banner de inicializacao
681   - i3GEO.janela.tempoMsg(
682   - $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
683   - (function() {
684   - //parametros aplicados na criacao do arquivo mapfile
685   - var parametrosMapa = {
686   - //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
687   - //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
688   - mapfilebase : "",
689   - //extensao geografica do mapa
690   - //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
691   - //exemplo [-77,-26,-30,6]
692   - mapext : [],
693   - //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
694   - perfil : "",
695   - //layers que serao adicionados ao mapa.
696   - //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
697   - layers : {
698   - //array com a lista dos layers que serao adicionados e ligados (visiveis)
699   - add : [],
700   - //array com a lista dos layers que serao adicionados mas nao ligados
701   - on : [],
702   - //array com os layers desligados
703   - off : []
704   - },
705   - //lista de coordenadas x e y que serao adicionadas como pontos no mapa
706   - points : {
707   - //array com a lista de coordenadas
708   - coord : [],
709   - //titulo da nova camada
710   - title : ""
711   - },
712   - //lista de coordenadas x e y que serao adicionadas como linhas no mapa
713   - lines : {
714   - //array de arrays com a lista de coordenadas de cada linha
715   - //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
716   - coord : [ [] ],
717   - //titulo da nova camada
718   - title : ""
719   - },
720   - //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
721   - polygons : {
722   - //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
723   - //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
724   - coord : [ [] ],
725   - //titulo da nova camada
726   - title : ""
727   - },
728   - //insere elementos no mapa com coordenadas definidas em wkt
729   - wkt : {
730   - //string no formato wkt
731   - coord : "",
732   - //titulo da nova camada
733   - title : ""
734   - },
735   - //simbolo que sera utilizado para desenhar os elementos inseridos
736   - symbol : {
737   - //codigo do simbolo conforme definido em i3geo/symbols
738   - name : "",
739   - //em rgb, exemplo "0 255 0"
740   - color : "",
741   - //em pixels
742   - size : ""
743   - },
744   - //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
745   - kml : {
746   - url : ""
747   - },
748   - //endereco de um WMS (sera incluido como uma camada no mapa)
749   - wms : {
750   - url : "",
751   - layer : "",
752   - style : "",
753   - title : "",
754   - srs : "",
755   - imagetype : "",
756   - version : ""
757   - },
758   - //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
759   - //do mapserver, exemplo
760   - //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
761   - filters : [ {
762   - layer : "",
763   - expression : ""
764   - } ],
765   - //id de um mapa salvo e que sera recuperado
766   - restoreMapId : ""
767   - };
768   - var config = {
769   - //id do elemento HTML onde o corpo do mapa sera renderizado
770   - mapBody : "mapai3Geo",
771   - //tipo de mapa. Pode ser:
772   - //OL - utiliza o OpenLayers e coordenadas geograficas
773   - //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
774   - //GM - utiliza o GoogleMaps como motor de controle do mapa
775   - mapType : "OSM",
776   - //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
777   - saveExtension : false,
778   - //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
779   - posRenderType : "",
780   - //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
781   - //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
782   - //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
783   - i3GeoServer : i3GeoUrl,
784   - //opacidade default para camadas que nao sejam do tipo linha ou ponto
785   - //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
786   - //se for vazio, sera utilizado o valor definido no LAYER original
787   - //Nao se aplica na interface googlemaps
788   - layerOpacity : "",
789   - //Funcao que sera executada apos a inicializacao do mapa
790   - afterStart : function() {
791   - $('.iconeGuiaMovel').tooltip({
792   - animation : false,
793   - trigger : "manual hover",
794   - placement : "left"
795   - });
796   - $('.iconeGuiaMovel').tooltip('show');
797   - setTimeout(function(){$('.iconeGuiaMovel').tooltip('hide');},5000);
  699 + //ativa o banner de inicializacao
  700 + i3GEO.janela.tempoMsg(
  701 + $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
  702 + (function() {
  703 + //parametros aplicados na criacao do arquivo mapfile
  704 + var parametrosMapa = {
  705 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  706 + //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
  707 + mapfilebase : "",
  708 + //extensao geografica do mapa
  709 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  710 + //exemplo [-77,-26,-30,6]
  711 + mapext : [],
  712 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  713 + perfil : "",
  714 + //layers que serao adicionados ao mapa.
  715 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  716 + layers : {
  717 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  718 + add : [],
  719 + //array com a lista dos layers que serao adicionados mas nao ligados. Inclusive IDs do sistema de metadados estatisticos
  720 + on : [],
  721 + //array com os layers desligados
  722 + off : [],
  723 + //array com a lista de IDs que identificam medidas registradas no sistema de metadados
  724 + //estatisticos
  725 + metaestat : []
  726 + },
  727 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  728 + points : {
  729 + //array com a lista de coordenadas
  730 + coord : [],
  731 + //titulo da nova camada
  732 + title : ""
  733 + },
  734 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  735 + lines : {
  736 + //array de arrays com a lista de coordenadas de cada linha
  737 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  738 + coord : [ [] ],
  739 + //titulo da nova camada
  740 + title : ""
  741 + },
  742 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  743 + polygons : {
  744 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  745 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  746 + coord : [ [] ],
  747 + //titulo da nova camada
  748 + title : ""
  749 + },
  750 + //insere elementos no mapa com coordenadas definidas em wkt
  751 + wkt : {
  752 + //string no formato wkt
  753 + coord : "",
  754 + //titulo da nova camada
  755 + title : ""
  756 + },
  757 + //simbolo que sera utilizado para desenhar os elementos inseridos
  758 + symbol : {
  759 + //codigo do simbolo conforme definido em i3geo/symbols
  760 + name : "",
  761 + //em rgb, exemplo "0 255 0"
  762 + color : "",
  763 + //em pixels
  764 + size : ""
  765 + },
  766 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  767 + kml : {
  768 + url : ""
  769 + },
  770 + //endereco de um WMS (sera incluido como uma camada no mapa)
  771 + wms : {
  772 + url : "",
  773 + layer : "",
  774 + style : "",
  775 + title : "",
  776 + srs : "",
  777 + imagetype : "",
  778 + version : ""
  779 + },
  780 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  781 + //do mapserver, exemplo
  782 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  783 + filters : [ {
  784 + layer : "",
  785 + expression : ""
  786 + } ],
  787 + //id de um mapa salvo e que sera recuperado
  788 + restoreMapId : ""
  789 + };
  790 + var config = {
  791 + //id do elemento HTML onde o corpo do mapa sera renderizado
  792 + mapBody : "mapai3Geo",
  793 + //tipo de mapa. Pode ser:
  794 + //OL - utiliza o OpenLayers e coordenadas geograficas
  795 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  796 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  797 + mapType : "OSM",
  798 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  799 + saveExtension : false,
  800 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  801 + posRenderType : "",
  802 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  803 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  804 + //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
  805 + i3GeoServer : i3GeoUrl,
  806 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  807 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  808 + //se for vazio, sera utilizado o valor definido no LAYER original
  809 + //Nao se aplica na interface googlemaps
  810 + layerOpacity : "",
  811 + //Funcao que sera executada apos a inicializacao do mapa
  812 + afterStart : function() {
  813 + $('.iconeGuiaMovel').tooltip({
  814 + animation : false,
  815 + trigger : "manual hover",
  816 + placement : "left"
  817 + });
  818 + $('.iconeGuiaMovel').tooltip('show');
  819 + setTimeout(function() {
  820 + $('.iconeGuiaMovel').tooltip('hide');
  821 + }, 5000);
  822 +
  823 + $('.ol-i3GEOcontrols button')
  824 + .tooltip(
  825 + {
  826 + animation : false,
  827 + trigger : "hover",
  828 + placement : "auto",
  829 + template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
  830 + });
  831 +
  832 + //$(".guiaOverflow").css("height",i3GEO.parametros.h - 140);
  833 +
  834 + $(".guiaOverflow").mCustomScrollbar({
  835 + scrollbarPosition : "inside",
  836 + theme : "inset-2-dark"
  837 + });
  838 + tutorial.init();
  839 + //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
798 840  
799   - $('.ol-i3GEOcontrols button').tooltip({
800   - animation : false,
801   - trigger : "hover",
802   - placement : "auto",
803   - template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
804   - });
805   - $(".guiaOverflow").mCustomScrollbar({
806   - scrollbarPosition : "inside",
807   - theme : "inset-2-dark"
808   - });
809   - tutorial.init();
810   - //setTimeout(function() {
811   - // $('.iconeGuiaMovel').tooltip('destroy');
812   - //}, 30000);
813   - //i3GEO.maparef.inicia();
814   - //
815   - //(largura, altura, topo, esquerda);
816   - //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
817   - //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
  841 + //setTimeout(function() {
  842 + // $('.iconeGuiaMovel').tooltip('destroy');
  843 + //}, 30000);
  844 + //i3GEO.maparef.inicia();
  845 + //
  846 + //(largura, altura, topo, esquerda);
  847 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  848 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
818 849  
819   - //abre a legenda do mapa em uma janela flutuante
820   - //i3GEO.legenda.inicia({
821   - //"idLegenda": "legendaHtml",
822   - //"templateLegenda": "templates/legenda.html",
823   - //"janela": true
824   - //});
825   - },
826   - //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
827   - components : {
828   - //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
829   - //e nao aos que possuem o link para a fonte definido no mapfile
830   - restrictAtt: true,
831   - //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
832   - info : true,
833   - //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
834   - idsMenus : [],
835   - //webservice utilizado na opcao de encontrar lugares
836   - searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
837   - //webservice wms que faz a apresentacao do lugar encontrado por searchService
838   - searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
839   - //posicao do mapa de referencia, em pixels [top,right]
840   - referenceMapPosition : [ 4, 120 ],
841   - //tipo do mapa de referencia. Pode ser wms ou map
842   - referenceType: "wms",
843   - //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
844   - tooltip : {
845   - //o resultado sera mostrado em uma janela do tipo modal
846   - modal : false,
847   - //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
848   - //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
849   - //use apenas se modal for true
850   - //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
851   - url : "",
852   - //template que sera usado para compor o resultado da busca de dados
853   - //se for vazio, serao utilizadas as outras opcoes
854   - //se contiver a string {{{url}}} a mesma sera substituida por url
855   - //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
856   - templateModal : "",
857   - //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
858   - simple : true,
859   - removeAoAdicionar : true,
860   - //parametros exclusivos da interface openlayers
861   - autoPan : true,
862   - autoPanAnimation : {
863   - duration : 250
864   - },
865   - minWidth : '200px',
866   - //Altura e largura do tooltip (balao)
867   - toolTipSize : [ "100px", "200px" ],
868   - //mostra ou nao o balao caso seja vazio
869   - openTipNoData : true
870   - },
871   - //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
872   - scrollBar : {
873   - theme : "inset-2",
874   - axis : "yx",
875   - scrollbarPosition : "inside",
876   - scrollButtons : {
877   - enable : true
878   - },
879   - advanced : {
880   - autoExpandHorizontalScroll : true
881   - }
882   - }
883   - },
884   - //parametros de configuracao das ferramentas que sao acionadas sob demanda
885   - //ferramentas localizadas em i3geo/ferramentas
886   - tools : {
887   - //ferramenta de busca de camadas em um servico CSW
888   - buscainde : {
889   - //endereco do servico no padrao CSW
890   - csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
891   - },
892   - //ferramenta de identificacao
893   - identifica : {
894   - //resolucao em pixels para busca de elementos
895   - resolution : 8
896   - },
897   - //mapa de referencia
898   - opcoesMaparef : {
899   - //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
900   - images : [
901   - {name: "Colorida", img: "referencia1"},
902   - {name: "B & W", img: "referencia1cinza"}
903   - ]
904   - }
905   - },
906   - //configuracoes especificas para a interface que utiliza o OpenLayers
907   - openLayers : {
908   - //utiliza ou nao tiles ao renderizar as camadas do mapa
909   - //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
910   - singleTile : false,
911   - //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
912   - MapOptions : {
913   - layers : [],
914   - controls : [ new ol.control.Zoom(),
915   - new ol.control.ZoomSlider(),
916   - new ol.control.ScaleLine(),
917   - new ol.control.Attribution({
918   - collapsible : true
919   - }) ],
920   - loadTilesWhileAnimating : true,
921   - loadTilesWhileInteracting : true,
922   - //os objetos devem ser comentados na interface googleMaps
923   - interactions : [
924   - new ol.interaction.DoubleClickZoom(),
925   - new ol.interaction.KeyboardPan(),
926   - new ol.interaction.KeyboardZoom(),
927   - new ol.interaction.MouseWheelZoom(),
928   - new ol.interaction.PinchRotate(),
929   - new ol.interaction.PinchZoom(),
930   - //new ol.interaction.DragZoom(),
931   - i3GEO.navega.dragZoom(),
932   - new ol.interaction.DragPan() ]
933   - },
934   - //opcoes para o objeto view, que e uma instancia de MapOptions
935   - //ver https://openlayers.org/en/latest/apidoc/ol.View.html
936   - ViewOptions : {
  850 + //abre a legenda do mapa em uma janela flutuante
  851 + //i3GEO.legenda.inicia({
  852 + //"idLegenda": "legendaHtml",
  853 + //"templateLegenda": "templates/legenda.html",
  854 + //"janela": true
  855 + //});
  856 + //para abrir uma guia
  857 + //i3GEO.guias.ativa('temas',$("[data-idconteudo='guia1obj'"));
  858 + },
  859 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  860 + components : {
  861 + //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
  862 + //e nao aos que possuem o link para a fonte definido no mapfile
  863 + restrictAtt : true,
  864 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  865 + info : true,
  866 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  867 + idsMenus : [],
  868 + //webservice utilizado na opcao de encontrar lugares
  869 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  870 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  871 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  872 + //posicao do mapa de referencia, em pixels [top,right]
  873 + referenceMapPosition : [ 4, 120 ],
  874 + //tipo do mapa de referencia. Pode ser wms ou map
  875 + referenceType : "map",
  876 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  877 + tooltip : {
  878 + //o resultado sera mostrado em uma janela do tipo modal
  879 + modal : false,
  880 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  881 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  882 + //use apenas se modal for true
  883 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  884 + url : "",
  885 + //template que sera usado para compor o resultado da busca de dados
  886 + //se for vazio, serao utilizadas as outras opcoes
  887 + //se contiver a string {{{url}}} a mesma sera substituida por url
  888 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  889 + templateModal : "",
  890 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  891 + simple : true,
  892 + removeAoAdicionar : true,
  893 + //parametros exclusivos da interface openlayers
  894 + autoPan : true,
  895 + autoPanAnimation : {
  896 + duration : 250
  897 + },
  898 + minWidth : '200px',
  899 + //Altura e largura do tooltip (balao)
  900 + toolTipSize : [ "100px", "200px" ],
  901 + //mostra ou nao o balao caso seja vazio
  902 + openTipNoData : true
  903 + },
  904 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  905 + scrollBar : {
  906 + theme : "inset-2",
  907 + axis : "yx",
  908 + scrollbarPosition : "inside",
  909 + scrollButtons : {
  910 + enable : true
  911 + },
  912 + advanced : {
  913 + autoExpandHorizontalScroll : true
  914 + }
  915 + }
  916 + },
  917 + //parametros de configuracao das ferramentas que sao acionadas sob
  918 + //demanda. Veja em js/ini_i3geo.js e js/configura.js
  919 + //Algumas ferramentas localizadas em i3geo/ferramentas
  920 + //permitem que qualquer parametro ou funcao seja sobrescrita
  921 + //Veja o codigo de cada ferramenta para obter os nomes de parametros e funcoes
  922 + //O codigo index.js da ferramenta deve permitir o uso dessas configuracoes (veja o final de cada index.js
  923 + tools : {
  924 + //ferramenta de identificacao
  925 + identifica : {
  926 + //resolucao em pixels para busca de elementos
  927 + resolution : 8
  928 + },
  929 + legenda : {
  930 + //define o local onde os templates da ferramenta ficam armazenados
  931 + //esse eh o local default, colocado aqui para documentacao
  932 + templateDir : i3GeoUrl
  933 + + "/ferramentas/legenda"
  934 + },
  935 + metaestat : {},
  936 + buscainde : {},
  937 + //mapa de referencia
  938 + opcoesMaparef : {
  939 + //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
  940 + images : [ {
  941 + name : "Colorida",
  942 + img : "referencia1"
  943 + }, {
  944 + name : "B & W",
  945 + img : "referencia1cinza"
  946 + } ]
  947 + },
  948 + //janela de conversao de coordenadas
  949 + wkt2layer : {
  950 + position : [ 150, 150 ]
  951 + },
  952 + area : {
  953 + position : [ 150, 10 ]
  954 + },
  955 + distancia : {
  956 + position : [ 150, 10 ]
  957 + }
  958 + },
  959 + //configuracoes especificas para a interface que utiliza o OpenLayers
  960 + openLayers : {
  961 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  962 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  963 + singleTile : false,
  964 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  965 + MapOptions : {
  966 + layers : [],
  967 + controls : [ new ol.control.Zoom(),
  968 + new ol.control.ZoomSlider(),
  969 + new ol.control.ScaleLine(),
  970 + new ol.control.Attribution({
  971 + collapsible : true
  972 + }) ],
  973 + loadTilesWhileAnimating : true,
  974 + loadTilesWhileInteracting : true,
  975 + //os objetos devem ser comentados na interface googleMaps
  976 + interactions : [
  977 + new ol.interaction.DoubleClickZoom(),
  978 + new ol.interaction.KeyboardPan(),
  979 + new ol.interaction.KeyboardZoom(),
  980 + new ol.interaction.MouseWheelZoom(),
  981 + //new ol.interaction.PinchRotate(),
  982 + new ol.interaction.PinchZoom(),
  983 + //new ol.interaction.DragZoom(),
  984 + i3GEO.navega.dragZoom(),
  985 + new ol.interaction.DragPan() ]
  986 + },
  987 + //opcoes para o objeto view, que e uma instancia de MapOptions
  988 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
  989 + ViewOptions : {
937 990  
938   - },
939   - //botoes que sao mostrados no editor vetorial
940   - editorButtons : {
941   - 'imprimir' : false,
942   - 'grid' : false,
943   - 'pan' : false,
944   - 'zoombox' : false,
945   - 'zoomtot' : false,
946   - 'zoomin' : false,
947   - 'zoomout' : false,
948   - 'distancia' : false,
949   - 'area' : false,
950   - 'identifica' : false,
951   - 'linha' : true,
952   - 'ponto' : true,
953   - 'poligono' : true,
954   - 'texto' : true,
955   - 'edita' : true,
956   - 'listag' : true,
957   - 'corta' : true,
958   - 'apaga' : true,
959   - 'procura' : false,
960   - 'selecao' : true,
961   - 'selecaotudo' : true,
962   - 'salva' : true,
963   - 'ajuda' : true,
964   - 'propriedades' : true,
965   - 'fecha' : true,
966   - 'tools' : true,
967   - 'undo' : false,
968   - 'frente' : false,
969   - 'legenda' : false,
970   - 'rodadomouse' : true,
971   - 'novaaba' : false
972   - }
973   - },
974   - //configuracoes especificas para a interface GoogleMaps
975   - googleMaps : {
976   - //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
977   - MapOptions : {
978   - //estilo que sera utilizado no mapa
979   - //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
980   - //ver i3GEO.Interface.googleMaps.ESTILOS
981   - mapTypeId : "roadmap",
982   - scaleControl : true,
983   - mapTypeControl : true,
984   - mapTypeControlOptions : {
985   - //position : google.maps.ControlPosition.LEFT_BOTTOM
986   - },
987   - zoomControl : true,
988   - zoomControlOptions : {
989   - //style : google.maps.ZoomControlStyle.SMALL,
990   - //position : google.maps.ControlPosition.LEFT_CENTER
991   - },
992   - streetViewControl : true,
993   - streetViewControlOptions : {
994   - //position : google.maps.ControlPosition.LEFT_CENTER
995   - }
996   - }
997   - }
998   - };
999   - //
1000   - //inicia o mapa
1001   - //Veja tambem config.php
1002   - //
1003   - //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
1004   - //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
1005   - //
1006   - i3GEO.init(parametrosMapa, config);
1007   - })();
1008   - </script>
  991 + },
  992 + //botoes que sao mostrados no editor vetorial
  993 + editorButtons : {
  994 + 'imprimir' : false,
  995 + 'grid' : false,
  996 + 'pan' : false,
  997 + 'zoombox' : false,
  998 + 'zoomtot' : false,
  999 + 'zoomin' : false,
  1000 + 'zoomout' : false,
  1001 + 'distancia' : false,
  1002 + 'area' : false,
  1003 + 'identifica' : false,
  1004 + 'linha' : true,
  1005 + 'ponto' : true,
  1006 + 'poligono' : true,
  1007 + 'texto' : true,
  1008 + 'edita' : true,
  1009 + 'listag' : true,
  1010 + 'corta' : true,
  1011 + 'apaga' : true,
  1012 + 'procura' : false,
  1013 + 'selecao' : true,
  1014 + 'selecaotudo' : true,
  1015 + 'salva' : true,
  1016 + 'ajuda' : true,
  1017 + 'propriedades' : true,
  1018 + 'fecha' : true,
  1019 + 'tools' : true,
  1020 + 'undo' : false,
  1021 + 'frente' : false,
  1022 + 'legenda' : false,
  1023 + 'rodadomouse' : true,
  1024 + 'novaaba' : false
  1025 + }
  1026 + },
  1027 + //configuracoes especificas para a interface GoogleMaps
  1028 + googleMaps : {
  1029 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  1030 + MapOptions : {
  1031 + //estilo que sera utilizado no mapa
  1032 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  1033 + //ver i3GEO.Interface.googleMaps.ESTILOS
  1034 + mapTypeId : "roadmap",
  1035 + scaleControl : true,
  1036 + mapTypeControl : true,
  1037 + mapTypeControlOptions : {
  1038 + //position : google.maps.ControlPosition.LEFT_BOTTOM
  1039 + },
  1040 + zoomControl : true,
  1041 + zoomControlOptions : {
  1042 + //style : google.maps.ZoomControlStyle.SMALL,
  1043 + //position : google.maps.ControlPosition.LEFT_CENTER
  1044 + },
  1045 + streetViewControl : true,
  1046 + streetViewControlOptions : {
  1047 + //position : google.maps.ControlPosition.LEFT_CENTER
  1048 + }
  1049 + }
  1050 + }
  1051 + };
  1052 + //
  1053 + //inicia o mapa
  1054 + //Veja tambem config.php
  1055 + //
  1056 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  1057 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  1058 + //
  1059 + //caso queira evitar os efeitos do material design, comente a linha abaixo
  1060 + //$.material = false;
  1061 + i3GEO.init(parametrosMapa, config);
  1062 + })();
  1063 + </script>
1009 1064 </body>
1010 1065  
1011 1066 </html>
... ...
interface/osmdebug.htm
  Diff comments   View file @0310a66
... ... @@ -5,8 +5,10 @@
5 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
7 7 <title>i3GEO - OpenLayers</title>
8   -<script src="../pacotes/ol4/ol-debug.js"></script>
  8 +<script src="../pacotes/ol4/ol.js"></script>
9 9 <script src="../js/i3geonaocompacto.js"></script>
  10 +<!-- carrega as funcoes dos botoes de edicao de elementos graficos -->
  11 +<script src="../ferramentas/editorol/editorol.js"></script>
10 12 <!-- lista com os links que serao mostrados na guia ferramentas -->
11 13 <script src="../js/listaDeFerramentas.js"></script>
12 14 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
... ... @@ -15,7 +17,6 @@
15 17 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
16 18 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
17 19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
18   -
19 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
20 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
21 22 <!-- para o tutorial -->
... ... @@ -43,12 +44,12 @@
43 44 -->
44 45 <body id="i3geo" style='background: white;'>
45 46 <!-- inclui o nome do usuario logado
46   - <div id="i3GEONomeLogin"
47   - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
48   - -->
  47 + <div id="i3GEONomeLogin"
  48 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  49 + -->
49 50 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
50   - Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
51   - -->
  51 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  52 + -->
52 53 <div id="mapai3Geo"></div>
53 54 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
54 55 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
... ... @@ -69,29 +70,48 @@
69 70 </select>
70 71 </div>
71 72 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
72   - X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
73   - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
74   - type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
75   - id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  73 + X:
  74 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  75 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  76 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  77 + Y:
  78 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  79 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  80 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  81 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
76 82 </div>
77 83 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
78   - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  84 + X:
  85 + <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  86 + Y:
  87 + <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
79 88 </div>
80 89 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
81   - GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
82   - onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  90 + GeoHash
  91 + <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  92 + <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
83 93 </div>
84 94 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
85   - X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
86   - type="text">
  95 + X:
  96 + <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  97 + Y:
  98 + <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
87 99 </div>
88 100 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
89   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
90   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  101 + X:
  102 + <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  103 + Y:
  104 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  105 + Zn:
  106 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
91 107 </div>
92 108 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
93   - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
94   - type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  109 + X:
  110 + <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  111 + Y:
  112 + <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  113 + Zn:
  114 + <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
95 115 </div>
96 116 </div>
97 117 <!-- barra de icones de navegacao -->
... ... @@ -141,28 +161,29 @@
141 161 <!-- botoes laterais que abrem guias moveis -->
142 162 <div id="i3GEOguiaMovel">
143 163 <!-- configuracao para todos os botoes
144   - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
145   - -->
  164 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  165 + -->
146 166 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
147 167 <!-- ferramentas
148   - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
149   - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
150   - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
151   - -->
152   - <div data-tutorial="ferramentas" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  168 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  169 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  170 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  171 + -->
  172 + <div data-tutorial="ferramentas" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas"
  173 + onclick="i3GEO.guias.ativa('ferramentas',this)">
153 174 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
154 175 <i class="material-icons">business_center</i>
155 176 </button>
156 177 </div>
157 178 <!-- temas existentes no mapa
158   - data-idListaDeCamadas - id onde sera incluida a lista de camadas
159   - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
160   - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
161   - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
162   - do metadata existente na camada. Deixe vazio para nao ativar a operacao.
163   - -->
164   - <div data-tutorial="camadas" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
165   - style="margin-top: 3px;">
  179 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  180 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  181 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  182 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  183 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  184 + -->
  185 + <div data-tutorial="camadas" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo"
  186 + data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
166 187 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
167 188 <i class="material-icons"><i class="material-icons">visibility</i></i>
168 189 </button>
... ... @@ -188,11 +209,13 @@
188 209 <i class="material-icons">view_list</i>
189 210 </button>
190 211 </div>
  212 + <!--
191 213 <div data-tutorial="troca" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
192 214 <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
193 215 <i class="material-icons">compare_arrows</i>
194 216 </button>
195 217 </div>
  218 + -->
196 219 <!-- Busca -->
197 220 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
198 221 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
... ... @@ -210,12 +233,12 @@
210 233 </button>
211 234 </div>
212 235 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
213   - <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
214   - <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
215   - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
216   - </button>
217   - </div>
218   - -->
  236 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  237 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  238 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  239 + </button>
  240 + </div>
  241 + -->
219 242 </div>
220 243 <!-- veja i3GEO.guias.CONFIGURA -->
221 244 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
... ... @@ -223,54 +246,71 @@
223 246 <div id="i3GEOguiaMovelMolde">
224 247 <div id="i3GEOguiaMovelConteudo">
225 248 <!-- camadas existentes no mapa -->
226   - <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
227   - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
228   - <button>
229   - <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
  249 + <div id='guia1obj' data-traduzir="true" style='display: none; height: 100%'>
  250 + <div class="i3GEOfechaGuia" style="display: flex;">
  251 + <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');">
  252 + <span style="vertical-align: middle">{{{iconeMapa}}}</span>
  253 + </button>
  254 + <div class="dropdown">
  255 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  256 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  257 + </button>
  258 + <ul class="dropdown-menu dropdown-menu-right">
  259 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">
  260 + <span class="glyphicon glyphicon-refresh"></span> Refresh
  261 + </a></li>
  262 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">
  263 + <span class="glyphicon glyphicon-eye-open"></span> {{{t3a}}}
  264 + </a></li>
  265 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">
  266 + <span class="glyphicon glyphicon-eye-close"></span> {{{t3b}}}
  267 + </a></li>
  268 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">
  269 + <span class="glyphicon glyphicon-trash"></span> {{{t12}}}
  270 + </a></li>
  271 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">
  272 + <span class="glyphicon glyphicon-filter"></span> {{{t2a}}}
  273 + </a></li>
  274 + <li role="separator" class="divider"></li>
  275 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">
  276 + <span class="glyphicon glyphicon-adjust"></span> {{{t20}}}
  277 + </a></li>
  278 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">
  279 + <span class="glyphicon glyphicon-film"></span> {{{p21}}}
  280 + </a></li>
  281 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">
  282 + <span class="glyphicon glyphicon-print"></span> {{{d12}}}
  283 + </a></li>
  284 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">
  285 + <span class="glyphicon glyphicon-erase"></span> {{{t4}}}
  286 + </a></li>
  287 + </ul>
  288 + </div>
  289 + <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
  290 + data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
  291 + <span style="vertical-align: middle" class="material-icons">layers</span>
  292 + </button>
  293 + <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj"
  294 + data-idLegenda="legendaHtml">
  295 + <span style="vertical-align: middle" class="material-icons">view_list</span>
  296 + </button>
  297 + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');">
  298 + <span style="vertical-align: middle" class="material-icons">cancel</span>
230 299 </button>
  300 +
231 301 </div>
232 302 <div class="separadorCabecalhoGuias">&nbsp;</div>
233   - <div class="guiaOverflow" style="height: calc(100% - 45px)">
234   - <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
235   - <label>{{{opcoes}}}</label>
236   - </div>
237   - <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
238   - <p>
239   - <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
240   - </p>
241   - <p>
242   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
243   - </p>
244   - <p>
245   - <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
246   - </p>
247   - <p>
248   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
249   - </p>
250   - <p>
251   - <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
252   - </p>
253   - <p>
254   - <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
255   - </p>
256   - <p>
257   - <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
258   - </p>
259   - <p>
260   - <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
261   - </p>
262   - <p>
263   - <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
264   - </p>
265   - </div>
266   - <hr>
267   - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  303 + <div class="guiaOverflow" style="height: calc(100% - 45px); width: calc(100% - 5px);">
  304 + <!-- Esta div acrescenta a lista de layers graficos -->
  305 + <div id="listaLayersGr" style="overflow: none;" data-template="templates/camadaGr.html"></div>
  306 + <div id="listaLayersGrBtn" style="overflow: none;"></div>
  307 + <!-- Esta div acrescenta a lista de camadas disponiveis no mapa atual -->
268 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
269 309 <!-- Esta div acrescenta a lista de de camadas de fundo
270   - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
271   - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
272   - no programa interface/config.php
273   - -->
  310 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  311 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  312 + no programa interface/config.php
  313 + -->
274 314 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
275 315 <label>{{{camadasDeFundo}}}</label>
276 316 </div>
... ... @@ -279,112 +319,109 @@
279 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
280 320 </form>
281 321 </div>
282   -
283 322 </div>
284 323 </div>
285 324 <!-- Catalogo de temas -->
286   - <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
287   - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
288   - <button>
289   - <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
  325 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left; height: 100%;'>
  326 + <div class="i3GEOfechaGuia" style="display: flex;">
  327 + <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
  328 + <span style="vertical-align: middle">{{{iconeCatalogo}}}</span>
  329 + </button>
  330 + <div class="dropdown">
  331 + <button title="{{{opcoes}}}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  332 + <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
  333 + </button>
  334 + <ul class="dropdown-menu dropdown-menu-right">
  335 + <li><a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">
  336 + <span class="glyphicon glyphicon-log-in"></span> Login/Logout
  337 + </a></li>
  338 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">
  339 + <span class="glyphicon glyphicon-globe"></span> {{{a15}}}
  340 + </a></li>
  341 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">
  342 + <span class="glyphicon glyphicon-cloud-upload"></span> {{{a14}}}
  343 + </a></li>
  344 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">
  345 + <span class="glyphicon glyphicon-cloud-download"></span> {{{a3}}}
  346 + </a></li>
  347 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">
  348 + <span class="glyphicon glyphicon-import"></span> {{{a3a}}}
  349 + </a></li>
  350 + <li><a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">
  351 + <span class="glyphicon glyphicon-search"></span> Busca na INDE
  352 + </a></li>
  353 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">
  354 + <span class="glyphicon glyphicon-import"></span> {{{a13}}}
  355 + </a></li>
  356 + </ul>
  357 + </div>
  358 + <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
  359 + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" data-idListaLayersGr="listaLayersGr" data-idBtnLayersGr="listaLayersGrBtn">
  360 + <span style="vertical-align: middle" class="material-icons">visibility</span>
  361 + </button>
  362 + <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj"
  363 + data-idLegenda="legendaHtml">
  364 + <span style="vertical-align: middle" class="material-icons">view_list</span>
  365 + </button>
  366 + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
  367 + <span style="vertical-align: middle" class="material-icons">cancel</span>
290 368 </button>
291 369 </div>
292 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
293 371  
294 372 <div class="guiaOverflow" style="height: calc(100% - 45px)">
295   - <div id="catalogoMigalha" style="display:block;" data-template="templates/catalogoMigalha.html"></div>
  373 + <div id="catalogoMigalha" style="display: block;" data-template="templates/catalogoMigalha.html"></div>
296 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
297 375 <div id="catalogoNavegacao"></div>
298 376 <!-- Opcoes -->
299 377 <div id="catalogoPrincipal">
300   - <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
301   - <label>{{{opcoes}}}</label>
302   - </div>
303   - <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
304   - <p>
305   - <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
306   - </p>
307   - <p>
308   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
309   - </p>
310   - <li class="divider"></p>
311   - <p>
312   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
313   - </p>
314   - <p>
315   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
316   - </p>
317   - <p>
318   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
319   - </p>
320   - <p>
321   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
322   - </p>
323   - <p>
324   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
325   - </p>
326   - <p>
327   - <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
328   - </p>
329   - <p>
330   - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
331   - </p>
332   - <p>
333   - <!-- <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>-->
334   - </p>
335   - <p>
336   - <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
337   - </p>
338   - </div>
339   -
340 378 <hr>
341 379 <!-- busca tema no catalogo
342   - <div class="form-group label-floating">
343   - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
344   - <div class="input-group">
345   - <input id="i3GEObuscatema" class="form-control" type="text" value="">
346   - <span class="input-group-btn">
347   - <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)">
348   - <span class="material-icons ">send</span>
349   - </a>
350   - </span>
351   - </div>
352   - </div>
353   - -->
  380 + <div class="form-group label-floating">
  381 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  382 + <div class="input-group">
  383 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  384 + <span class="input-group-btn">
  385 + <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)">
  386 + <span class="material-icons ">send</span>
  387 + </a>
  388 + </span>
  389 + </div>
  390 + </div>
  391 + -->
354 392 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
355   - Nessa funcao ficam tambem os parametros:
356   - "idOndeMenus": "catalogoMenus",
357   - "idCatalogoPrincipal": "catalogoPrincipal",
358   - "idCatalogoNavegacao": "catalogoNavegacao",
359   - "idOndeMigalha": "catalogoMigalha"
360   - -->
  393 + Nessa funcao ficam tambem os parametros:
  394 + "idOndeMenus": "catalogoMenus",
  395 + "idCatalogoPrincipal": "catalogoPrincipal",
  396 + "idCatalogoNavegacao": "catalogoNavegacao",
  397 + "idOndeMigalha": "catalogoMigalha"
  398 + -->
361 399 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
362 400  
363 401 <div id="arvoreAdicionaTema"></div>
364 402  
365 403 <!--
366   - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
367   - config: {
368   - 'templateDir': 'templates/dir.html',
369   - 'templateTema': 'templates/tema.html',
370   - 'idCatalogoPrincipal': 'catalogoPrincipal',
371   - 'idCatalogoNavegacao': 'catalogoNavegacao',
372   - 'idOndeMigalha': 'catalogoMigalha'
373   - }
  404 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  405 + config: {
  406 + 'templateDir': 'templates/dir.html',
  407 + 'templateTema': 'templates/tema.html',
  408 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  409 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  410 + 'idOndeMigalha': 'catalogoMigalha'
  411 + }
374 412  
375   - exemplo:
  413 + exemplo:
376 414  
377   - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
378   - -->
  415 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  416 + -->
379 417  
380 418 <!-- servicos da INDE brasileira -->
381 419 <div class="list-group condensed">
382   - <div class="row-content text-left" style="opacity:0.8;">
  420 + <div class="row-content text-left" style="opacity: 0.8;">
383 421 <label style="width: 300px; vertical-align: middle;">
384 422 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
385 423 <h4>
386   - <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
387   - INDE-Br
  424 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> INDE-Br
388 425 </h4>
389 426 </a>
390 427 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
... ... @@ -397,12 +434,11 @@
397 434 <hr>
398 435 <!-- lista de wms cadastrados no sistema de administracao -->
399 436 <div class="list-group condensed">
400   - <div class="row-content text-left" style="opacity:0.8;">
  437 + <div class="row-content text-left" style="opacity: 0.8;">
401 438 <label style="width: 300px; vertical-align: middle;">
402 439 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
403 440 <h4>
404   - <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
405   - OGC-WMS
  441 + <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> OGC-WMS
406 442 </h4>
407 443 </a>
408 444 <h6>{{{descOgcWms}}}</h6>
... ... @@ -419,8 +455,7 @@
419 455 <label style="width: 300px; vertical-align: middle;">
420 456 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
421 457 <h4>
422   - <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
423   - {{{x87}}}
  458 + <i class="material-icons" style="vertical-align: text-bottom;">domain</i> {{{x87}}}
424 459 </h4>
425 460 </a>
426 461 <h6>{{{descLimLoc}}}</h6>
... ... @@ -433,12 +468,11 @@
433 468 <hr>
434 469 <!-- camadas que vem do sistema de metadados estatisticos -->
435 470 <div class="list-group condensed">
436   - <div class="row-content text-left" style="opacity:0.8;">
  471 + <div class="row-content text-left" style="opacity: 0.8;">
437 472 <label style="width: 300px; vertical-align: middle;">
438 473 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
439 474 <h4>
440   - <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
441   - {{{x57}}}
  475 + <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i> {{{x57}}}
442 476 </h4>
443 477 </a>
444 478 <h6>{{{descMeta}}}</h6>
... ... @@ -451,13 +485,11 @@
451 485 <hr>
452 486 <!-- camadas por estrelas -->
453 487 <div class="list-group condensed">
454   - <div class="row-content text-left" style="opacity:0.8;">
  488 + <div class="row-content text-left" style="opacity: 0.8;">
455 489 <label style="width: 300px; vertical-align: middle;">
456   - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
457   - href="javascript:void(0)">
  490 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
458 491 <h4>
459   - <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
460   - {{{t46}}}
  492 + <i class="material-icons" style="vertical-align: text-bottom;">star_border</i> {{{t46}}}
461 493 </h4>
462 494 </a>
463 495 <h6>{{{descEstrelas}}}</h6>
... ... @@ -470,12 +502,11 @@
470 502 <hr>
471 503 <!-- sistemas que adicionam camadas -->
472 504 <div class="list-group condensed">
473   - <div class="row-content text-left" style="opacity:0.8;">
  505 + <div class="row-content text-left" style="opacity: 0.8;">
474 506 <label style="width: 300px; vertical-align: middle;">
475 507 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
476 508 <h4>
477   - <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
478   - {{{a11}}}
  509 + <i class="material-icons" style="vertical-align: text-bottom;">widgets</i> {{{a11}}}
479 510 </h4>
480 511 </a>
481 512 <h6>{{{descSistemas}}}</h6>
... ... @@ -489,12 +520,11 @@
489 520 <hr>
490 521 <!-- navegacao em diretorios -->
491 522 <div class="list-group condensed">
492   - <div class="row-content text-left" style="opacity:0.8;">
  523 + <div class="row-content text-left" style="opacity: 0.8;">
493 524 <label style="width: 300px; vertical-align: middle;">
494 525 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
495 526 <h4>
496   - <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
497   - {{{a6}}}
  527 + <i class="material-icons" style="vertical-align: text-bottom;">storage</i> {{{a6}}}
498 528 </h4>
499 529 </a>
500 530 <h6>{{{descDir}}}</h6>
... ... @@ -509,24 +539,38 @@
509 539 </div>
510 540 </div>
511 541 <!-- Legenda -->
512   - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
513   - <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
514   - <button>
515   - <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
  542 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left; height: 100%;'>
  543 + <div class="i3GEOfechaGuia" style="display: flex;">
  544 + <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
  545 + <span style="vertical-align: middle">{{{iconeLegenda}}}</span>
  546 + </button>
  547 + <button type="button" title="{{{x11}}}" style="width: 3.5rem; height: 3rem;" class="text-right" onclick="i3GEO.legenda.inicia({'janela':true})">
  548 + <span style="vertical-align: middle" class="material-icons">list_alt</span>
  549 + </button>
  550 + <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
  551 + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
  552 + <span style="vertical-align: middle" class="material-icons">visibility</span>
  553 + </button>
  554 + <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
  555 + data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
  556 + <span style="vertical-align: middle" class="material-icons">layers</span>
  557 + </button>
  558 + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
  559 + <span style="vertical-align: middle" class="material-icons">cancel</span>
516 560 </button>
517 561 </div>
  562 +
518 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
519 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
520   - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
521 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
522 566 </div>
523 567 </div>
524 568 <!-- busca
525   - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
526   - No botao que dispara a busca, ficam os parametros de configuracao
527   - 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
528   - -->
529   - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
  569 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  570 + No botao que dispara a busca, ficam os parametros de configuracao
  571 + 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
  572 + -->
  573 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height: 100%'>
530 574 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
531 575 <button>
532 576 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
... ... @@ -538,11 +582,11 @@
538 582 <div class="form-group label-floating">
539 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
540 584 <div class="input-group">
541   - <input class="form-control" type="text" value="" name="valorBuscaRapida"> <span class="input-group-btn"> <a
542   - onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
543   - data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
544   - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
545   - data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  585 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  586 + <span class="input-group-btn"> <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="templates/buscaEmTemas.html"
  587 + data-inputGoogle="[name=google]" data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="templates/buscaEmTemas.html"
  588 + data-inputTemasMapa="[name=temasMapa]" data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="templates/buscaEmServico.html"
  589 + data-ondeConteiner="#guia7obj" data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
546 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
547 591 <span class="material-icons ">send</span>
548 592 </a>
... ... @@ -553,26 +597,30 @@
553 597 <div class="form-inline" style="width: 100%;">
554 598 <div class="list-group condensed">
555 599 <div class="checkbox text-left">
556   - <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  600 + <label>
  601 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos">
  602 + {{{x38}}}
557 603 </label>
558 604 </div>
559 605 </div>
560 606 <div class="list-group condensed">
561 607 <div class="checkbox text-left">
562   - <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  608 + <label>
  609 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  610 + {{{x39}}}
563 611 </label>
564 612 </div>
565 613 </div>
566 614 <!-- Apenas para a interface google maps
567   - <div class="list-group condensed">
568   - <div class="checkbox text-left">
569   - <label>
570   - <input class="noprint" value="on" type="checkbox" name="google">
571   - <span class="checkbox-material noprint"><span class="check"></span></span> Google
572   - </label>
573   - </div>
574   - </div>
575   - -->
  615 + <div class="list-group condensed">
  616 + <div class="checkbox text-left">
  617 + <label>
  618 + <input class="noprint" value="on" type="checkbox" name="google">
  619 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  620 + </label>
  621 + </div>
  622 + </div>
  623 + -->
576 624 </div>
577 625 </form>
578 626 <hr>
... ... @@ -583,7 +631,7 @@
583 631 </div>
584 632 </div>
585 633 <!-- Ferramentas -->
586   - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
  634 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left; height: 100%'>
587 635 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
588 636 <button>
589 637 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
... ... @@ -592,25 +640,25 @@
592 640 <div class="separadorCabecalhoGuias">&nbsp;</div>
593 641 <div class="guiaOverflow" style="height: calc(100% - 45px)">
594 642 <div class="form-inline" style="width: 100%;">
595   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  643 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
596 644 <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)">
597 645 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
598 646 </a>
599 647 <h6>{{{d21at}}}</h6>
600 648 </div>
601   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  649 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
602 650 <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)">
603 651 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
604 652 </a>
605 653 <h6>{{{d21t}}}</h6>
606 654 </div>
607   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  655 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
608 656 <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)">
609 657 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
610 658 </a>
611 659 <h6>{{{d24t}}}</h6>
612 660 </div>
613   - <div class="text-center form-group" style="margin: 4px;display:inline-block">
  661 + <div class="text-center form-group" style="margin: 4px; display: inline-block">
614 662 <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)">
615 663 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
616 664 </a>
... ... @@ -618,8 +666,8 @@
618 666 </div>
619 667 </div>
620 668 <div class="clearfix"></div>
621   - <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block;text-align: center;width: 100%;padding-left: 1rem;padding-right: 1rem;'></div>
622 669  
  670 + <div id="searchInputFerramentas" data-template="templates/searchInput.html" style='display: block; text-align: center; width: 100%; padding-left: 1rem; padding-right: 1rem;'></div>
623 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
624 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
625 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
... ... @@ -628,7 +676,6 @@
628 676 </div>
629 677 </div>
630 678 </div>
631   -
632 679 <!-- para mostrar o banner de abertura -->
633 680 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
634 681 <div>
... ... @@ -649,335 +696,371 @@
649 696 </div>
650 697 </script>
651 698 <script>
652   - //ativa o banner de inicializacao
653   - i3GEO.janela.tempoMsg(
654   - $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
655   - (function() {
656   - //parametros aplicados na criacao do arquivo mapfile
657   - var parametrosMapa = {
658   - //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
659   - //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
660   - mapfilebase : "",
661   - //extensao geografica do mapa
662   - //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
663   - //exemplo [-77,-26,-30,6]
664   - mapext : [],
665   - //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
666   - perfil : "",
667   - //layers que serao adicionados ao mapa.
668   - //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
669   - layers : {
670   - //array com a lista dos layers que serao adicionados e ligados (visiveis)
671   - add : [],
672   - //array com a lista dos layers que serao adicionados mas nao ligados
673   - on : [],
674   - //array com os layers desligados
675   - off : []
676   - },
677   - //lista de coordenadas x e y que serao adicionadas como pontos no mapa
678   - points : {
679   - //array com a lista de coordenadas
680   - coord : [],
681   - //titulo da nova camada
682   - title : ""
683   - },
684   - //lista de coordenadas x e y que serao adicionadas como linhas no mapa
685   - lines : {
686   - //array de arrays com a lista de coordenadas de cada linha
687   - //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
688   - coord : [ [] ],
689   - //titulo da nova camada
690   - title : ""
691   - },
692   - //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
693   - polygons : {
694   - //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
695   - //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
696   - coord : [ [] ],
697   - //titulo da nova camada
698   - title : ""
699   - },
700   - //insere elementos no mapa com coordenadas definidas em wkt
701   - wkt : {
702   - //string no formato wkt
703   - coord : "",
704   - //titulo da nova camada
705   - title : ""
706   - },
707   - //simbolo que sera utilizado para desenhar os elementos inseridos
708   - symbol : {
709   - //codigo do simbolo conforme definido em i3geo/symbols
710   - name : "",
711   - //em rgb, exemplo "0 255 0"
712   - color : "",
713   - //em pixels
714   - size : ""
715   - },
716   - //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
717   - kml : {
718   - url : ""
719   - },
720   - //endereco de um WMS (sera incluido como uma camada no mapa)
721   - wms : {
722   - url : "",
723   - layer : "",
724   - style : "",
725   - title : "",
726   - srs : "",
727   - imagetype : "",
728   - version : ""
729   - },
730   - //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
731   - //do mapserver, exemplo
732   - //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
733   - filters : [ {
734   - layer : "",
735   - expression : ""
736   - } ],
737   - //id de um mapa salvo e que sera recuperado
738   - restoreMapId : ""
739   - };
740   - var config = {
741   - //id do elemento HTML onde o corpo do mapa sera renderizado
742   - mapBody : "mapai3Geo",
743   - //tipo de mapa. Pode ser:
744   - //OL - utiliza o OpenLayers e coordenadas geograficas
745   - //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
746   - //GM - utiliza o GoogleMaps como motor de controle do mapa
747   - mapType : "OSM",
748   - //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
749   - saveExtension : false,
750   - //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
751   - posRenderType : "",
752   - //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
753   - //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
754   - //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
755   - i3GeoServer : i3GeoUrl,
756   - //opacidade default para camadas que nao sejam do tipo linha ou ponto
757   - //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
758   - //se for vazio, sera utilizado o valor definido no LAYER original
759   - //Nao se aplica na interface googlemaps
760   - layerOpacity : "",
761   - //Funcao que sera executada apos a inicializacao do mapa
762   - afterStart : function() {
763   - $('.iconeGuiaMovel').tooltip({
764   - animation : false,
765   - trigger : "manual hover",
766   - placement : "left"
767   - });
768   - $('.iconeGuiaMovel').tooltip('show');
769   - setTimeout(function(){$('.iconeGuiaMovel').tooltip('hide');},5000);
  699 + //ativa o banner de inicializacao
  700 + i3GEO.janela.tempoMsg(
  701 + $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
  702 + (function() {
  703 + //parametros aplicados na criacao do arquivo mapfile
  704 + var parametrosMapa = {
  705 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  706 + //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
  707 + mapfilebase : "",
  708 + //extensao geografica do mapa
  709 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  710 + //exemplo [-77,-26,-30,6]
  711 + mapext : [],
  712 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  713 + perfil : "",
  714 + //layers que serao adicionados ao mapa.
  715 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  716 + layers : {
  717 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  718 + add : [],
  719 + //array com a lista dos layers que serao adicionados mas nao ligados. Inclusive IDs do sistema de metadados estatisticos
  720 + on : [],
  721 + //array com os layers desligados
  722 + off : [],
  723 + //array com a lista de IDs que identificam medidas registradas no sistema de metadados
  724 + //estatisticos
  725 + metaestat : []
  726 + },
  727 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  728 + points : {
  729 + //array com a lista de coordenadas
  730 + coord : [],
  731 + //titulo da nova camada
  732 + title : ""
  733 + },
  734 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  735 + lines : {
  736 + //array de arrays com a lista de coordenadas de cada linha
  737 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  738 + coord : [ [] ],
  739 + //titulo da nova camada
  740 + title : ""
  741 + },
  742 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  743 + polygons : {
  744 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  745 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  746 + coord : [ [] ],
  747 + //titulo da nova camada
  748 + title : ""
  749 + },
  750 + //insere elementos no mapa com coordenadas definidas em wkt
  751 + wkt : {
  752 + //string no formato wkt
  753 + coord : "",
  754 + //titulo da nova camada
  755 + title : ""
  756 + },
  757 + //simbolo que sera utilizado para desenhar os elementos inseridos
  758 + symbol : {
  759 + //codigo do simbolo conforme definido em i3geo/symbols
  760 + name : "",
  761 + //em rgb, exemplo "0 255 0"
  762 + color : "",
  763 + //em pixels
  764 + size : ""
  765 + },
  766 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  767 + kml : {
  768 + url : ""
  769 + },
  770 + //endereco de um WMS (sera incluido como uma camada no mapa)
  771 + wms : {
  772 + url : "",
  773 + layer : "",
  774 + style : "",
  775 + title : "",
  776 + srs : "",
  777 + imagetype : "",
  778 + version : ""
  779 + },
  780 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  781 + //do mapserver, exemplo
  782 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  783 + filters : [ {
  784 + layer : "",
  785 + expression : ""
  786 + } ],
  787 + //id de um mapa salvo e que sera recuperado
  788 + restoreMapId : ""
  789 + };
  790 + var config = {
  791 + //id do elemento HTML onde o corpo do mapa sera renderizado
  792 + mapBody : "mapai3Geo",
  793 + //tipo de mapa. Pode ser:
  794 + //OL - utiliza o OpenLayers e coordenadas geograficas
  795 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  796 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  797 + mapType : "OSM",
  798 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  799 + saveExtension : false,
  800 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  801 + posRenderType : "",
  802 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  803 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  804 + //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
  805 + i3GeoServer : i3GeoUrl,
  806 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  807 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  808 + //se for vazio, sera utilizado o valor definido no LAYER original
  809 + //Nao se aplica na interface googlemaps
  810 + layerOpacity : "",
  811 + //Funcao que sera executada apos a inicializacao do mapa
  812 + afterStart : function() {
  813 + $('.iconeGuiaMovel').tooltip({
  814 + animation : false,
  815 + trigger : "manual hover",
  816 + placement : "left"
  817 + });
  818 + $('.iconeGuiaMovel').tooltip('show');
  819 + setTimeout(function() {
  820 + $('.iconeGuiaMovel').tooltip('hide');
  821 + }, 5000);
  822 +
  823 + $('.ol-i3GEOcontrols button')
  824 + .tooltip(
  825 + {
  826 + animation : false,
  827 + trigger : "hover",
  828 + placement : "auto",
  829 + template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
  830 + });
  831 +
  832 + //$(".guiaOverflow").css("height",i3GEO.parametros.h - 140);
  833 +
  834 + $(".guiaOverflow").mCustomScrollbar({
  835 + scrollbarPosition : "inside",
  836 + theme : "inset-2-dark"
  837 + });
  838 + tutorial.init();
  839 + //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
770 840  
771   - $('.ol-i3GEOcontrols button').tooltip({
772   - animation : false,
773   - trigger : "hover",
774   - placement : "auto",
775   - template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
776   - });
777   - $(".guiaOverflow").mCustomScrollbar({
778   - scrollbarPosition : "inside",
779   - theme : "inset-2-dark"
780   - });
781   - tutorial.init();
782   - //setTimeout(function() {
783   - // $('.iconeGuiaMovel').tooltip('destroy');
784   - //}, 30000);
785   - //i3GEO.maparef.inicia();
786   - //
787   - //(largura, altura, topo, esquerda);
788   - //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
789   - //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
  841 + //setTimeout(function() {
  842 + // $('.iconeGuiaMovel').tooltip('destroy');
  843 + //}, 30000);
  844 + //i3GEO.maparef.inicia();
  845 + //
  846 + //(largura, altura, topo, esquerda);
  847 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  848 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
790 849  
791   - //abre a legenda do mapa em uma janela flutuante
792   - //i3GEO.legenda.inicia({
793   - //"idLegenda": "legendaHtml",
794   - //"templateLegenda": "templates/legenda.html",
795   - //"janela": true
796   - //});
797   - },
798   - //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
799   - components : {
800   - //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
801   - //e nao aos que possuem o link para a fonte definido no mapfile
802   - restrictAtt: true,
803   - //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
804   - info : true,
805   - //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
806   - idsMenus : [],
807   - //webservice utilizado na opcao de encontrar lugares
808   - searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
809   - //webservice wms que faz a apresentacao do lugar encontrado por searchService
810   - searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
811   - //posicao do mapa de referencia, em pixels [top,right]
812   - referenceMapPosition : [ 4, 120 ],
813   - //tipo do mapa de referencia. Pode ser wms ou map
814   - referenceType: "wms",
815   - //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
816   - tooltip : {
817   - //o resultado sera mostrado em uma janela do tipo modal
818   - modal : false,
819   - //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
820   - //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
821   - //use apenas se modal for true
822   - //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
823   - url : "",
824   - //template que sera usado para compor o resultado da busca de dados
825   - //se for vazio, serao utilizadas as outras opcoes
826   - //se contiver a string {{{url}}} a mesma sera substituida por url
827   - //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
828   - templateModal : "",
829   - //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
830   - simple : true,
831   - removeAoAdicionar : true,
832   - //parametros exclusivos da interface openlayers
833   - autoPan : true,
834   - autoPanAnimation : {
835   - duration : 250
836   - },
837   - minWidth : '200px',
838   - //Altura e largura do tooltip (balao)
839   - toolTipSize : [ "100px", "200px" ],
840   - //mostra ou nao o balao caso seja vazio
841   - openTipNoData : true
842   - },
843   - //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
844   - scrollBar : {
845   - theme : "inset-2",
846   - axis : "yx",
847   - scrollbarPosition : "inside",
848   - scrollButtons : {
849   - enable : true
850   - },
851   - advanced : {
852   - autoExpandHorizontalScroll : true
853   - }
854   - }
855   - },
856   - //parametros de configuracao das ferramentas que sao acionadas sob demanda
857   - //ferramentas localizadas em i3geo/ferramentas
858   - tools : {
859   - //ferramenta de busca de camadas em um servico CSW
860   - buscainde : {
861   - //endereco do servico no padrao CSW
862   - csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
863   - },
864   - //ferramenta de identificacao
865   - identifica : {
866   - //resolucao em pixels para busca de elementos
867   - resolution : 8
868   - },
869   - //mapa de referencia
870   - opcoesMaparef : {
871   - //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
872   - images : [
873   - {name: "Colorida", img: "referencia1"},
874   - {name: "B & W", img: "referencia1cinza"}
875   - ]
876   - }
877   - },
878   - //configuracoes especificas para a interface que utiliza o OpenLayers
879   - openLayers : {
880   - //utiliza ou nao tiles ao renderizar as camadas do mapa
881   - //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
882   - singleTile : false,
883   - //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
884   - MapOptions : {
885   - layers : [],
886   - controls : [ new ol.control.Zoom(),
887   - new ol.control.ZoomSlider(),
888   - new ol.control.ScaleLine(),
889   - new ol.control.Attribution({
890   - collapsible : true
891   - }) ],
892   - loadTilesWhileAnimating : true,
893   - loadTilesWhileInteracting : true,
894   - //os objetos devem ser comentados na interface googleMaps
895   - interactions : [
896   - new ol.interaction.DoubleClickZoom(),
897   - new ol.interaction.KeyboardPan(),
898   - new ol.interaction.KeyboardZoom(),
899   - new ol.interaction.MouseWheelZoom(),
900   - new ol.interaction.PinchRotate(),
901   - new ol.interaction.PinchZoom(),
902   - //new ol.interaction.DragZoom(),
903   - i3GEO.navega.dragZoom(),
904   - new ol.interaction.DragPan() ]
905   - },
906   - //opcoes para o objeto view, que e uma instancia de MapOptions
907   - //ver https://openlayers.org/en/latest/apidoc/ol.View.html
908   - ViewOptions : {
  850 + //abre a legenda do mapa em uma janela flutuante
  851 + //i3GEO.legenda.inicia({
  852 + //"idLegenda": "legendaHtml",
  853 + //"templateLegenda": "templates/legenda.html",
  854 + //"janela": true
  855 + //});
  856 + //para abrir uma guia
  857 + //i3GEO.guias.ativa('temas',$("[data-idconteudo='guia1obj'"));
  858 + },
  859 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  860 + components : {
  861 + //restringe a inclusao de attribution apenas aos LAYERS adicionados manualmente
  862 + //e nao aos que possuem o link para a fonte definido no mapfile
  863 + restrictAtt : true,
  864 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  865 + info : true,
  866 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  867 + idsMenus : [],
  868 + //webservice utilizado na opcao de encontrar lugares
  869 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  870 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  871 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  872 + //posicao do mapa de referencia, em pixels [top,right]
  873 + referenceMapPosition : [ 4, 120 ],
  874 + //tipo do mapa de referencia. Pode ser wms ou map
  875 + referenceType : "map",
  876 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  877 + tooltip : {
  878 + //o resultado sera mostrado em uma janela do tipo modal
  879 + modal : false,
  880 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  881 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  882 + //use apenas se modal for true
  883 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  884 + url : "",
  885 + //template que sera usado para compor o resultado da busca de dados
  886 + //se for vazio, serao utilizadas as outras opcoes
  887 + //se contiver a string {{{url}}} a mesma sera substituida por url
  888 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  889 + templateModal : "",
  890 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  891 + simple : true,
  892 + removeAoAdicionar : true,
  893 + //parametros exclusivos da interface openlayers
  894 + autoPan : true,
  895 + autoPanAnimation : {
  896 + duration : 250
  897 + },
  898 + minWidth : '200px',
  899 + //Altura e largura do tooltip (balao)
  900 + toolTipSize : [ "100px", "200px" ],
  901 + //mostra ou nao o balao caso seja vazio
  902 + openTipNoData : true
  903 + },
  904 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  905 + scrollBar : {
  906 + theme : "inset-2",
  907 + axis : "yx",
  908 + scrollbarPosition : "inside",
  909 + scrollButtons : {
  910 + enable : true
  911 + },
  912 + advanced : {
  913 + autoExpandHorizontalScroll : true
  914 + }
  915 + }
  916 + },
  917 + //parametros de configuracao das ferramentas que sao acionadas sob
  918 + //demanda. Veja em js/ini_i3geo.js e js/configura.js
  919 + //Algumas ferramentas localizadas em i3geo/ferramentas
  920 + //permitem que qualquer parametro ou funcao seja sobrescrita
  921 + //Veja o codigo de cada ferramenta para obter os nomes de parametros e funcoes
  922 + //O codigo index.js da ferramenta deve permitir o uso dessas configuracoes (veja o final de cada index.js
  923 + tools : {
  924 + //ferramenta de identificacao
  925 + identifica : {
  926 + //resolucao em pixels para busca de elementos
  927 + resolution : 8
  928 + },
  929 + legenda : {
  930 + //define o local onde os templates da ferramenta ficam armazenados
  931 + //esse eh o local default, colocado aqui para documentacao
  932 + templateDir : i3GeoUrl
  933 + + "/ferramentas/legenda"
  934 + },
  935 + metaestat : {},
  936 + buscainde : {},
  937 + //mapa de referencia
  938 + opcoesMaparef : {
  939 + //opcoes de imagens. As imagens devem existir em i3geo/imagens e serem do tipo png
  940 + images : [ {
  941 + name : "Colorida",
  942 + img : "referencia1"
  943 + }, {
  944 + name : "B & W",
  945 + img : "referencia1cinza"
  946 + } ]
  947 + },
  948 + //janela de conversao de coordenadas
  949 + wkt2layer : {
  950 + position : [ 150, 150 ]
  951 + },
  952 + area : {
  953 + position : [ 150, 10 ]
  954 + },
  955 + distancia : {
  956 + position : [ 150, 10 ]
  957 + }
  958 + },
  959 + //configuracoes especificas para a interface que utiliza o OpenLayers
  960 + openLayers : {
  961 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  962 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  963 + singleTile : false,
  964 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  965 + MapOptions : {
  966 + layers : [],
  967 + controls : [ new ol.control.Zoom(),
  968 + new ol.control.ZoomSlider(),
  969 + new ol.control.ScaleLine(),
  970 + new ol.control.Attribution({
  971 + collapsible : true
  972 + }) ],
  973 + loadTilesWhileAnimating : true,
  974 + loadTilesWhileInteracting : true,
  975 + //os objetos devem ser comentados na interface googleMaps
  976 + interactions : [
  977 + new ol.interaction.DoubleClickZoom(),
  978 + new ol.interaction.KeyboardPan(),
  979 + new ol.interaction.KeyboardZoom(),
  980 + new ol.interaction.MouseWheelZoom(),
  981 + //new ol.interaction.PinchRotate(),
  982 + new ol.interaction.PinchZoom(),
  983 + //new ol.interaction.DragZoom(),
  984 + i3GEO.navega.dragZoom(),
  985 + new ol.interaction.DragPan() ]
  986 + },
  987 + //opcoes para o objeto view, que e uma instancia de MapOptions
  988 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
  989 + ViewOptions : {
909 990  
910   - },
911   - //botoes que sao mostrados no editor vetorial
912   - editorButtons : {
913   - 'imprimir' : false,
914   - 'grid' : false,
915   - 'pan' : false,
916   - 'zoombox' : false,
917   - 'zoomtot' : false,
918   - 'zoomin' : false,
919   - 'zoomout' : false,
920   - 'distancia' : false,
921   - 'area' : false,
922   - 'identifica' : false,
923   - 'linha' : true,
924   - 'ponto' : true,
925   - 'poligono' : true,
926   - 'texto' : true,
927   - 'edita' : true,
928   - 'listag' : true,
929   - 'corta' : true,
930   - 'apaga' : true,
931   - 'procura' : false,
932   - 'selecao' : true,
933   - 'selecaotudo' : true,
934   - 'salva' : true,
935   - 'ajuda' : true,
936   - 'propriedades' : true,
937   - 'fecha' : true,
938   - 'tools' : true,
939   - 'undo' : false,
940   - 'frente' : false,
941   - 'legenda' : false,
942   - 'rodadomouse' : true,
943   - 'novaaba' : false
944   - }
945   - },
946   - //configuracoes especificas para a interface GoogleMaps
947   - googleMaps : {
948   - //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
949   - MapOptions : {
950   - //estilo que sera utilizado no mapa
951   - //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
952   - //ver i3GEO.Interface.googleMaps.ESTILOS
953   - mapTypeId : "roadmap",
954   - scaleControl : true,
955   - mapTypeControl : true,
956   - mapTypeControlOptions : {
957   - //position : google.maps.ControlPosition.LEFT_BOTTOM
958   - },
959   - zoomControl : true,
960   - zoomControlOptions : {
961   - //style : google.maps.ZoomControlStyle.SMALL,
962   - //position : google.maps.ControlPosition.LEFT_CENTER
963   - },
964   - streetViewControl : true,
965   - streetViewControlOptions : {
966   - //position : google.maps.ControlPosition.LEFT_CENTER
967   - }
968   - }
969   - }
970   - };
971   - //
972   - //inicia o mapa
973   - //Veja tambem config.php
974   - //
975   - //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
976   - //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
977   - //
978   - i3GEO.init(parametrosMapa, config);
979   - })();
980   - </script>
  991 + },
  992 + //botoes que sao mostrados no editor vetorial
  993 + editorButtons : {
  994 + 'imprimir' : false,
  995 + 'grid' : false,
  996 + 'pan' : false,
  997 + 'zoombox' : false,
  998 + 'zoomtot' : false,
  999 + 'zoomin' : false,
  1000 + 'zoomout' : false,
  1001 + 'distancia' : false,
  1002 + 'area' : false,
  1003 + 'identifica' : false,
  1004 + 'linha' : true,
  1005 + 'ponto' : true,
  1006 + 'poligono' : true,
  1007 + 'texto' : true,
  1008 + 'edita' : true,
  1009 + 'listag' : true,
  1010 + 'corta' : true,
  1011 + 'apaga' : true,
  1012 + 'procura' : false,
  1013 + 'selecao' : true,
  1014 + 'selecaotudo' : true,
  1015 + 'salva' : true,
  1016 + 'ajuda' : true,
  1017 + 'propriedades' : true,
  1018 + 'fecha' : true,
  1019 + 'tools' : true,
  1020 + 'undo' : false,
  1021 + 'frente' : false,
  1022 + 'legenda' : false,
  1023 + 'rodadomouse' : true,
  1024 + 'novaaba' : false
  1025 + }
  1026 + },
  1027 + //configuracoes especificas para a interface GoogleMaps
  1028 + googleMaps : {
  1029 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  1030 + MapOptions : {
  1031 + //estilo que sera utilizado no mapa
  1032 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  1033 + //ver i3GEO.Interface.googleMaps.ESTILOS
  1034 + mapTypeId : "roadmap",
  1035 + scaleControl : true,
  1036 + mapTypeControl : true,
  1037 + mapTypeControlOptions : {
  1038 + //position : google.maps.ControlPosition.LEFT_BOTTOM
  1039 + },
  1040 + zoomControl : true,
  1041 + zoomControlOptions : {
  1042 + //style : google.maps.ZoomControlStyle.SMALL,
  1043 + //position : google.maps.ControlPosition.LEFT_CENTER
  1044 + },
  1045 + streetViewControl : true,
  1046 + streetViewControlOptions : {
  1047 + //position : google.maps.ControlPosition.LEFT_CENTER
  1048 + }
  1049 + }
  1050 + }
  1051 + };
  1052 + //
  1053 + //inicia o mapa
  1054 + //Veja tambem config.php
  1055 + //
  1056 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  1057 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  1058 + //
  1059 + //caso queira evitar os efeitos do material design, comente a linha abaixo
  1060 + //$.material = false;
  1061 + i3GEO.init(parametrosMapa, config);
  1062 + })();
  1063 + </script>
981 1064 </body>
982 1065  
983 1066 </html>
... ...