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,6 +7,8 @@
7 <title>i3GEO - OpenLayers</title> 7 <title>i3GEO - OpenLayers</title>
8 <script src="../pacotes/ol4/ol.js"></script> 8 <script src="../pacotes/ol4/ol.js"></script>
9 <script src="../js/i3geo.js"></script> 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 <!-- lista com os links que serao mostrados na guia ferramentas --> 12 <!-- lista com os links que serao mostrados na guia ferramentas -->
11 <script src="../js/listaDeFerramentas.js"></script> 13 <script src="../js/listaDeFerramentas.js"></script>
12 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) --> 14 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
@@ -15,7 +17,6 @@ @@ -15,7 +17,6 @@
15 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css"> 17 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
16 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css"> 18 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
17 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">--> 19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
18 -  
19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> --> 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
20 <link rel="stylesheet" type="text/css" href="../css/default.css"> 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
21 <!-- para o tutorial --> 22 <!-- para o tutorial -->
@@ -43,12 +44,12 @@ @@ -43,12 +44,12 @@
43 --> 44 -->
44 <body id="i3geo" style='background: white;'> 45 <body id="i3geo" style='background: white;'>
45 <!-- inclui o nome do usuario logado 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 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps 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 <div id="mapai3Geo"></div> 53 <div id="mapai3Geo"></div>
53 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado--> 54 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
54 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;"> 55 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
@@ -69,29 +70,48 @@ @@ -69,29 +70,48 @@
69 </select> 70 </select>
70 </div> 71 </div>
71 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 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 </div> 82 </div>
77 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 88 </div>
80 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 93 </div>
84 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 99 </div>
88 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 107 </div>
92 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 115 </div>
96 </div> 116 </div>
97 <!-- barra de icones de navegacao --> 117 <!-- barra de icones de navegacao -->
@@ -141,28 +161,29 @@ @@ -141,28 +161,29 @@
141 <!-- botoes laterais que abrem guias moveis --> 161 <!-- botoes laterais que abrem guias moveis -->
142 <div id="i3GEOguiaMovel"> 162 <div id="i3GEOguiaMovel">
143 <!-- configuracao para todos os botoes 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 <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 166 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
147 <!-- ferramentas 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 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 174 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
154 <i class="material-icons">business_center</i> 175 <i class="material-icons">business_center</i>
155 </button> 176 </button>
156 </div> 177 </div>
157 <!-- temas existentes no mapa 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 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 187 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
167 <i class="material-icons"><i class="material-icons">visibility</i></i> 188 <i class="material-icons"><i class="material-icons">visibility</i></i>
168 </button> 189 </button>
@@ -188,6 +209,13 @@ @@ -188,6 +209,13 @@
188 <i class="material-icons">view_list</i> 209 <i class="material-icons">view_list</i>
189 </button> 210 </button>
190 </div> 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 <!-- Busca --> 219 <!-- Busca -->
192 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;"> 220 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
193 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 221 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -205,12 +233,12 @@ @@ -205,12 +233,12 @@
205 </button> 233 </button>
206 </div> 234 </div>
207 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 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 </div> 242 </div>
215 <!-- veja i3GEO.guias.CONFIGURA --> 243 <!-- veja i3GEO.guias.CONFIGURA -->
216 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 244 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -223,6 +251,41 @@ @@ -223,6 +251,41 @@
223 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');"> 251 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');">
224 <span style="vertical-align: middle">{{{iconeMapa}}}</span> 252 <span style="vertical-align: middle">{{{iconeMapa}}}</span>
225 </button> 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 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" 289 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
227 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> 290 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
228 <span style="vertical-align: middle" class="material-icons">layers</span> 291 <span style="vertical-align: middle" class="material-icons">layers</span>
@@ -234,49 +297,20 @@ @@ -234,49 +297,20 @@
234 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');"> 297 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');">
235 <span style="vertical-align: middle" class="material-icons">cancel</span> 298 <span style="vertical-align: middle" class="material-icons">cancel</span>
236 </button> 299 </button>
  300 +
237 </div> 301 </div>
238 <div class="separadorCabecalhoGuias">&nbsp;</div> 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 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div> 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
275 <!-- Esta div acrescenta a lista de de camadas de fundo 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 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed"> 314 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
281 <label>{{{camadasDeFundo}}}</label> 315 <label>{{{camadasDeFundo}}}</label>
282 </div> 316 </div>
@@ -285,17 +319,44 @@ @@ -285,17 +319,44 @@
285 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div> 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
286 </form> 320 </form>
287 </div> 321 </div>
288 -  
289 </div> 322 </div>
290 </div> 323 </div>
291 <!-- Catalogo de temas --> 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 <div class="i3GEOfechaGuia" style="display: flex;"> 326 <div class="i3GEOfechaGuia" style="display: flex;">
294 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 327 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
295 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span> 328 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span>
296 </button> 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 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" 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 <span style="vertical-align: middle" class="material-icons">visibility</span> 360 <span style="vertical-align: middle" class="material-icons">visibility</span>
300 </button> 361 </button>
301 <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" 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,99 +370,58 @@
309 <div class="separadorCabecalhoGuias">&nbsp;</div> 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
310 371
311 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 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 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
314 <div id="catalogoNavegacao"></div> 375 <div id="catalogoNavegacao"></div>
315 <!-- Opcoes --> 376 <!-- Opcoes -->
316 <div id="catalogoPrincipal"> 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 <hr> 378 <hr>
358 <!-- busca tema no catalogo 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 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 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 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 399 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
379 400
380 <div id="arvoreAdicionaTema"></div> 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 <!-- servicos da INDE brasileira --> 418 <!-- servicos da INDE brasileira -->
398 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 421 <label style="width: 300px; vertical-align: middle;">
401 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)"> 422 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
402 <h4> 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 </h4> 425 </h4>
406 </a> 426 </a>
407 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 427 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
@@ -414,12 +434,11 @@ @@ -414,12 +434,11 @@
414 <hr> 434 <hr>
415 <!-- lista de wms cadastrados no sistema de administracao --> 435 <!-- lista de wms cadastrados no sistema de administracao -->
416 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 438 <label style="width: 300px; vertical-align: middle;">
419 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)"> 439 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
420 <h4> 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 </h4> 442 </h4>
424 </a> 443 </a>
425 <h6>{{{descOgcWms}}}</h6> 444 <h6>{{{descOgcWms}}}</h6>
@@ -436,8 +455,7 @@ @@ -436,8 +455,7 @@
436 <label style="width: 300px; vertical-align: middle;"> 455 <label style="width: 300px; vertical-align: middle;">
437 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)"> 456 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
438 <h4> 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 </h4> 459 </h4>
442 </a> 460 </a>
443 <h6>{{{descLimLoc}}}</h6> 461 <h6>{{{descLimLoc}}}</h6>
@@ -450,12 +468,11 @@ @@ -450,12 +468,11 @@
450 <hr> 468 <hr>
451 <!-- camadas que vem do sistema de metadados estatisticos --> 469 <!-- camadas que vem do sistema de metadados estatisticos -->
452 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 472 <label style="width: 300px; vertical-align: middle;">
455 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)"> 473 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
456 <h4> 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 </h4> 476 </h4>
460 </a> 477 </a>
461 <h6>{{{descMeta}}}</h6> 478 <h6>{{{descMeta}}}</h6>
@@ -468,13 +485,11 @@ @@ -468,13 +485,11 @@
468 <hr> 485 <hr>
469 <!-- camadas por estrelas --> 486 <!-- camadas por estrelas -->
470 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 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 <h4> 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 </h4> 493 </h4>
479 </a> 494 </a>
480 <h6>{{{descEstrelas}}}</h6> 495 <h6>{{{descEstrelas}}}</h6>
@@ -487,12 +502,11 @@ @@ -487,12 +502,11 @@
487 <hr> 502 <hr>
488 <!-- sistemas que adicionam camadas --> 503 <!-- sistemas que adicionam camadas -->
489 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 506 <label style="width: 300px; vertical-align: middle;">
492 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)"> 507 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
493 <h4> 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 </h4> 510 </h4>
497 </a> 511 </a>
498 <h6>{{{descSistemas}}}</h6> 512 <h6>{{{descSistemas}}}</h6>
@@ -506,12 +520,11 @@ @@ -506,12 +520,11 @@
506 <hr> 520 <hr>
507 <!-- navegacao em diretorios --> 521 <!-- navegacao em diretorios -->
508 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 524 <label style="width: 300px; vertical-align: middle;">
511 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)"> 525 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
512 <h4> 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 </h4> 528 </h4>
516 </a> 529 </a>
517 <h6>{{{descDir}}}</h6> 530 <h6>{{{descDir}}}</h6>
@@ -526,11 +539,14 @@ @@ -526,11 +539,14 @@
526 </div> 539 </div>
527 </div> 540 </div>
528 <!-- Legenda --> 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 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 544 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
532 <span style="vertical-align: middle">{{{iconeLegenda}}}</span> 545 <span style="vertical-align: middle">{{{iconeLegenda}}}</span>
533 </button> 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 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" 550 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
535 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> 551 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
536 <span style="vertical-align: middle" class="material-icons">visibility</span> 552 <span style="vertical-align: middle" class="material-icons">visibility</span>
@@ -543,18 +559,18 @@ @@ -543,18 +559,18 @@
543 <span style="vertical-align: middle" class="material-icons">cancel</span> 559 <span style="vertical-align: middle" class="material-icons">cancel</span>
544 </button> 560 </button>
545 </div> 561 </div>
  562 +
546 <div class="separadorCabecalhoGuias">&nbsp;</div> 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
547 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
548 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
549 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
550 </div> 566 </div>
551 </div> 567 </div>
552 <!-- busca 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 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 574 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
559 <button> 575 <button>
560 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 576 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
@@ -566,11 +582,11 @@ @@ -566,11 +582,11 @@
566 <div class="form-group label-floating"> 582 <div class="form-group label-floating">
567 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
568 <div class="input-group"> 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 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)"> 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
575 <span class="material-icons ">send</span> 591 <span class="material-icons ">send</span>
576 </a> 592 </a>
@@ -581,26 +597,30 @@ @@ -581,26 +597,30 @@
581 <div class="form-inline" style="width: 100%;"> 597 <div class="form-inline" style="width: 100%;">
582 <div class="list-group condensed"> 598 <div class="list-group condensed">
583 <div class="checkbox text-left"> 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 </label> 603 </label>
586 </div> 604 </div>
587 </div> 605 </div>
588 <div class="list-group condensed"> 606 <div class="list-group condensed">
589 <div class="checkbox text-left"> 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 </label> 611 </label>
592 </div> 612 </div>
593 </div> 613 </div>
594 <!-- Apenas para a interface google maps 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 </div> 624 </div>
605 </form> 625 </form>
606 <hr> 626 <hr>
@@ -611,7 +631,7 @@ @@ -611,7 +631,7 @@
611 </div> 631 </div>
612 </div> 632 </div>
613 <!-- Ferramentas --> 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 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 635 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
616 <button> 636 <button>
617 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 637 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
@@ -620,25 +640,25 @@ @@ -620,25 +640,25 @@
620 <div class="separadorCabecalhoGuias">&nbsp;</div> 640 <div class="separadorCabecalhoGuias">&nbsp;</div>
621 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 641 <div class="guiaOverflow" style="height: calc(100% - 45px)">
622 <div class="form-inline" style="width: 100%;"> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png"> 645 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
626 </a> 646 </a>
627 <h6>{{{d21at}}}</h6> 647 <h6>{{{d21at}}}</h6>
628 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png"> 651 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
632 </a> 652 </a>
633 <h6>{{{d21t}}}</h6> 653 <h6>{{{d21t}}}</h6>
634 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png"> 657 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
638 </a> 658 </a>
639 <h6>{{{d24t}}}</h6> 659 <h6>{{{d24t}}}</h6>
640 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png"> 663 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
644 </a> 664 </a>
@@ -646,8 +666,8 @@ @@ -646,8 +666,8 @@
646 </div> 666 </div>
647 </div> 667 </div>
648 <div class="clearfix"></div> 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 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div> 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
652 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div> 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
653 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div> 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
@@ -656,7 +676,6 @@ @@ -656,7 +676,6 @@
656 </div> 676 </div>
657 </div> 677 </div>
658 </div> 678 </div>
659 -  
660 <!-- para mostrar o banner de abertura --> 679 <!-- para mostrar o banner de abertura -->
661 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 680 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
662 <div> 681 <div>
@@ -677,335 +696,371 @@ @@ -677,335 +696,371 @@
677 </div> 696 </div>
678 </script> 697 </script>
679 <script> 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 </body> 1064 </body>
1010 1065
1011 </html> 1066 </html>
interface/openlayersdebug.htm
  Diff comments   View file @0310a66
@@ -33,6 +33,7 @@ @@ -33,6 +33,7 @@
33 background: none; 33 background: none;
34 margin-bottom: 15px; 34 margin-bottom: 15px;
35 } 35 }
  36 +
36 .foraDoMapa+span>span { 37 .foraDoMapa+span>span {
37 background-color: yellow; 38 background-color: yellow;
38 } 39 }
@@ -69,29 +70,48 @@ @@ -69,29 +70,48 @@
69 </select> 70 </select>
70 </div> 71 </div>
71 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 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 </div> 82 </div>
77 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 88 </div>
80 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 93 </div>
84 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 99 </div>
88 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 107 </div>
92 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 115 </div>
96 </div> 116 </div>
97 <!-- barra de icones de navegacao --> 117 <!-- barra de icones de navegacao -->
@@ -231,6 +251,41 @@ @@ -231,6 +251,41 @@
231 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');"> 251 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');">
232 <span style="vertical-align: middle">{{{iconeMapa}}}</span> 252 <span style="vertical-align: middle">{{{iconeMapa}}}</span>
233 </button> 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 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" 289 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
235 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> 290 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
236 <span style="vertical-align: middle" class="material-icons">layers</span> 291 <span style="vertical-align: middle" class="material-icons">layers</span>
@@ -242,45 +297,13 @@ @@ -242,45 +297,13 @@
242 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');"> 297 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');">
243 <span style="vertical-align: middle" class="material-icons">cancel</span> 298 <span style="vertical-align: middle" class="material-icons">cancel</span>
244 </button> 299 </button>
  300 +
245 </div> 301 </div>
246 <div class="separadorCabecalhoGuias">&nbsp;</div> 302 <div class="separadorCabecalhoGuias">&nbsp;</div>
247 <div class="guiaOverflow" style="height: calc(100% - 45px); width: calc(100% - 5px);"> 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 <!-- Esta div acrescenta a lista de layers graficos --> 304 <!-- Esta div acrescenta a lista de layers graficos -->
282 <div id="listaLayersGr" style="overflow: none;" data-template="templates/camadaGr.html"></div> 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 <!-- Esta div acrescenta a lista de camadas disponiveis no mapa atual --> 307 <!-- Esta div acrescenta a lista de camadas disponiveis no mapa atual -->
285 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div> 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
286 <!-- Esta div acrescenta a lista de de camadas de fundo 309 <!-- Esta div acrescenta a lista de de camadas de fundo
@@ -296,7 +319,6 @@ @@ -296,7 +319,6 @@
296 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div> 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
297 </form> 320 </form>
298 </div> 321 </div>
299 -  
300 </div> 322 </div>
301 </div> 323 </div>
302 <!-- Catalogo de temas --> 324 <!-- Catalogo de temas -->
@@ -305,6 +327,34 @@ @@ -305,6 +327,34 @@
305 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 327 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
306 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span> 328 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span>
307 </button> 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 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" 358 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
309 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" data-idListaLayersGr="listaLayersGr" data-idBtnLayersGr="listaLayersGrBtn"> 359 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" data-idListaLayersGr="listaLayersGr" data-idBtnLayersGr="listaLayersGrBtn">
310 <span style="vertical-align: middle" class="material-icons">visibility</span> 360 <span style="vertical-align: middle" class="material-icons">visibility</span>
@@ -320,53 +370,11 @@ @@ -320,53 +370,11 @@
320 <div class="separadorCabecalhoGuias">&nbsp;</div> 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
321 371
322 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 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 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
325 <div id="catalogoNavegacao"></div> 375 <div id="catalogoNavegacao"></div>
326 <!-- Opcoes --> 376 <!-- Opcoes -->
327 <div id="catalogoPrincipal"> 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 <hr> 378 <hr>
371 <!-- busca tema no catalogo 379 <!-- busca tema no catalogo
372 <div class="form-group label-floating"> 380 <div class="form-group label-floating">
@@ -427,7 +435,8 @@ @@ -427,7 +435,8 @@
427 <!-- lista de wms cadastrados no sistema de administracao --> 435 <!-- lista de wms cadastrados no sistema de administracao -->
428 <div class="list-group condensed"> 436 <div class="list-group condensed">
429 <div class="row-content text-left" style="opacity: 0.8;"> 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 <h4> 440 <h4>
432 <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> OGC-WMS 441 <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i> OGC-WMS
433 </h4> 442 </h4>
@@ -443,7 +452,8 @@ @@ -443,7 +452,8 @@
443 <!-- regioes cadastradas no sistema de metadados --> 452 <!-- regioes cadastradas no sistema de metadados -->
444 <div class="list-group condensed"> 453 <div class="list-group condensed">
445 <div class="row-content text-left"> 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 <h4> 457 <h4>
448 <i class="material-icons" style="vertical-align: text-bottom;">domain</i> {{{x87}}} 458 <i class="material-icons" style="vertical-align: text-bottom;">domain</i> {{{x87}}}
449 </h4> 459 </h4>
@@ -459,7 +469,8 @@ @@ -459,7 +469,8 @@
459 <!-- camadas que vem do sistema de metadados estatisticos --> 469 <!-- camadas que vem do sistema de metadados estatisticos -->
460 <div class="list-group condensed"> 470 <div class="list-group condensed">
461 <div class="row-content text-left" style="opacity: 0.8;"> 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 <h4> 474 <h4>
464 <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i> {{{x57}}} 475 <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i> {{{x57}}}
465 </h4> 476 </h4>
@@ -475,8 +486,8 @@ @@ -475,8 +486,8 @@
475 <!-- camadas por estrelas --> 486 <!-- camadas por estrelas -->
476 <div class="list-group condensed"> 487 <div class="list-group condensed">
477 <div class="row-content text-left" style="opacity: 0.8;"> 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 <h4> 491 <h4>
481 <i class="material-icons" style="vertical-align: text-bottom;">star_border</i> {{{t46}}} 492 <i class="material-icons" style="vertical-align: text-bottom;">star_border</i> {{{t46}}}
482 </h4> 493 </h4>
@@ -492,7 +503,8 @@ @@ -492,7 +503,8 @@
492 <!-- sistemas que adicionam camadas --> 503 <!-- sistemas que adicionam camadas -->
493 <div class="list-group condensed"> 504 <div class="list-group condensed">
494 <div class="row-content text-left" style="opacity: 0.8;"> 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 <h4> 508 <h4>
497 <i class="material-icons" style="vertical-align: text-bottom;">widgets</i> {{{a11}}} 509 <i class="material-icons" style="vertical-align: text-bottom;">widgets</i> {{{a11}}}
498 </h4> 510 </h4>
@@ -509,7 +521,8 @@ @@ -509,7 +521,8 @@
509 <!-- navegacao em diretorios --> 521 <!-- navegacao em diretorios -->
510 <div class="list-group condensed"> 522 <div class="list-group condensed">
511 <div class="row-content text-left" style="opacity: 0.8;"> 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 <h4> 526 <h4>
514 <i class="material-icons" style="vertical-align: text-bottom;">storage</i> {{{a6}}} 527 <i class="material-icons" style="vertical-align: text-bottom;">storage</i> {{{a6}}}
515 </h4> 528 </h4>
@@ -527,10 +540,13 @@ @@ -527,10 +540,13 @@
527 </div> 540 </div>
528 <!-- Legenda --> 541 <!-- Legenda -->
529 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left; height: 100%;'> 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 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 544 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
532 <span style="vertical-align: middle">{{{iconeLegenda}}}</span> 545 <span style="vertical-align: middle">{{{iconeLegenda}}}</span>
533 </button> 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 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" 550 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
535 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> 551 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
536 <span style="vertical-align: middle" class="material-icons">visibility</span> 552 <span style="vertical-align: middle" class="material-icons">visibility</span>
@@ -546,7 +562,6 @@ @@ -546,7 +562,6 @@
546 562
547 <div class="separadorCabecalhoGuias">&nbsp;</div> 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
548 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
549 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
550 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
551 </div> 566 </div>
552 </div> 567 </div>
@@ -567,11 +582,11 @@ @@ -567,11 +582,11 @@
567 <div class="form-group label-floating"> 582 <div class="form-group label-floating">
568 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
569 <div class="input-group"> 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 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)"> 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
576 <span class="material-icons ">send</span> 591 <span class="material-icons ">send</span>
577 </a> 592 </a>
@@ -582,13 +597,17 @@ @@ -582,13 +597,17 @@
582 <div class="form-inline" style="width: 100%;"> 597 <div class="form-inline" style="width: 100%;">
583 <div class="list-group condensed"> 598 <div class="list-group condensed">
584 <div class="checkbox text-left"> 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 </label> 603 </label>
587 </div> 604 </div>
588 </div> 605 </div>
589 <div class="list-group condensed"> 606 <div class="list-group condensed">
590 <div class="checkbox text-left"> 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 </label> 611 </label>
593 </div> 612 </div>
594 </div> 613 </div>
@@ -648,7 +667,7 @@ @@ -648,7 +667,7 @@
648 </div> 667 </div>
649 <div class="clearfix"></div> 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 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div> 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
653 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div> 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
654 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div> 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
@@ -677,368 +696,371 @@ @@ -677,368 +696,371 @@
677 </div> 696 </div>
678 </script> 697 </script>
679 <script> 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 </body> 1064 </body>
1043 1065
1044 </html> 1066 </html>
interface/osm.htm
  Diff comments   View file @0310a66
@@ -7,6 +7,8 @@ @@ -7,6 +7,8 @@
7 <title>i3GEO - OpenLayers</title> 7 <title>i3GEO - OpenLayers</title>
8 <script src="../pacotes/ol4/ol.js"></script> 8 <script src="../pacotes/ol4/ol.js"></script>
9 <script src="../js/i3geo.js"></script> 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 <!-- lista com os links que serao mostrados na guia ferramentas --> 12 <!-- lista com os links que serao mostrados na guia ferramentas -->
11 <script src="../js/listaDeFerramentas.js"></script> 13 <script src="../js/listaDeFerramentas.js"></script>
12 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) --> 14 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
@@ -15,7 +17,6 @@ @@ -15,7 +17,6 @@
15 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css"> 17 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
16 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css"> 18 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
17 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">--> 19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
18 -  
19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> --> 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
20 <link rel="stylesheet" type="text/css" href="../css/default.css"> 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
21 <!-- para o tutorial --> 22 <!-- para o tutorial -->
@@ -43,12 +44,12 @@ @@ -43,12 +44,12 @@
43 --> 44 -->
44 <body id="i3geo" style='background: white;'> 45 <body id="i3geo" style='background: white;'>
45 <!-- inclui o nome do usuario logado 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 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps 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 <div id="mapai3Geo"></div> 53 <div id="mapai3Geo"></div>
53 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado--> 54 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
54 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;"> 55 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
@@ -69,29 +70,48 @@ @@ -69,29 +70,48 @@
69 </select> 70 </select>
70 </div> 71 </div>
71 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 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 </div> 82 </div>
77 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 88 </div>
80 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 93 </div>
84 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 99 </div>
88 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 107 </div>
92 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 115 </div>
96 </div> 116 </div>
97 <!-- barra de icones de navegacao --> 117 <!-- barra de icones de navegacao -->
@@ -141,28 +161,29 @@ @@ -141,28 +161,29 @@
141 <!-- botoes laterais que abrem guias moveis --> 161 <!-- botoes laterais que abrem guias moveis -->
142 <div id="i3GEOguiaMovel"> 162 <div id="i3GEOguiaMovel">
143 <!-- configuracao para todos os botoes 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 <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 166 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
147 <!-- ferramentas 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 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 174 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
154 <i class="material-icons">business_center</i> 175 <i class="material-icons">business_center</i>
155 </button> 176 </button>
156 </div> 177 </div>
157 <!-- temas existentes no mapa 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 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 187 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
167 <i class="material-icons"><i class="material-icons">visibility</i></i> 188 <i class="material-icons"><i class="material-icons">visibility</i></i>
168 </button> 189 </button>
@@ -188,6 +209,13 @@ @@ -188,6 +209,13 @@
188 <i class="material-icons">view_list</i> 209 <i class="material-icons">view_list</i>
189 </button> 210 </button>
190 </div> 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 <!-- Busca --> 219 <!-- Busca -->
192 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;"> 220 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
193 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 221 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -205,12 +233,12 @@ @@ -205,12 +233,12 @@
205 </button> 233 </button>
206 </div> 234 </div>
207 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 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 </div> 242 </div>
215 <!-- veja i3GEO.guias.CONFIGURA --> 243 <!-- veja i3GEO.guias.CONFIGURA -->
216 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 244 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -218,11 +246,46 @@ @@ -218,11 +246,46 @@
218 <div id="i3GEOguiaMovelMolde"> 246 <div id="i3GEOguiaMovelMolde">
219 <div id="i3GEOguiaMovelConteudo"> 247 <div id="i3GEOguiaMovelConteudo">
220 <!-- camadas existentes no mapa --> 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 <div class="i3GEOfechaGuia" style="display: flex;"> 250 <div class="i3GEOfechaGuia" style="display: flex;">
223 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');"> 251 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');">
224 <span style="vertical-align: middle">{{{iconeMapa}}}</span> 252 <span style="vertical-align: middle">{{{iconeMapa}}}</span>
225 </button> 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 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" 289 <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj"
227 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> 290 data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus">
228 <span style="vertical-align: middle" class="material-icons">layers</span> 291 <span style="vertical-align: middle" class="material-icons">layers</span>
@@ -234,49 +297,20 @@ @@ -234,49 +297,20 @@
234 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');"> 297 <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');">
235 <span style="vertical-align: middle" class="material-icons">cancel</span> 298 <span style="vertical-align: middle" class="material-icons">cancel</span>
236 </button> 299 </button>
  300 +
237 </div> 301 </div>
238 <div class="separadorCabecalhoGuias">&nbsp;</div> 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 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div> 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
275 <!-- Esta div acrescenta a lista de de camadas de fundo 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 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed"> 314 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
281 <label>{{{camadasDeFundo}}}</label> 315 <label>{{{camadasDeFundo}}}</label>
282 </div> 316 </div>
@@ -285,17 +319,44 @@ @@ -285,17 +319,44 @@
285 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div> 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
286 </form> 320 </form>
287 </div> 321 </div>
288 -  
289 </div> 322 </div>
290 </div> 323 </div>
291 <!-- Catalogo de temas --> 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 <div class="i3GEOfechaGuia" style="display: flex;"> 326 <div class="i3GEOfechaGuia" style="display: flex;">
294 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> 327 <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
295 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span> 328 <span style="vertical-align: middle">{{{iconeCatalogo}}}</span>
296 </button> 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 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" 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 <span style="vertical-align: middle" class="material-icons">visibility</span> 360 <span style="vertical-align: middle" class="material-icons">visibility</span>
300 </button> 361 </button>
301 <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" 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,99 +370,58 @@
309 <div class="separadorCabecalhoGuias">&nbsp;</div> 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
310 371
311 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 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 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
314 <div id="catalogoNavegacao"></div> 375 <div id="catalogoNavegacao"></div>
315 <!-- Opcoes --> 376 <!-- Opcoes -->
316 <div id="catalogoPrincipal"> 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 <hr> 378 <hr>
358 <!-- busca tema no catalogo 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 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 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 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 399 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
379 400
380 <div id="arvoreAdicionaTema"></div> 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 <!-- servicos da INDE brasileira --> 418 <!-- servicos da INDE brasileira -->
398 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 421 <label style="width: 300px; vertical-align: middle;">
401 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)"> 422 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
402 <h4> 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 </h4> 425 </h4>
406 </a> 426 </a>
407 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 427 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
@@ -414,12 +434,11 @@ @@ -414,12 +434,11 @@
414 <hr> 434 <hr>
415 <!-- lista de wms cadastrados no sistema de administracao --> 435 <!-- lista de wms cadastrados no sistema de administracao -->
416 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 438 <label style="width: 300px; vertical-align: middle;">
419 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)"> 439 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
420 <h4> 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 </h4> 442 </h4>
424 </a> 443 </a>
425 <h6>{{{descOgcWms}}}</h6> 444 <h6>{{{descOgcWms}}}</h6>
@@ -436,8 +455,7 @@ @@ -436,8 +455,7 @@
436 <label style="width: 300px; vertical-align: middle;"> 455 <label style="width: 300px; vertical-align: middle;">
437 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)"> 456 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
438 <h4> 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 </h4> 459 </h4>
442 </a> 460 </a>
443 <h6>{{{descLimLoc}}}</h6> 461 <h6>{{{descLimLoc}}}</h6>
@@ -450,12 +468,11 @@ @@ -450,12 +468,11 @@
450 <hr> 468 <hr>
451 <!-- camadas que vem do sistema de metadados estatisticos --> 469 <!-- camadas que vem do sistema de metadados estatisticos -->
452 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 472 <label style="width: 300px; vertical-align: middle;">
455 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)"> 473 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
456 <h4> 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 </h4> 476 </h4>
460 </a> 477 </a>
461 <h6>{{{descMeta}}}</h6> 478 <h6>{{{descMeta}}}</h6>
@@ -468,13 +485,11 @@ @@ -468,13 +485,11 @@
468 <hr> 485 <hr>
469 <!-- camadas por estrelas --> 486 <!-- camadas por estrelas -->
470 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 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 <h4> 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 </h4> 493 </h4>
479 </a> 494 </a>
480 <h6>{{{descEstrelas}}}</h6> 495 <h6>{{{descEstrelas}}}</h6>
@@ -487,12 +502,11 @@ @@ -487,12 +502,11 @@
487 <hr> 502 <hr>
488 <!-- sistemas que adicionam camadas --> 503 <!-- sistemas que adicionam camadas -->
489 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 506 <label style="width: 300px; vertical-align: middle;">
492 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)"> 507 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
493 <h4> 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 </h4> 510 </h4>
497 </a> 511 </a>
498 <h6>{{{descSistemas}}}</h6> 512 <h6>{{{descSistemas}}}</h6>
@@ -506,12 +520,11 @@ @@ -506,12 +520,11 @@
506 <hr> 520 <hr>
507 <!-- navegacao em diretorios --> 521 <!-- navegacao em diretorios -->
508 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 524 <label style="width: 300px; vertical-align: middle;">
511 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)"> 525 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
512 <h4> 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 </h4> 528 </h4>
516 </a> 529 </a>
517 <h6>{{{descDir}}}</h6> 530 <h6>{{{descDir}}}</h6>
@@ -526,11 +539,14 @@ @@ -526,11 +539,14 @@
526 </div> 539 </div>
527 </div> 540 </div>
528 <!-- Legenda --> 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 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> 544 <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
532 <span style="vertical-align: middle">{{{iconeLegenda}}}</span> 545 <span style="vertical-align: middle">{{{iconeLegenda}}}</span>
533 </button> 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 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" 550 <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia=""
535 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> 551 data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas">
536 <span style="vertical-align: middle" class="material-icons">visibility</span> 552 <span style="vertical-align: middle" class="material-icons">visibility</span>
@@ -543,18 +559,18 @@ @@ -543,18 +559,18 @@
543 <span style="vertical-align: middle" class="material-icons">cancel</span> 559 <span style="vertical-align: middle" class="material-icons">cancel</span>
544 </button> 560 </button>
545 </div> 561 </div>
  562 +
546 <div class="separadorCabecalhoGuias">&nbsp;</div> 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
547 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
548 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
549 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
550 </div> 566 </div>
551 </div> 567 </div>
552 <!-- busca 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 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 574 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
559 <button> 575 <button>
560 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 576 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
@@ -566,11 +582,11 @@ @@ -566,11 +582,11 @@
566 <div class="form-group label-floating"> 582 <div class="form-group label-floating">
567 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
568 <div class="input-group"> 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 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)"> 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
575 <span class="material-icons ">send</span> 591 <span class="material-icons ">send</span>
576 </a> 592 </a>
@@ -581,26 +597,30 @@ @@ -581,26 +597,30 @@
581 <div class="form-inline" style="width: 100%;"> 597 <div class="form-inline" style="width: 100%;">
582 <div class="list-group condensed"> 598 <div class="list-group condensed">
583 <div class="checkbox text-left"> 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 </label> 603 </label>
586 </div> 604 </div>
587 </div> 605 </div>
588 <div class="list-group condensed"> 606 <div class="list-group condensed">
589 <div class="checkbox text-left"> 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 </label> 611 </label>
592 </div> 612 </div>
593 </div> 613 </div>
594 <!-- Apenas para a interface google maps 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 </div> 624 </div>
605 </form> 625 </form>
606 <hr> 626 <hr>
@@ -611,7 +631,7 @@ @@ -611,7 +631,7 @@
611 </div> 631 </div>
612 </div> 632 </div>
613 <!-- Ferramentas --> 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 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 635 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
616 <button> 636 <button>
617 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 637 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
@@ -620,25 +640,25 @@ @@ -620,25 +640,25 @@
620 <div class="separadorCabecalhoGuias">&nbsp;</div> 640 <div class="separadorCabecalhoGuias">&nbsp;</div>
621 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 641 <div class="guiaOverflow" style="height: calc(100% - 45px)">
622 <div class="form-inline" style="width: 100%;"> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png"> 645 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
626 </a> 646 </a>
627 <h6>{{{d21at}}}</h6> 647 <h6>{{{d21at}}}</h6>
628 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png"> 651 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
632 </a> 652 </a>
633 <h6>{{{d21t}}}</h6> 653 <h6>{{{d21t}}}</h6>
634 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png"> 657 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
638 </a> 658 </a>
639 <h6>{{{d24t}}}</h6> 659 <h6>{{{d24t}}}</h6>
640 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png"> 663 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
644 </a> 664 </a>
@@ -646,8 +666,8 @@ @@ -646,8 +666,8 @@
646 </div> 666 </div>
647 </div> 667 </div>
648 <div class="clearfix"></div> 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 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div> 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
652 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div> 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
653 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div> 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
@@ -656,7 +676,6 @@ @@ -656,7 +676,6 @@
656 </div> 676 </div>
657 </div> 677 </div>
658 </div> 678 </div>
659 -  
660 <!-- para mostrar o banner de abertura --> 679 <!-- para mostrar o banner de abertura -->
661 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 680 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
662 <div> 681 <div>
@@ -677,335 +696,371 @@ @@ -677,335 +696,371 @@
677 </div> 696 </div>
678 </script> 697 </script>
679 <script> 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 </body> 1064 </body>
1010 1065
1011 </html> 1066 </html>
interface/osmdebug.htm
  Diff comments   View file @0310a66
@@ -5,8 +5,10 @@ @@ -5,8 +5,10 @@
5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
7 <title>i3GEO - OpenLayers</title> 7 <title>i3GEO - OpenLayers</title>
8 -<script src="../pacotes/ol4/ol-debug.js"></script> 8 +<script src="../pacotes/ol4/ol.js"></script>
9 <script src="../js/i3geonaocompacto.js"></script> 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 <!-- lista com os links que serao mostrados na guia ferramentas --> 12 <!-- lista com os links que serao mostrados na guia ferramentas -->
11 <script src="../js/listaDeFerramentas.js"></script> 13 <script src="../js/listaDeFerramentas.js"></script>
12 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) --> 14 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
@@ -15,7 +17,6 @@ @@ -15,7 +17,6 @@
15 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css"> 17 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
16 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css"> 18 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
17 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">--> 19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
18 -  
19 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> --> 20 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
20 <link rel="stylesheet" type="text/css" href="../css/default.css"> 21 <link rel="stylesheet" type="text/css" href="../css/default.css">
21 <!-- para o tutorial --> 22 <!-- para o tutorial -->
@@ -43,12 +44,12 @@ @@ -43,12 +44,12 @@
43 --> 44 -->
44 <body id="i3geo" style='background: white;'> 45 <body id="i3geo" style='background: white;'>
45 <!-- inclui o nome do usuario logado 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 <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps 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 <div id="mapai3Geo"></div> 53 <div id="mapai3Geo"></div>
53 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado--> 54 <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
54 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;"> 55 <form data-tutorial="escalas" class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
@@ -69,29 +70,48 @@ @@ -69,29 +70,48 @@
69 </select> 70 </select>
70 </div> 71 </div>
71 <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;"> 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 </div> 82 </div>
77 <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 88 </div>
80 <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 93 </div>
84 <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 99 </div>
88 <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 107 </div>
92 <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;"> 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 </div> 115 </div>
96 </div> 116 </div>
97 <!-- barra de icones de navegacao --> 117 <!-- barra de icones de navegacao -->
@@ -141,28 +161,29 @@ @@ -141,28 +161,29 @@
141 <!-- botoes laterais que abrem guias moveis --> 161 <!-- botoes laterais que abrem guias moveis -->
142 <div id="i3GEOguiaMovel"> 162 <div id="i3GEOguiaMovel">
143 <!-- configuracao para todos os botoes 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 <div class="iconesGuiaMovel ol-control" data-traduzir="true"> 166 <div class="iconesGuiaMovel ol-control" data-traduzir="true">
147 <!-- ferramentas 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 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 174 <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
154 <i class="material-icons">business_center</i> 175 <i class="material-icons">business_center</i>
155 </button> 176 </button>
156 </div> 177 </div>
157 <!-- temas existentes no mapa 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 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 187 <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
167 <i class="material-icons"><i class="material-icons">visibility</i></i> 188 <i class="material-icons"><i class="material-icons">visibility</i></i>
168 </button> 189 </button>
@@ -188,11 +209,13 @@ @@ -188,11 +209,13 @@
188 <i class="material-icons">view_list</i> 209 <i class="material-icons">view_list</i>
189 </button> 210 </button>
190 </div> 211 </div>
  212 + <!--
191 <div data-tutorial="troca" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;"> 213 <div data-tutorial="troca" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
192 <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 214 <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
193 <i class="material-icons">compare_arrows</i> 215 <i class="material-icons">compare_arrows</i>
194 </button> 216 </button>
195 </div> 217 </div>
  218 + -->
196 <!-- Busca --> 219 <!-- Busca -->
197 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;"> 220 <div data-tutorial="busca" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
198 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;"> 221 <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -210,12 +233,12 @@ @@ -210,12 +233,12 @@
210 </button> 233 </button>
211 </div> 234 </div>
212 <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem 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 </div> 242 </div>
220 <!-- veja i3GEO.guias.CONFIGURA --> 243 <!-- veja i3GEO.guias.CONFIGURA -->
221 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" --> 244 <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
@@ -223,54 +246,71 @@ @@ -223,54 +246,71 @@
223 <div id="i3GEOguiaMovelMolde"> 246 <div id="i3GEOguiaMovelMolde">
224 <div id="i3GEOguiaMovelConteudo"> 247 <div id="i3GEOguiaMovelConteudo">
225 <!-- camadas existentes no mapa --> 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 </button> 299 </button>
  300 +
231 </div> 301 </div>
232 <div class="separadorCabecalhoGuias">&nbsp;</div> 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 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div> 308 <div id="listaTemas" style="overflow: none;" data-template="templates/camada.html"></div>
269 <!-- Esta div acrescenta a lista de de camadas de fundo 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 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed"> 314 <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
275 <label>{{{camadasDeFundo}}}</label> 315 <label>{{{camadasDeFundo}}}</label>
276 </div> 316 </div>
@@ -279,112 +319,109 @@ @@ -279,112 +319,109 @@
279 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div> 319 <div id="listaFundo" class="form-group condensed" data-template="templates/camadaFundo.html"></div>
280 </form> 320 </form>
281 </div> 321 </div>
282 -  
283 </div> 322 </div>
284 </div> 323 </div>
285 <!-- Catalogo de temas --> 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 </button> 368 </button>
291 </div> 369 </div>
292 <div class="separadorCabecalhoGuias">&nbsp;</div> 370 <div class="separadorCabecalhoGuias">&nbsp;</div>
293 371
294 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 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 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada --> 374 <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
297 <div id="catalogoNavegacao"></div> 375 <div id="catalogoNavegacao"></div>
298 <!-- Opcoes --> 376 <!-- Opcoes -->
299 <div id="catalogoPrincipal"> 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 <hr> 378 <hr>
341 <!-- busca tema no catalogo 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 <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona 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 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div> 399 <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
362 400
363 <div id="arvoreAdicionaTema"></div> 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 <!-- servicos da INDE brasileira --> 418 <!-- servicos da INDE brasileira -->
381 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 421 <label style="width: 300px; vertical-align: middle;">
384 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)"> 422 <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
385 <h4> 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 </h4> 425 </h4>
389 </a> 426 </a>
390 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6> 427 <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
@@ -397,12 +434,11 @@ @@ -397,12 +434,11 @@
397 <hr> 434 <hr>
398 <!-- lista de wms cadastrados no sistema de administracao --> 435 <!-- lista de wms cadastrados no sistema de administracao -->
399 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 438 <label style="width: 300px; vertical-align: middle;">
402 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)"> 439 <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
403 <h4> 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 </h4> 442 </h4>
407 </a> 443 </a>
408 <h6>{{{descOgcWms}}}</h6> 444 <h6>{{{descOgcWms}}}</h6>
@@ -419,8 +455,7 @@ @@ -419,8 +455,7 @@
419 <label style="width: 300px; vertical-align: middle;"> 455 <label style="width: 300px; vertical-align: middle;">
420 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)"> 456 <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
421 <h4> 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 </h4> 459 </h4>
425 </a> 460 </a>
426 <h6>{{{descLimLoc}}}</h6> 461 <h6>{{{descLimLoc}}}</h6>
@@ -433,12 +468,11 @@ @@ -433,12 +468,11 @@
433 <hr> 468 <hr>
434 <!-- camadas que vem do sistema de metadados estatisticos --> 469 <!-- camadas que vem do sistema de metadados estatisticos -->
435 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 472 <label style="width: 300px; vertical-align: middle;">
438 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)"> 473 <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
439 <h4> 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 </h4> 476 </h4>
443 </a> 477 </a>
444 <h6>{{{descMeta}}}</h6> 478 <h6>{{{descMeta}}}</h6>
@@ -451,13 +485,11 @@ @@ -451,13 +485,11 @@
451 <hr> 485 <hr>
452 <!-- camadas por estrelas --> 486 <!-- camadas por estrelas -->
453 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 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 <h4> 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 </h4> 493 </h4>
462 </a> 494 </a>
463 <h6>{{{descEstrelas}}}</h6> 495 <h6>{{{descEstrelas}}}</h6>
@@ -470,12 +502,11 @@ @@ -470,12 +502,11 @@
470 <hr> 502 <hr>
471 <!-- sistemas que adicionam camadas --> 503 <!-- sistemas que adicionam camadas -->
472 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 506 <label style="width: 300px; vertical-align: middle;">
475 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)"> 507 <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
476 <h4> 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 </h4> 510 </h4>
480 </a> 511 </a>
481 <h6>{{{descSistemas}}}</h6> 512 <h6>{{{descSistemas}}}</h6>
@@ -489,12 +520,11 @@ @@ -489,12 +520,11 @@
489 <hr> 520 <hr>
490 <!-- navegacao em diretorios --> 521 <!-- navegacao em diretorios -->
491 <div class="list-group condensed"> 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 <label style="width: 300px; vertical-align: middle;"> 524 <label style="width: 300px; vertical-align: middle;">
494 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)"> 525 <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
495 <h4> 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 </h4> 528 </h4>
499 </a> 529 </a>
500 <h6>{{{descDir}}}</h6> 530 <h6>{{{descDir}}}</h6>
@@ -509,24 +539,38 @@ @@ -509,24 +539,38 @@
509 </div> 539 </div>
510 </div> 540 </div>
511 <!-- Legenda --> 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 </button> 560 </button>
517 </div> 561 </div>
  562 +
518 <div class="separadorCabecalhoGuias">&nbsp;</div> 563 <div class="separadorCabecalhoGuias">&nbsp;</div>
519 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 564 <div class="guiaOverflow" style="height: calc(100% - 45px)">
520 - <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>  
521 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div> 565 <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
522 </div> 566 </div>
523 </div> 567 </div>
524 <!-- busca 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 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 574 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
531 <button> 575 <button>
532 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span> 576 <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
@@ -538,11 +582,11 @@ @@ -538,11 +582,11 @@
538 <div class="form-group label-floating"> 582 <div class="form-group label-floating">
539 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label> 583 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
540 <div class="input-group"> 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 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)"> 590 data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
547 <span class="material-icons ">send</span> 591 <span class="material-icons ">send</span>
548 </a> 592 </a>
@@ -553,26 +597,30 @@ @@ -553,26 +597,30 @@
553 <div class="form-inline" style="width: 100%;"> 597 <div class="form-inline" style="width: 100%;">
554 <div class="list-group condensed"> 598 <div class="list-group condensed">
555 <div class="checkbox text-left"> 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 </label> 603 </label>
558 </div> 604 </div>
559 </div> 605 </div>
560 <div class="list-group condensed"> 606 <div class="list-group condensed">
561 <div class="checkbox text-left"> 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 </label> 611 </label>
564 </div> 612 </div>
565 </div> 613 </div>
566 <!-- Apenas para a interface google maps 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 </div> 624 </div>
577 </form> 625 </form>
578 <hr> 626 <hr>
@@ -583,7 +631,7 @@ @@ -583,7 +631,7 @@
583 </div> 631 </div>
584 </div> 632 </div>
585 <!-- Ferramentas --> 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 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> 635 <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
588 <button> 636 <button>
589 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span> 637 <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
@@ -592,25 +640,25 @@ @@ -592,25 +640,25 @@
592 <div class="separadorCabecalhoGuias">&nbsp;</div> 640 <div class="separadorCabecalhoGuias">&nbsp;</div>
593 <div class="guiaOverflow" style="height: calc(100% - 45px)"> 641 <div class="guiaOverflow" style="height: calc(100% - 45px)">
594 <div class="form-inline" style="width: 100%;"> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png"> 645 <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
598 </a> 646 </a>
599 <h6>{{{d21at}}}</h6> 647 <h6>{{{d21at}}}</h6>
600 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png"> 651 <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
604 </a> 652 </a>
605 <h6>{{{d21t}}}</h6> 653 <h6>{{{d21t}}}</h6>
606 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png"> 657 <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
610 </a> 658 </a>
611 <h6>{{{d24t}}}</h6> 659 <h6>{{{d24t}}}</h6>
612 </div> 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 <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)"> 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 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png"> 663 <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
616 </a> 664 </a>
@@ -618,8 +666,8 @@ @@ -618,8 +666,8 @@
618 </div> 666 </div>
619 </div> 667 </div>
620 <div class="clearfix"></div> 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 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div> 671 <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
624 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div> 672 <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
625 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div> 673 <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
@@ -628,7 +676,6 @@ @@ -628,7 +676,6 @@
628 </div> 676 </div>
629 </div> 677 </div>
630 </div> 678 </div>
631 -  
632 <!-- para mostrar o banner de abertura --> 679 <!-- para mostrar o banner de abertura -->
633 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache"> 680 <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
634 <div> 681 <div>
@@ -649,335 +696,371 @@ @@ -649,335 +696,371 @@
649 </div> 696 </div>
650 </script> 697 </script>
651 <script> 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 </body> 1064 </body>
982 1065
983 </html> 1066 </html>