Download as
Browse Code »

Commit 0fa9678e73b27f96afb255ea4d899390f3569125

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

Alteração nos nomes das interfaces padrão para remover o prefixo blak_

Showing 11 changed files with 2239 additions and 2210 deletions   Show diff stats
css/i3geo7.css.php 100644 → 100755
  Diff comments   View file @0fa9678
1 botoesIni = [ 1 botoesIni = [
2 { 2 {
3 "img":"openlayers", 3 "img":"openlayers",
4 - "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/black_ol.htm", 4 + "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/ol.htm",
5 "titulo":$trad(4,g_traducao_init), 5 "titulo":$trad(4,g_traducao_init),
6 "subtitulo": $trad("4a",g_traducao_init), 6 "subtitulo": $trad("4a",g_traducao_init),
7 "fa": "map-o", 7 "fa": "map-o",
8 "target": "_blank" 8 "target": "_blank"
9 },{ 9 },{
10 "img":"osm", 10 "img":"osm",
11 - "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/black_osm.htm", 11 + "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/osm.htm",
12 "titulo":$trad(23,g_traducao_init), 12 "titulo":$trad(23,g_traducao_init),
13 "subtitulo": $trad("23a",g_traducao_init), 13 "subtitulo": $trad("23a",g_traducao_init),
14 "fa": "map-o", 14 "fa": "map-o",
15 "target": "_blank" 15 "target": "_blank"
16 },{ 16 },{
17 "img":"googlemaps", 17 "img":"googlemaps",
18 - "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/black_gm.phtml", 18 + "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/gm.phtml",
19 "titulo":$trad(6,g_traducao_init), 19 "titulo":$trad(6,g_traducao_init),
20 "subtitulo": $trad("6a",g_traducao_init), 20 "subtitulo": $trad("6a",g_traducao_init),
21 "fa": "map-o", 21 "fa": "map-o",
@@ -28,15 +28,8 @@ botoesIni = [ @@ -28,15 +28,8 @@ botoesIni = [
28 "fa": "map-o", 28 "fa": "map-o",
29 "target": "_self" 29 "target": "_self"
30 },{ 30 },{
31 - "img":"googleearth",  
32 - "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/googleearth.phtml",  
33 - "titulo":$trad(7,g_traducao_init),  
34 - "subtitulo": $trad("7a",g_traducao_init),  
35 - "fa": "map-o",  
36 - "target": "_blank"  
37 -},{  
38 "img":"cartogramas", 31 "img":"cartogramas",
39 - "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/black_carto_ol.htm", 32 + "href": location.href.replace("init/index.php"+window.location.search,"") + customDir + "/carto_ol.htm",
40 "titulo":$trad(8,g_traducao_init), 33 "titulo":$trad(8,g_traducao_init),
41 "subtitulo": $trad("8a",g_traducao_init), 34 "subtitulo": $trad("8a",g_traducao_init),
42 "fa": "map-o", 35 "fa": "map-o",
interface/black_carto_ol.htm
  Diff comments   View file @0fa9678
1 -<!DOCTYPE html>  
2 <html> 1 <html>
3 <head> 2 <head>
4 -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">  
5 -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">  
6 -<meta name="viewport"  
7 - content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">  
8 -<title>i3GEO - OpenLayers</title>  
9 -<script src="../pacotes/ol3/ol.js"></script>  
10 -<script src="../js/i3geonaocompacto.js"></script>  
11 -<!-- lista com os links que serao mostrados na guia ferramentas -->  
12 -<script src="../js/listaDeFerramentas.js"></script>  
13 -<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->  
14 -<script src="config.php?tipo=OL"></script>  
15 -<script src="../ferramentas/metaestat/index.js"></script>  
16 -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">  
17 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">  
18 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">  
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="../css/default.css">  
21 -<style>  
22 -.ol-attribution img {  
23 - display: none;  
24 -}  
25 -  
26 -.ol-attribution.ol-uncollapsible {  
27 - height: 2.1em;  
28 - right: 24px;  
29 - background: none;  
30 - margin-bottom: 15px;  
31 -}  
32 -  
33 -</style>  
34 -</head>  
35 - <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js  
36 - Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor  
37 - -->  
38 -<body id="i3geo" style='background: white;'>  
39 - <!-- inclui o nome do usuario logado  
40 - <div id="i3GEONomeLogin"  
41 - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>  
42 - -->  
43 - <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->  
44 - <div id="mapai3Geo" >  
45 - </div>  
46 - <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->  
47 - <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">  
48 - <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >  
49 - </form>  
50 -  
51 - <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->  
52 - <div class="localizarxy fundoRodape hidden-xs hidden-sm">  
53 - <div class="i3GeoMascaraCoord" style="display: block;">  
54 - <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">  
55 - <option>DMS:</option>  
56 - <option value="janela">janela</option>  
57 - <option value="geoProj">DMS</option>  
58 - <option value="dd">Déc. de grau</option>  
59 - <option value="geohash">GeoHash</option>  
60 - <option value="policonicaSad69">Polic SAD-69</option>  
61 - <option value="utmSad69Proj">UTM Sad-69</option>  
62 - <option value="utmSirgas2000Proj">UTM Sirgas</option>  
63 - </select>  
64 - </div>  
65 - <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">  
66 - X:  
67 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
68 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
69 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
70 - Y:  
71 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
72 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
73 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
74 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">  
75 - </div>  
76 - <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
77 - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
78 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">  
79 - </div>  
80 - <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">  
82 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">  
83 - </div>  
84 - <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">  
86 - Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">  
87 - </div>  
88 - <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">  
90 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
91 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">  
92 - </div>  
93 - <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
94 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
95 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
96 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">  
97 - </div>  
98 - </div>  
99 -  
100 - <!-- barra de ícones de navegacao -->  
101 - <div class="ol-i3GEOcontrols ol-control">  
102 - <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">  
103 - <img style="width:20px;" src="../imagens/gisicons/projection.png">  
104 - </button>  
105 - <button onclick="i3GEO.Interface.zoomli()" style="float: left;">  
106 - <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">  
107 - </button>  
108 - <br>  
109 - <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">  
110 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">  
111 - </button>  
112 - <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">  
113 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">  
114 - </button>  
115 - <br>  
116 - <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">  
117 - <img style="width:20px;" src="../imagens/gisicons/save1.png">  
118 - </button>  
119 - <button onclick="i3GEO.maparef.inicia()" style="float: left;">  
120 - <img style="width:20px;" src="../imagens/gisicons/map-reference.png">  
121 - </button>  
122 - </div>  
123 - <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->  
124 - <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
125 - <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">  
126 - </div>  
127 - </div>  
128 - <!--barra de aguarde id="i3GEObarraAguarde" -->  
129 - <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
130 - <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">  
131 - </div>  
132 - </div>  
133 - <!-- mensagem de copyright -->  
134 - <div id="i3GEOcopyright">i3Geo</div>  
135 - <!-- botoes laterais que abrem guias moveis -->  
136 - <div id="i3GEOguiaMovel" >  
137 - <!-- configuracao para todos os botoes  
138 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
139 - -->  
140 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">  
141 - <!-- ferramentas  
142 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
143 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
144 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
145 - -->  
146 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
147 - <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
148 - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">  
149 - </button>  
150 - </div>  
151 - <!-- temas existentes no mapa  
152 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
153 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
154 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
155 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
156 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
157 - -->  
158 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
159 - <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
160 - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">  
161 - </button>  
162 - </div>  
163 - <!-- catalogo de adicao de temas ao mapa  
164 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
165 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
166 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
167 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo  
168 -  
169 - Variaveis javascript:  
170 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
171 - -->  
172 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
173 - <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
174 - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">  
175 - </button>  
176 - </div>  
177 - <!-- legenda -->  
178 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
179 - <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
180 - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">  
181 - </button>  
182 - </div>  
183 - <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
184 - <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
185 - <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">  
186 - </button>  
187 - </div>  
188 - <!-- Busca -->  
189 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
190 - <button class="iconeGuiaMovel" style="box-shadow: none;">  
191 - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">  
192 - </button>  
193 - </div>  
194 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
195 - <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
196 - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">  
197 - </button>  
198 - </div>  
199 - <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
200 - <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
201 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
202 - </button>  
203 - </div>  
204 - </div>  
205 - <!-- veja i3GEO.guias.CONFIGURA -->  
206 - <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->  
207 - <!-- se height nao estiver definido sera utilizada a altura do mapa -->  
208 - <div id="i3GEOguiaMovelMolde" >  
209 - <div id="i3GEOguiaMovelConteudo" >  
210 - <!-- camadas existentes no mapa -->  
211 - <div id='guia1obj' data-traduzir="true" style='display: none;'>  
212 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>  
213 - <div class="btn-group noprint" >  
214 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
215 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
216 - <span class="caret"></span>  
217 - </a>  
218 - <ul class="dropdown-menu">  
219 - <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>  
220 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>  
221 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>  
222 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>  
223 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>  
224 - <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>  
225 - <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>  
226 - <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>  
227 - <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>  
228 - </ul>  
229 - </div>  
230 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
231 - <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>  
232 - <!-- Esta div acrescenta a lista de de camadas de fundo  
233 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
234 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
235 - no programa interface/config.php  
236 - -->  
237 - <div class="list-group condensed">  
238 - <label>Camadas de fundo</label>  
239 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >  
240 - <span class="caret"></span>  
241 - </a>  
242 - <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">  
243 - <form>  
244 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
245 - </form>  
246 - </div>  
247 - </div>  
248 - </div>  
249 - <!-- Catalogo de temas -->  
250 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>  
251 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>  
252 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
253 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
254 - <div id="catalogoNavegacao"></div>  
255 - <!-- Opcoes -->  
256 - <div id="catalogoPrincipal">  
257 - <div class="btn-group noprint" >  
258 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
259 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
260 - <span class="caret"></span>  
261 - </a>  
262 - <ul class="dropdown-menu">  
263 - <li>  
264 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>  
265 - </li>  
266 - <li class="divider"></li>  
267 - <li>  
268 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>  
269 - </li>  
270 - <li>  
271 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
272 - </li>  
273 - <li>  
274 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
275 - </li>  
276 - <li>  
277 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
278 - </li>  
279 - <li>  
280 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>  
281 - </li>  
282 - <li>  
283 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>  
284 - </li>  
285 - <li>  
286 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
287 - </li>  
288 - <li>  
289 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>  
290 - </li>  
291 - <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
292 - </li>  
293 - </ul>  
294 - </div>  
295 - <!-- busca tema no catalogo -->  
296 - <div class="form-group label-floating">  
297 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
298 - <div class="input-group">  
299 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
300 - <span class="input-group-btn">  
301 - <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
302 - <span class="material-icons md-18">send</span>  
303 - </a>  
304 - </span>  
305 - </div>  
306 - </div>  
307 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona  
308 - Nessa funcao ficam tambem os parametros:  
309 - "idOndeMenus": "catalogoMenus",  
310 - "idCatalogoPrincipal": "catalogoPrincipal",  
311 - "idCatalogoNavegacao": "catalogoNavegacao",  
312 - "idOndeMigalha": "catalogoMigalha"  
313 - -->  
314 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>  
315 -  
316 - <div id="arvoreAdicionaTema"></div>  
317 -  
318 - <!--  
319 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
320 - config: {  
321 - 'templateDir': 'templates/dir.html',  
322 - 'templateTema': 'templates/tema.html',  
323 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
324 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
325 - 'idOndeMigalha': 'catalogoMigalha'  
326 - }  
327 -  
328 - exemplo:  
329 -  
330 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
331 - -->  
332 -  
333 - <!-- servicos da INDE brasileira -->  
334 - <div class="list-group condensed"><div class="row-content text-left">  
335 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
336 - <label style="width: 265px;vertical-align: middle;">  
337 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
338 - <h4>INDE-Br</h4></a>  
339 - <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>  
340 - </label>  
341 - </div></div><hr>  
342 - <!-- lista de wms cadastrados no sistema de administracao -->  
343 - <div class="list-group condensed"><div class="row-content text-left">  
344 - <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
345 - <label style="width: 265px;vertical-align: middle;">  
346 - <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
347 - <h4>OGC-WMS</h4></a>  
348 - <h6>{{{descOgcWms}}}</h6>  
349 - </label>  
350 - </div></div><hr>  
351 - <!-- regioes cadastradas no sistema de metadados -->  
352 - <div class="list-group condensed"><div class="row-content text-left">  
353 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
354 - <label style="width: 265px;vertical-align: middle;">  
355 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
356 - <h4>{{{x87}}}</h4></a>  
357 - <h6>{{{descLimLoc}}}</h6>  
358 - </label>  
359 - </div></div><hr>  
360 - <!-- camadas que vem do sistema de metadados estatisticos -->  
361 - <div class="list-group condensed"><div class="row-content text-left">  
362 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
363 - <label style="width: 265px;vertical-align: middle;">  
364 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
365 - <h4>{{{x57}}}</h4></a>  
366 - <h6>{{{descMeta}}}</h6>  
367 - </label>  
368 - </div></div><hr>  
369 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
370 - <div class="list-group condensed"><div class="row-content text-left">  
371 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
372 - <label style="width: 265px;vertical-align: middle;">  
373 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
374 - <h4>{{{x90}}}</h4></a>  
375 - <h6>{{{descMapas}}}</h6>  
376 - </label>  
377 - </div></div><hr>  
378 - -->  
379 - <!-- camadas por estrelas -->  
380 - <div class="list-group condensed"><div class="row-content text-left">  
381 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
382 - <label style="width: 265px;vertical-align: middle;">  
383 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">  
384 - <h4>{{{t46}}}</h4></a>  
385 - <h6>{{{descEstrelas}}}</h6>  
386 - </label>  
387 - </div></div><hr>  
388 - <!-- sistemas que adicionam camadas -->  
389 - <div class="list-group condensed"><div class="row-content text-left">  
390 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
391 - <label style="width: 265px;vertical-align: middle;">  
392 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
393 - <h4>{{{a11}}}</h4></a>  
394 - <h6>{{{descSistemas}}}</h6>  
395 - </label>  
396 - </div></div><hr>  
397 - <!-- navegacao em diretorios -->  
398 - <div class="list-group condensed"><div class="row-content text-left">  
399 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
400 - <label style="width: 265px;vertical-align: middle;">  
401 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
402 - <h4>{{{a6}}}</h4></a>  
403 - <h6>{{{descDir}}}</h6>  
404 - </label>  
405 - </div></div><hr>  
406 - </div>  
407 - </div>  
408 - <!-- Legenda -->  
409 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>  
410 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>  
411 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>  
412 - </div>  
413 - <!-- busca  
414 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
415 - No botao que dispara a busca, ficam os parametros de configuracao  
416 - 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  
417 - -->  
418 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>  
419 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
420 - <form>  
421 - <div class="form-group label-floating">  
422 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
423 - <div class="input-group">  
424 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
425 - <span class="input-group-btn">  
426 - <a onclick="i3GEO.busca.inicia(this);return false;"  
427 - data-templateGoogle="templates/buscaEmTemas.html"  
428 - data-inputGoogle="[name=google]"  
429 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle"  
430 - data-templateTemasMapa="templates/buscaEmTemas.html"  
431 - data-inputTemasMapa="[name=temasMapa]"  
432 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"  
433 - data-templateServico="templates/buscaEmServico.html"  
434 - data-ondeConteiner="#guia7obj"  
435 - data-inputOndePalavra="[name=valorBuscaRapida]"  
436 - data-inputServicosExternos="[name=servicosExternos]"  
437 - data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
438 - <span class="material-icons md-18">send</span>  
439 - </a>  
440 - </span>  
441 - </div>  
442 - </div>  
443 - <h4>{{{x37}}}:</h4>  
444 - <div class="form-inline" style="width:100%;">  
445 - <div class="list-group condensed">  
446 - <div class="checkbox text-left">  
447 - <label>  
448 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >  
449 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}  
450 - </label>  
451 - </div>  
452 - </div>  
453 - <div class="list-group condensed">  
454 - <div class="checkbox text-left">  
455 - <label>  
456 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
457 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}  
458 - </label>  
459 - </div>  
460 - </div>  
461 - <!-- Apenas para a interface google maps  
462 - <div class="list-group condensed">  
463 - <div class="checkbox text-left">  
464 - <label>  
465 - <input class="noprint" value="on" type="checkbox" name="google">  
466 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
467 - </label>  
468 - </div>  
469 - </div>  
470 - -->  
471 - </div>  
472 - </form>  
473 - <hr>  
474 - <div class="i3GEOresultadoBuscaServicos" ></div>  
475 - <div class="i3GEOresultadoBuscaTemasMapa" ></div>  
476 - <div class="i3GEOresultadoBuscaGoogle" ></div>  
477 - <div class="alert alert-info" role="alert">{{{x40}}}</div>  
478 - </div>  
479 - <!-- Ferramentas -->  
480 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>  
481 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
482 - <div class="form-inline" style="width:100%;">  
483 - <div class="text-center form-group" style="margin:4px;">  
484 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
485 - <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">  
486 - </a>  
487 - <h6>{{{d21at}}}</h6>  
488 - </div>  
489 - <div class="text-center form-group" style="margin:4px;">  
490 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
491 - <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">  
492 - </a>  
493 - <h6>{{{d21t}}}</h6>  
494 - </div>  
495 - <div class="text-center form-group" style="margin:4px;">  
496 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
497 - <img style="margin-top:4px;" src="../imagens/gisicons/select.png">  
498 - </a>  
499 - <h6>{{{d24t}}}</h6>  
500 - </div>  
501 - <div class="text-center form-group" style="margin:4px;">  
502 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
503 - <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">  
504 - </a>  
505 - <h6>{{{localiza}}}</h6>  
506 - </div>  
507 - </div>  
508 - <div class="clearfix"></div>  
509 - <hr>  
510 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
511 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
512 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
513 - </div>  
514 - </div>  
515 - </div>  
516 - </div>  
517 - <!-- templates -->  
518 -  
519 - <!-- para mostrar o banner de abertura, basta ter esse ID -->  
520 - <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">  
521 - <div>  
522 - <table>  
523 - <tr>  
524 - <td>  
525 - <div id=versaoi3geo></div>  
526 - <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas  
527 - interativos e geoprocessamento</h4>  
528 - <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o  
529 - Portal do Software P&uacute;blico Brasileiro</h4>  
530 - </td>  
531 - </tr>  
532 - </table>  
533 - <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">  
534 - <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">  
535 - <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">  
536 - <div>&nbsp;</div>  
537 - </div>  
538 - </script>  
539 - <script>  
540 - //inicia o mapa  
541 - //Veja config.php  
542 - i3GEO.init();  
543 - i3GEOF.metaestat.INTERFACE = "flutuante";  
544 - i3GEOF.metaestat.CONEXAODEFAULT = 1;  
545 - i3GEOF.metaestat.TOP = 50;  
546 - i3GEOF.metaestat.LEFT = 100;  
547 - i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ];  
548 -  
549 - i3GEOF.metaestat.inicia();  
550 - </script> 3 +<script>
  4 +window.location="carto_ol.htm" ;
  5 +</script>
  6 +<head>
  7 +<body>
551 </body> 8 </body>
552 -  
553 -</html> 9 +</html>
554 \ No newline at end of file 10 \ No newline at end of file
interface/black_gm.phtml
  Diff comments   View file @0fa9678
1 -<?php  
2 -include("../ms_configura.php");  
3 -?>  
4 -<!DOCTYPE html>  
5 <html> 1 <html>
6 <head> 2 <head>
7 -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">  
8 -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">  
9 -<meta name="viewport"  
10 - content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">  
11 -<title>i3GEO - GM</title>  
12 -<script type="text/javascript"  
13 - src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>  
14 -  
15 -<script src="../js/i3geo.js"></script>  
16 -<!-- lista com os links que serao mostrados na guia ferramentas -->  
17 -<script src="../js/listaDeFerramentas.js"></script>  
18 -<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->  
19 -<script src="config.php?tipo=GM"></script>  
20 -  
21 -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">  
22 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">  
23 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">  
24 -<!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->  
25 -<link rel="stylesheet" type="text/css" href="../css/default.css">  
26 -<style>  
27 -.ol-attribution img {  
28 - display: none;  
29 -}  
30 -  
31 -.ol-attribution.ol-uncollapsible {  
32 - height: 2.1em;  
33 - right: 24px;  
34 - background: none;  
35 - margin-bottom: 15px;  
36 -}  
37 -  
38 -.ol-i3GEOcontrols {  
39 - top: 2.8em;  
40 - left: 1em;  
41 - width: auto;  
42 -}  
43 -  
44 -.escalanumerica {  
45 - margin-left: 112px;  
46 - bottom:40px;  
47 -}  
48 -  
49 -.localizarxy {  
50 - bottom:5px;  
51 -}  
52 -  
53 -</style>  
54 -</head>  
55 - <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js  
56 - Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor  
57 - -->  
58 -<body id="i3geo" style='background: white; overflow: hidden;'>  
59 - <!-- inclui o nome do usuario logado  
60 - <div id="i3GEONomeLogin"  
61 - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>  
62 - -->  
63 - <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->  
64 - <div id="mapai3Geo" >  
65 - </div>  
66 - <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->  
67 - <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">  
68 - <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >  
69 - </form>  
70 -  
71 - <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->  
72 - <div class="localizarxy fundoRodape hidden-xs hidden-sm">  
73 - <div class="i3GeoMascaraCoord" style="display: block;">  
74 - <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">  
75 - <option>DMS:</option>  
76 - <option value="janela">janela</option>  
77 - <option value="geoProj">DMS</option>  
78 - <option value="dd">Déc. de grau</option>  
79 - <option value="geohash">GeoHash</option>  
80 - <option value="policonicaSad69">Polic SAD-69</option>  
81 - <option value="utmSad69Proj">UTM Sad-69</option>  
82 - <option value="utmSirgas2000Proj">UTM Sirgas</option>  
83 - </select>  
84 - </div>  
85 - <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">  
86 - X:  
87 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
88 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
89 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
90 - Y:  
91 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
92 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
93 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
94 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">  
95 - </div>  
96 - <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
97 - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
98 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">  
99 - </div>  
100 - <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
101 - GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">  
102 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">  
103 - </div>  
104 - <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
105 - X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">  
106 - Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">  
107 - </div>  
108 - <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
109 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">  
110 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
111 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">  
112 - </div>  
113 - <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
114 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
115 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
116 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">  
117 - </div>  
118 - </div>  
119 -  
120 - <!-- barra de ícones de navegacao -->  
121 - <div class="ol-i3GEOcontrols ol-control">  
122 - <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">  
123 - <img style="width:20px;" src="../imagens/gisicons/projection.png">  
124 - </button>  
125 - <button onclick="i3GEO.Interface.zoomli()" style="float: left;">  
126 - <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">  
127 - </button>  
128 - <br>  
129 - <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">  
130 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">  
131 - </button>  
132 - <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">  
133 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">  
134 - </button>  
135 - <br>  
136 - <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">  
137 - <img style="width:20px;" src="../imagens/gisicons/save1.png">  
138 - </button>  
139 - <button onclick="i3GEO.maparef.inicia()" style="float: left;">  
140 - <img style="width:20px;" src="../imagens/gisicons/map-reference.png">  
141 - </button>  
142 - </div>  
143 - <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->  
144 - <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
145 - <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">  
146 - </div>  
147 - </div>  
148 - <!--barra de aguarde id="i3GEObarraAguarde" -->  
149 - <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
150 - <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">  
151 - </div>  
152 - </div>  
153 - <!-- mensagem de copyright -->  
154 - <div id="i3GEOcopyright">i3Geo</div>  
155 - <!-- botoes laterais que abrem guias moveis -->  
156 - <div id="i3GEOguiaMovel" >  
157 - <!-- configuracao para todos os botoes  
158 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
159 - -->  
160 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">  
161 - <!-- ferramentas  
162 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
163 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
164 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
165 - -->  
166 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
167 - <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
168 - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">  
169 - </button>  
170 - </div>  
171 - <!-- temas existentes no mapa  
172 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
173 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
174 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
175 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
176 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
177 - -->  
178 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
179 - <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
180 - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">  
181 - </button>  
182 - </div>  
183 - <!-- catalogo de adicao de temas ao mapa  
184 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
185 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
186 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
187 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo  
188 -  
189 - Variaveis javascript:  
190 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
191 - -->  
192 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
193 - <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
194 - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">  
195 - </button>  
196 - </div>  
197 - <!-- legenda -->  
198 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
199 - <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
200 - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">  
201 - </button>  
202 - </div>  
203 - <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
204 - <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
205 - <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">  
206 - </button>  
207 - </div>  
208 - <!-- Busca -->  
209 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
210 - <button class="iconeGuiaMovel" style="box-shadow: none;">  
211 - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">  
212 - </button>  
213 - </div>  
214 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
215 - <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
216 - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">  
217 - </button>  
218 - </div>  
219 - <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
220 - <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
221 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
222 - </button>  
223 - </div>  
224 - </div>  
225 - <!-- veja i3GEO.guias.CONFIGURA -->  
226 - <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->  
227 - <!-- se height nao estiver definido sera utilizada a altura do mapa -->  
228 - <div id="i3GEOguiaMovelMolde" >  
229 - <div id="i3GEOguiaMovelConteudo" >  
230 - <!-- camadas existentes no mapa -->  
231 - <div id='guia1obj' data-traduzir="true" style='display: none;'>  
232 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>  
233 - <div class="btn-group noprint" >  
234 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
235 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
236 - <span class="caret"></span>  
237 - </a>  
238 - <ul class="dropdown-menu">  
239 - <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>  
240 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>  
241 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>  
242 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>  
243 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>  
244 - <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>  
245 - <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>  
246 - <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>  
247 - <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>  
248 - </ul>  
249 - </div>  
250 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
251 - <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>  
252 - <!-- Esta div acrescenta a lista de de camadas de fundo  
253 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
254 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
255 - no programa interface/config.php  
256 - -->  
257 - <div class="list-group condensed">  
258 - <label>Camadas de fundo</label>  
259 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >  
260 - <span class="caret"></span>  
261 - </a>  
262 - <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">  
263 - <form>  
264 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
265 - </form>  
266 - </div>  
267 - </div>  
268 - </div>  
269 - <!-- Catalogo de temas -->  
270 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>  
271 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>  
272 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
273 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
274 - <div id="catalogoNavegacao"></div>  
275 - <!-- Opcoes -->  
276 - <div id="catalogoPrincipal">  
277 - <div class="btn-group noprint" >  
278 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
279 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
280 - <span class="caret"></span>  
281 - </a>  
282 - <ul class="dropdown-menu">  
283 - <li>  
284 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>  
285 - </li>  
286 - <li class="divider"></li>  
287 - <li>  
288 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>  
289 - </li>  
290 - <li>  
291 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
292 - </li>  
293 - <li>  
294 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
295 - </li>  
296 - <li>  
297 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
298 - </li>  
299 - <li>  
300 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>  
301 - </li>  
302 - <li>  
303 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>  
304 - </li>  
305 - <li>  
306 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
307 - </li>  
308 - <li>  
309 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>  
310 - </li>  
311 - <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
312 - </li>  
313 - </ul>  
314 - </div>  
315 - <!-- busca tema no catalogo -->  
316 - <div class="form-group label-floating">  
317 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
318 - <div class="input-group">  
319 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
320 - <span class="input-group-btn">  
321 - <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
322 - <span class="material-icons md-18">send</span>  
323 - </a>  
324 - </span>  
325 - </div>  
326 - </div>  
327 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona  
328 - Nessa funcao ficam tambem os parametros:  
329 - "idOndeMenus": "catalogoMenus",  
330 - "idCatalogoPrincipal": "catalogoPrincipal",  
331 - "idCatalogoNavegacao": "catalogoNavegacao",  
332 - "idOndeMigalha": "catalogoMigalha"  
333 - -->  
334 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>  
335 -  
336 - <div id="arvoreAdicionaTema"></div>  
337 -  
338 - <!--  
339 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
340 - config: {  
341 - 'templateDir': 'templates/dir.html',  
342 - 'templateTema': 'templates/tema.html',  
343 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
344 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
345 - 'idOndeMigalha': 'catalogoMigalha'  
346 - }  
347 -  
348 - exemplo:  
349 -  
350 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
351 - -->  
352 -  
353 - <!-- servicos da INDE brasileira -->  
354 - <div class="list-group condensed"><div class="row-content text-left">  
355 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
356 - <label style="width: 265px;vertical-align: middle;">  
357 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
358 - <h4>INDE-Br</h4></a>  
359 - <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>  
360 - </label>  
361 - </div></div><hr>  
362 - <!-- lista de wms cadastrados no sistema de administracao -->  
363 - <div class="list-group condensed"><div class="row-content text-left">  
364 - <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
365 - <label style="width: 265px;vertical-align: middle;">  
366 - <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
367 - <h4>OGC-WMS</h4></a>  
368 - <h6>{{{descOgcWms}}}</h6>  
369 - </label>  
370 - </div></div><hr>  
371 - <!-- regioes cadastradas no sistema de metadados -->  
372 - <div class="list-group condensed"><div class="row-content text-left">  
373 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
374 - <label style="width: 265px;vertical-align: middle;">  
375 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
376 - <h4>{{{x87}}}</h4></a>  
377 - <h6>{{{descLimLoc}}}</h6>  
378 - </label>  
379 - </div></div><hr>  
380 - <!-- camadas que vem do sistema de metadados estatisticos -->  
381 - <div class="list-group condensed"><div class="row-content text-left">  
382 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
383 - <label style="width: 265px;vertical-align: middle;">  
384 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
385 - <h4>{{{x57}}}</h4></a>  
386 - <h6>{{{descMeta}}}</h6>  
387 - </label>  
388 - </div></div><hr>  
389 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
390 - <div class="list-group condensed"><div class="row-content text-left">  
391 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
392 - <label style="width: 265px;vertical-align: middle;">  
393 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
394 - <h4>{{{x90}}}</h4></a>  
395 - <h6>{{{descMapas}}}</h6>  
396 - </label>  
397 - </div></div><hr>  
398 - -->  
399 - <!-- camadas por estrelas -->  
400 - <div class="list-group condensed"><div class="row-content text-left">  
401 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
402 - <label style="width: 265px;vertical-align: middle;">  
403 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">  
404 - <h4>{{{t46}}}</h4></a>  
405 - <h6>{{{descEstrelas}}}</h6>  
406 - </label>  
407 - </div></div><hr>  
408 - <!-- sistemas que adicionam camadas -->  
409 - <div class="list-group condensed"><div class="row-content text-left">  
410 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
411 - <label style="width: 265px;vertical-align: middle;">  
412 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
413 - <h4>{{{a11}}}</h4></a>  
414 - <h6>{{{descSistemas}}}</h6>  
415 - </label>  
416 - </div></div><hr>  
417 - <!-- navegacao em diretorios -->  
418 - <div class="list-group condensed"><div class="row-content text-left">  
419 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
420 - <label style="width: 265px;vertical-align: middle;">  
421 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
422 - <h4>{{{a6}}}</h4></a>  
423 - <h6>{{{descDir}}}</h6>  
424 - </label>  
425 - </div></div><hr>  
426 - </div>  
427 - </div>  
428 - <!-- Legenda -->  
429 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>  
430 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>  
431 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>  
432 - </div>  
433 - <!-- busca  
434 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
435 - No botao que dispara a busca, ficam os parametros de configuracao  
436 - 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  
437 - -->  
438 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>  
439 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
440 - <form>  
441 - <div class="form-group label-floating">  
442 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
443 - <div class="input-group">  
444 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
445 - <span class="input-group-btn">  
446 - <a onclick="i3GEO.busca.inicia(this);return false;"  
447 - data-templateGoogle="templates/buscaEmTemas.html"  
448 - data-inputGoogle="[name=google]"  
449 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle"  
450 - data-templateTemasMapa="templates/buscaEmTemas.html"  
451 - data-inputTemasMapa="[name=temasMapa]"  
452 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"  
453 - data-templateServico="templates/buscaEmServico.html"  
454 - data-ondeConteiner="#guia7obj"  
455 - data-inputOndePalavra="[name=valorBuscaRapida]"  
456 - data-inputServicosExternos="[name=servicosExternos]"  
457 - data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
458 - <span class="material-icons md-18">send</span>  
459 - </a>  
460 - </span>  
461 - </div>  
462 - </div>  
463 - <h4>{{{x37}}}:</h4>  
464 - <div class="form-inline" style="width:100%;">  
465 - <div class="list-group condensed">  
466 - <div class="checkbox text-left">  
467 - <label>  
468 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >  
469 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}  
470 - </label>  
471 - </div>  
472 - </div>  
473 - <div class="list-group condensed">  
474 - <div class="checkbox text-left">  
475 - <label>  
476 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
477 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}  
478 - </label>  
479 - </div>  
480 - </div>  
481 - <!-- Apenas para a interface google maps -->  
482 - <div class="list-group condensed">  
483 - <div class="checkbox text-left">  
484 - <label>  
485 - <input class="noprint" value="on" type="checkbox" name="google">  
486 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
487 - </label>  
488 - </div>  
489 - </div>  
490 -  
491 - </div>  
492 - </form>  
493 - <hr>  
494 - <div class="i3GEOresultadoBuscaServicos" ></div>  
495 - <div class="i3GEOresultadoBuscaTemasMapa" ></div>  
496 - <div class="i3GEOresultadoBuscaGoogle" ></div>  
497 - <div class="alert alert-info" role="alert">{{{x40}}}</div>  
498 - </div>  
499 - <!-- Ferramentas -->  
500 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>  
501 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
502 - <div class="form-inline" style="width:100%;">  
503 - <div class="text-center form-group" style="margin:4px;">  
504 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
505 - <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">  
506 - </a>  
507 - <h6>{{{d21at}}}</h6>  
508 - </div>  
509 - <div class="text-center form-group" style="margin:4px;">  
510 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
511 - <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">  
512 - </a>  
513 - <h6>{{{d21t}}}</h6>  
514 - </div>  
515 - <div class="text-center form-group" style="margin:4px;">  
516 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
517 - <img style="margin-top:4px;" src="../imagens/gisicons/select.png">  
518 - </a>  
519 - <h6>{{{d24t}}}</h6>  
520 - </div>  
521 - <div class="text-center form-group" style="margin:4px;">  
522 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
523 - <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">  
524 - </a>  
525 - <h6>{{{localiza}}}</h6>  
526 - </div>  
527 - </div>  
528 - <div class="clearfix"></div>  
529 - <hr>  
530 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
531 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
532 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
533 - </div>  
534 - </div>  
535 - </div>  
536 - </div>  
537 - <!-- templates -->  
538 -  
539 - <!-- para mostrar o banner de abertura, basta ter esse ID -->  
540 - <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">  
541 - <div>  
542 - <table>  
543 - <tr>  
544 - <td>  
545 - <div id=versaoi3geo></div>  
546 - <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas  
547 - interativos e geoprocessamento</h4>  
548 - <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o  
549 - Portal do Software P&uacute;blico Brasileiro</h4>  
550 - </td>  
551 - </tr>  
552 - </table>  
553 - <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">  
554 - <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">  
555 - <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">  
556 - <div>&nbsp;</div>  
557 - </div>  
558 - </script>  
559 - <script>  
560 - //inicia o mapa  
561 - //Veja config.php  
562 - i3GEO.init();  
563 - </script> 3 +<script>
  4 +window.location="gm.phtml" ;
  5 +</script>
  6 +<head>
  7 +<body>
564 </body> 8 </body>
565 -  
566 -</html> 9 +</html>
567 \ No newline at end of file 10 \ No newline at end of file
interface/black_ol.htm
  Diff comments   View file @0fa9678
1 -<!DOCTYPE html>  
2 <html> 1 <html>
3 <head> 2 <head>
4 -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">  
5 -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">  
6 -<meta name="viewport"  
7 - content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">  
8 -<title>i3GEO - OpenLayers</title>  
9 -<script src="../pacotes/ol3/ol.js"></script>  
10 -<script src="../js/i3geo.js"></script>  
11 -<!-- lista com os links que serao mostrados na guia ferramentas -->  
12 -<script src="../js/listaDeFerramentas.js"></script>  
13 -<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->  
14 -<script src="config.php?tipo=OL"></script>  
15 -  
16 -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">  
17 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">  
18 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">  
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="../css/default.css">  
21 -<style>  
22 -.ol-attribution img {  
23 - display: none;  
24 -}  
25 -  
26 -.ol-attribution.ol-uncollapsible {  
27 - height: 2.1em;  
28 - right: 24px;  
29 - background: none;  
30 - margin-bottom: 15px;  
31 -}  
32 -  
33 -</style>  
34 -</head>  
35 - <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js  
36 - Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor  
37 - -->  
38 -<body id="i3geo" style='background: white;'>  
39 - <!-- inclui o nome do usuario logado  
40 - <div id="i3GEONomeLogin"  
41 - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>  
42 - -->  
43 - <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->  
44 - <div id="mapai3Geo" >  
45 - </div>  
46 - <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->  
47 - <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">  
48 - <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >  
49 - </form>  
50 -  
51 - <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->  
52 - <div class="localizarxy fundoRodape hidden-xs hidden-sm">  
53 - <div class="i3GeoMascaraCoord" style="display: block;">  
54 - <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">  
55 - <option>DMS:</option>  
56 - <option value="janela">janela</option>  
57 - <option value="geoProj">DMS</option>  
58 - <option value="dd">Déc. de grau</option>  
59 - <option value="geohash">GeoHash</option>  
60 - <option value="policonicaSad69">Polic SAD-69</option>  
61 - <option value="utmSad69Proj">UTM Sad-69</option>  
62 - <option value="utmSirgas2000Proj">UTM Sirgas</option>  
63 - </select>  
64 - </div>  
65 - <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">  
66 - X:  
67 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
68 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
69 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
70 - Y:  
71 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
72 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
73 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
74 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">  
75 - </div>  
76 - <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
77 - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
78 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">  
79 - </div>  
80 - <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">  
82 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">  
83 - </div>  
84 - <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">  
86 - Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">  
87 - </div>  
88 - <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">  
90 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
91 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">  
92 - </div>  
93 - <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
94 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
95 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
96 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">  
97 - </div>  
98 - </div>  
99 -  
100 - <!-- barra de ícones de navegacao -->  
101 - <div class="ol-i3GEOcontrols ol-control">  
102 - <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">  
103 - <img style="width:20px;" src="../imagens/gisicons/projection.png">  
104 - </button>  
105 - <button onclick="i3GEO.Interface.zoomli()" style="float: left;">  
106 - <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">  
107 - </button>  
108 - <br>  
109 - <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">  
110 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">  
111 - </button>  
112 - <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">  
113 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">  
114 - </button>  
115 - <br>  
116 - <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">  
117 - <img style="width:20px;" src="../imagens/gisicons/save1.png">  
118 - </button>  
119 - <button onclick="i3GEO.maparef.inicia()" style="float: left;">  
120 - <img style="width:20px;" src="../imagens/gisicons/map-reference.png">  
121 - </button>  
122 - </div>  
123 - <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->  
124 - <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
125 - <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">  
126 - </div>  
127 - </div>  
128 - <!--barra de aguarde id="i3GEObarraAguarde" -->  
129 - <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
130 - <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">  
131 - </div>  
132 - </div>  
133 - <!-- mensagem de copyright -->  
134 - <div id="i3GEOcopyright">i3Geo</div>  
135 - <!-- botoes laterais que abrem guias moveis -->  
136 - <div id="i3GEOguiaMovel" >  
137 - <!-- configuracao para todos os botoes  
138 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
139 - -->  
140 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">  
141 - <!-- ferramentas  
142 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
143 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
144 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
145 - -->  
146 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
147 - <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
148 - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">  
149 - </button>  
150 - </div>  
151 - <!-- temas existentes no mapa  
152 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
153 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
154 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
155 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
156 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
157 - -->  
158 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
159 - <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
160 - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">  
161 - </button>  
162 - </div>  
163 - <!-- catalogo de adicao de temas ao mapa  
164 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
165 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
166 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
167 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo  
168 -  
169 - Variaveis javascript:  
170 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
171 - -->  
172 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
173 - <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
174 - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">  
175 - </button>  
176 - </div>  
177 - <!-- legenda -->  
178 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
179 - <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
180 - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">  
181 - </button>  
182 - </div>  
183 - <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
184 - <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
185 - <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">  
186 - </button>  
187 - </div>  
188 - <!-- Busca -->  
189 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
190 - <button class="iconeGuiaMovel" style="box-shadow: none;">  
191 - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">  
192 - </button>  
193 - </div>  
194 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
195 - <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
196 - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">  
197 - </button>  
198 - </div>  
199 - <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
200 - <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
201 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
202 - </button>  
203 - </div>  
204 - </div>  
205 - <!-- veja i3GEO.guias.CONFIGURA -->  
206 - <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->  
207 - <!-- se height nao estiver definido sera utilizada a altura do mapa -->  
208 - <div id="i3GEOguiaMovelMolde" >  
209 - <div id="i3GEOguiaMovelConteudo" >  
210 - <!-- camadas existentes no mapa -->  
211 - <div id='guia1obj' data-traduzir="true" style='display: none;'>  
212 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>  
213 - <div class="btn-group noprint" >  
214 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
215 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
216 - <span class="caret"></span>  
217 - </a>  
218 - <ul class="dropdown-menu">  
219 - <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>  
220 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>  
221 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>  
222 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>  
223 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>  
224 - <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>  
225 - <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>  
226 - <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>  
227 - <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>  
228 - </ul>  
229 - </div>  
230 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
231 - <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>  
232 - <!-- Esta div acrescenta a lista de de camadas de fundo  
233 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
234 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
235 - no programa interface/config.php  
236 - -->  
237 - <div class="list-group condensed">  
238 - <label>Camadas de fundo</label>  
239 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >  
240 - <span class="caret"></span>  
241 - </a>  
242 - <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">  
243 - <form>  
244 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
245 - </form>  
246 - </div>  
247 - </div>  
248 - </div>  
249 - <!-- Catalogo de temas -->  
250 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>  
251 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>  
252 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
253 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
254 - <div id="catalogoNavegacao"></div>  
255 - <!-- Opcoes -->  
256 - <div id="catalogoPrincipal">  
257 - <div class="btn-group noprint" >  
258 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
259 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
260 - <span class="caret"></span>  
261 - </a>  
262 - <ul class="dropdown-menu">  
263 - <li>  
264 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>  
265 - </li>  
266 - <li class="divider"></li>  
267 - <li>  
268 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>  
269 - </li>  
270 - <li>  
271 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
272 - </li>  
273 - <li>  
274 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
275 - </li>  
276 - <li>  
277 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
278 - </li>  
279 - <li>  
280 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>  
281 - </li>  
282 - <li>  
283 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>  
284 - </li>  
285 - <li>  
286 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
287 - </li>  
288 - <li>  
289 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>  
290 - </li>  
291 - <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
292 - </li>  
293 - </ul>  
294 - </div>  
295 - <!-- busca tema no catalogo -->  
296 - <div class="form-group label-floating">  
297 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
298 - <div class="input-group">  
299 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
300 - <span class="input-group-btn">  
301 - <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
302 - <span class="material-icons md-18">send</span>  
303 - </a>  
304 - </span>  
305 - </div>  
306 - </div>  
307 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona  
308 - Nessa funcao ficam tambem os parametros:  
309 - "idOndeMenus": "catalogoMenus",  
310 - "idCatalogoPrincipal": "catalogoPrincipal",  
311 - "idCatalogoNavegacao": "catalogoNavegacao",  
312 - "idOndeMigalha": "catalogoMigalha"  
313 - -->  
314 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>  
315 -  
316 - <div id="arvoreAdicionaTema"></div>  
317 -  
318 - <!--  
319 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
320 - config: {  
321 - 'templateDir': 'templates/dir.html',  
322 - 'templateTema': 'templates/tema.html',  
323 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
324 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
325 - 'idOndeMigalha': 'catalogoMigalha'  
326 - }  
327 -  
328 - exemplo:  
329 -  
330 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
331 - -->  
332 -  
333 - <!-- servicos da INDE brasileira -->  
334 - <div class="list-group condensed"><div class="row-content text-left">  
335 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
336 - <label style="width: 265px;vertical-align: middle;">  
337 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
338 - <h4>INDE-Br</h4></a>  
339 - <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>  
340 - </label>  
341 - </div></div><hr>  
342 - <!-- lista de wms cadastrados no sistema de administracao -->  
343 - <div class="list-group condensed"><div class="row-content text-left">  
344 - <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
345 - <label style="width: 265px;vertical-align: middle;">  
346 - <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
347 - <h4>OGC-WMS</h4></a>  
348 - <h6>{{{descOgcWms}}}</h6>  
349 - </label>  
350 - </div></div><hr>  
351 - <!-- regioes cadastradas no sistema de metadados -->  
352 - <div class="list-group condensed"><div class="row-content text-left">  
353 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
354 - <label style="width: 265px;vertical-align: middle;">  
355 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
356 - <h4>{{{x87}}}</h4></a>  
357 - <h6>{{{descLimLoc}}}</h6>  
358 - </label>  
359 - </div></div><hr>  
360 - <!-- camadas que vem do sistema de metadados estatisticos -->  
361 - <div class="list-group condensed"><div class="row-content text-left">  
362 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
363 - <label style="width: 265px;vertical-align: middle;">  
364 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
365 - <h4>{{{x57}}}</h4></a>  
366 - <h6>{{{descMeta}}}</h6>  
367 - </label>  
368 - </div></div><hr>  
369 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
370 - <div class="list-group condensed"><div class="row-content text-left">  
371 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
372 - <label style="width: 265px;vertical-align: middle;">  
373 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
374 - <h4>{{{x90}}}</h4></a>  
375 - <h6>{{{descMapas}}}</h6>  
376 - </label>  
377 - </div></div><hr>  
378 - -->  
379 - <!-- camadas por estrelas -->  
380 - <div class="list-group condensed"><div class="row-content text-left">  
381 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
382 - <label style="width: 265px;vertical-align: middle;">  
383 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">  
384 - <h4>{{{t46}}}</h4></a>  
385 - <h6>{{{descEstrelas}}}</h6>  
386 - </label>  
387 - </div></div><hr>  
388 - <!-- sistemas que adicionam camadas -->  
389 - <div class="list-group condensed"><div class="row-content text-left">  
390 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
391 - <label style="width: 265px;vertical-align: middle;">  
392 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
393 - <h4>{{{a11}}}</h4></a>  
394 - <h6>{{{descSistemas}}}</h6>  
395 - </label>  
396 - </div></div><hr>  
397 - <!-- navegacao em diretorios -->  
398 - <div class="list-group condensed"><div class="row-content text-left">  
399 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
400 - <label style="width: 265px;vertical-align: middle;">  
401 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
402 - <h4>{{{a6}}}</h4></a>  
403 - <h6>{{{descDir}}}</h6>  
404 - </label>  
405 - </div></div><hr>  
406 - </div>  
407 - </div>  
408 - <!-- Legenda -->  
409 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>  
410 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>  
411 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>  
412 - </div>  
413 - <!-- busca  
414 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
415 - No botao que dispara a busca, ficam os parametros de configuracao  
416 - 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  
417 - -->  
418 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>  
419 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
420 - <form>  
421 - <div class="form-group label-floating">  
422 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
423 - <div class="input-group">  
424 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
425 - <span class="input-group-btn">  
426 - <a onclick="i3GEO.busca.inicia(this);return false;"  
427 - data-templateGoogle="templates/buscaEmTemas.html"  
428 - data-inputGoogle="[name=google]"  
429 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle"  
430 - data-templateTemasMapa="templates/buscaEmTemas.html"  
431 - data-inputTemasMapa="[name=temasMapa]"  
432 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"  
433 - data-templateServico="templates/buscaEmServico.html"  
434 - data-ondeConteiner="#guia7obj"  
435 - data-inputOndePalavra="[name=valorBuscaRapida]"  
436 - data-inputServicosExternos="[name=servicosExternos]"  
437 - data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
438 - <span class="material-icons md-18">send</span>  
439 - </a>  
440 - </span>  
441 - </div>  
442 - </div>  
443 - <h4>{{{x37}}}:</h4>  
444 - <div class="form-inline" style="width:100%;">  
445 - <div class="list-group condensed">  
446 - <div class="checkbox text-left">  
447 - <label>  
448 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >  
449 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}  
450 - </label>  
451 - </div>  
452 - </div>  
453 - <div class="list-group condensed">  
454 - <div class="checkbox text-left">  
455 - <label>  
456 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
457 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}  
458 - </label>  
459 - </div>  
460 - </div>  
461 - <!-- Apenas para a interface google maps  
462 - <div class="list-group condensed">  
463 - <div class="checkbox text-left">  
464 - <label>  
465 - <input class="noprint" value="on" type="checkbox" name="google">  
466 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
467 - </label>  
468 - </div>  
469 - </div>  
470 - -->  
471 - </div>  
472 - </form>  
473 - <hr>  
474 - <div class="i3GEOresultadoBuscaServicos" ></div>  
475 - <div class="i3GEOresultadoBuscaTemasMapa" ></div>  
476 - <div class="i3GEOresultadoBuscaGoogle" ></div>  
477 - <div class="alert alert-info" role="alert">{{{x40}}}</div>  
478 - </div>  
479 - <!-- Ferramentas -->  
480 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>  
481 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
482 - <div class="form-inline" style="width:100%;">  
483 - <div class="text-center form-group" style="margin:4px;">  
484 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
485 - <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">  
486 - </a>  
487 - <h6>{{{d21at}}}</h6>  
488 - </div>  
489 - <div class="text-center form-group" style="margin:4px;">  
490 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
491 - <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">  
492 - </a>  
493 - <h6>{{{d21t}}}</h6>  
494 - </div>  
495 - <div class="text-center form-group" style="margin:4px;">  
496 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
497 - <img style="margin-top:4px;" src="../imagens/gisicons/select.png">  
498 - </a>  
499 - <h6>{{{d24t}}}</h6>  
500 - </div>  
501 - <div class="text-center form-group" style="margin:4px;">  
502 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
503 - <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">  
504 - </a>  
505 - <h6>{{{localiza}}}</h6>  
506 - </div>  
507 - </div>  
508 - <div class="clearfix"></div>  
509 - <hr>  
510 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
511 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
512 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
513 - </div>  
514 - </div>  
515 - </div>  
516 - </div>  
517 - <!-- templates -->  
518 -  
519 - <!-- para mostrar o banner de abertura, basta ter esse ID -->  
520 - <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">  
521 - <div>  
522 - <table>  
523 - <tr>  
524 - <td>  
525 - <div id=versaoi3geo></div>  
526 - <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas  
527 - interativos e geoprocessamento</h4>  
528 - <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o  
529 - Portal do Software P&uacute;blico Brasileiro</h4>  
530 - </td>  
531 - </tr>  
532 - </table>  
533 - <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">  
534 - <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">  
535 - <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">  
536 - <div>&nbsp;</div>  
537 - </div>  
538 - </script>  
539 - <script>  
540 - //inicia o mapa  
541 - //Veja config.php  
542 - i3GEO.init();  
543 - </script> 3 +<script>
  4 +window.location="ol.htm" ;
  5 +</script>
  6 +<head>
  7 +<body>
544 </body> 8 </body>
545 -  
546 -</html> 9 +</html>
547 \ No newline at end of file 10 \ No newline at end of file
interface/black_osm.htm
  Diff comments   View file @0fa9678
1 -<!DOCTYPE html>  
2 <html> 1 <html>
3 <head> 2 <head>
4 -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">  
5 -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">  
6 -<meta name="viewport"  
7 - content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">  
8 -<title>i3GEO - OpenLayers</title>  
9 -<script src="../pacotes/ol3/ol.js"></script>  
10 -<script src="../js/i3geo.js"></script>  
11 -<!-- lista com os links que serao mostrados na guia ferramentas -->  
12 -<script src="../js/listaDeFerramentas.js"></script>  
13 -<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->  
14 -<script src="config.php?tipo=OSM"></script>  
15 -  
16 -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">  
17 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">  
18 -<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">  
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="../css/default.css">  
21 -<style>  
22 -.ol-attribution img {  
23 - display: none;  
24 -}  
25 -  
26 -.ol-attribution.ol-uncollapsible {  
27 - height: 2.1em;  
28 - right: 24px;  
29 - background: none;  
30 - margin-bottom: 15px;  
31 -}  
32 -  
33 -</style>  
34 -</head>  
35 - <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js  
36 - Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor  
37 - -->  
38 -<body id="i3geo" style='background: white;'>  
39 - <!-- inclui o nome do usuario logado  
40 - <div id="i3GEONomeLogin"  
41 - style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>  
42 - -->  
43 - <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->  
44 - <div id="mapai3Geo" >  
45 - </div>  
46 - <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->  
47 - <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">  
48 - <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >  
49 - </form>  
50 -  
51 - <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->  
52 - <div class="localizarxy fundoRodape hidden-xs hidden-sm">  
53 - <div class="i3GeoMascaraCoord" style="display: block;">  
54 - <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">  
55 - <option>DMS:</option>  
56 - <option value="janela">janela</option>  
57 - <option value="geoProj">DMS</option>  
58 - <option value="dd">Déc. de grau</option>  
59 - <option value="geohash">GeoHash</option>  
60 - <option value="policonicaSad69">Polic SAD-69</option>  
61 - <option value="utmSad69Proj">UTM Sad-69</option>  
62 - <option value="utmSirgas2000Proj">UTM Sirgas</option>  
63 - </select>  
64 - </div>  
65 - <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">  
66 - X:  
67 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">  
68 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">  
69 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">  
70 - Y:  
71 - <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">  
72 - <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">  
73 - <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">  
74 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">  
75 - </div>  
76 - <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
77 - X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">  
78 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">  
79 - </div>  
80 - <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">  
82 - <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">  
83 - </div>  
84 - <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">  
86 - Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">  
87 - </div>  
88 - <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">  
90 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">  
91 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">  
92 - </div>  
93 - <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">  
94 - X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">  
95 - Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">  
96 - Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">  
97 - </div>  
98 - </div>  
99 -  
100 - <!-- barra de ícones de navegacao -->  
101 - <div class="ol-i3GEOcontrols ol-control">  
102 - <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">  
103 - <img style="width:20px;" src="../imagens/gisicons/projection.png">  
104 - </button>  
105 - <button onclick="i3GEO.Interface.zoomli()" style="float: left;">  
106 - <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">  
107 - </button>  
108 - <br>  
109 - <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">  
110 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">  
111 - </button>  
112 - <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">  
113 - <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">  
114 - </button>  
115 - <br>  
116 - <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">  
117 - <img style="width:20px;" src="../imagens/gisicons/save1.png">  
118 - </button>  
119 - <button onclick="i3GEO.maparef.inicia()" style="float: left;">  
120 - <img style="width:20px;" src="../imagens/gisicons/map-reference.png">  
121 - </button>  
122 - </div>  
123 - <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->  
124 - <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
125 - <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">  
126 - </div>  
127 - </div>  
128 - <!--barra de aguarde id="i3GEObarraAguarde" -->  
129 - <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">  
130 - <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">  
131 - </div>  
132 - </div>  
133 - <!-- mensagem de copyright -->  
134 - <div id="i3GEOcopyright">i3Geo</div>  
135 - <!-- botoes laterais que abrem guias moveis -->  
136 - <div id="i3GEOguiaMovel" >  
137 - <!-- configuracao para todos os botoes  
138 - data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado  
139 - -->  
140 - <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">  
141 - <!-- ferramentas  
142 - data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel  
143 - data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta  
144 - data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior  
145 - -->  
146 - <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">  
147 - <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
148 - <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">  
149 - </button>  
150 - </div>  
151 - <!-- temas existentes no mapa  
152 - data-idListaDeCamadas - id onde sera incluida a lista de camadas  
153 - data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)  
154 - data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,  
155 - inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende  
156 - do metadata existente na camada. Deixe vazio para nao ativar a operacao.  
157 - -->  
158 - <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">  
159 - <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
160 - <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">  
161 - </button>  
162 - </div>  
163 - <!-- catalogo de adicao de temas ao mapa  
164 - data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo  
165 - data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao  
166 - data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal  
167 - data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo  
168 -  
169 - Variaveis javascript:  
170 - i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.  
171 - -->  
172 - <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">  
173 - <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
174 - <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">  
175 - </button>  
176 - </div>  
177 - <!-- legenda -->  
178 - <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">  
179 - <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
180 - <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">  
181 - </button>  
182 - </div>  
183 - <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">  
184 - <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
185 - <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">  
186 - </button>  
187 - </div>  
188 - <!-- Busca -->  
189 - <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">  
190 - <button class="iconeGuiaMovel" style="box-shadow: none;">  
191 - <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">  
192 - </button>  
193 - </div>  
194 - <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >  
195 - <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
196 - <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">  
197 - </button>  
198 - </div>  
199 - <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">  
200 - <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">  
201 - <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">  
202 - </button>  
203 - </div>  
204 - </div>  
205 - <!-- veja i3GEO.guias.CONFIGURA -->  
206 - <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->  
207 - <!-- se height nao estiver definido sera utilizada a altura do mapa -->  
208 - <div id="i3GEOguiaMovelMolde" >  
209 - <div id="i3GEOguiaMovelConteudo" >  
210 - <!-- camadas existentes no mapa -->  
211 - <div id='guia1obj' data-traduzir="true" style='display: none;'>  
212 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>  
213 - <div class="btn-group noprint" >  
214 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
215 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
216 - <span class="caret"></span>  
217 - </a>  
218 - <ul class="dropdown-menu">  
219 - <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>  
220 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>  
221 - <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>  
222 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>  
223 - <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>  
224 - <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>  
225 - <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>  
226 - <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>  
227 - <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>  
228 - </ul>  
229 - </div>  
230 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
231 - <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>  
232 - <!-- Esta div acrescenta a lista de de camadas de fundo  
233 - A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS  
234 - Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida  
235 - no programa interface/config.php  
236 - -->  
237 - <div class="list-group condensed">  
238 - <label>Camadas de fundo</label>  
239 - <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >  
240 - <span class="caret"></span>  
241 - </a>  
242 - <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">  
243 - <form>  
244 - <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>  
245 - </form>  
246 - </div>  
247 - </div>  
248 - </div>  
249 - <!-- Catalogo de temas -->  
250 - <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>  
251 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>  
252 - <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->  
253 - <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>  
254 - <div id="catalogoNavegacao"></div>  
255 - <!-- Opcoes -->  
256 - <div id="catalogoPrincipal">  
257 - <div class="btn-group noprint" >  
258 - <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>  
259 - <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">  
260 - <span class="caret"></span>  
261 - </a>  
262 - <ul class="dropdown-menu">  
263 - <li>  
264 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>  
265 - </li>  
266 - <li class="divider"></li>  
267 - <li>  
268 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>  
269 - </li>  
270 - <li>  
271 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>  
272 - </li>  
273 - <li>  
274 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>  
275 - </li>  
276 - <li>  
277 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>  
278 - </li>  
279 - <li>  
280 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>  
281 - </li>  
282 - <li>  
283 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>  
284 - </li>  
285 - <li>  
286 - <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>  
287 - </li>  
288 - <li>  
289 - <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>  
290 - </li>  
291 - <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>  
292 - </li>  
293 - </ul>  
294 - </div>  
295 - <!-- busca tema no catalogo -->  
296 - <div class="form-group label-floating">  
297 - <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>  
298 - <div class="input-group">  
299 - <input id="i3GEObuscatema" class="form-control" type="text" value="">  
300 - <span class="input-group-btn">  
301 - <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
302 - <span class="material-icons md-18">send</span>  
303 - </a>  
304 - </span>  
305 - </div>  
306 - </div>  
307 - <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona  
308 - Nessa funcao ficam tambem os parametros:  
309 - "idOndeMenus": "catalogoMenus",  
310 - "idCatalogoPrincipal": "catalogoPrincipal",  
311 - "idCatalogoNavegacao": "catalogoNavegacao",  
312 - "idOndeMigalha": "catalogoMigalha"  
313 - -->  
314 - <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>  
315 -  
316 - <div id="arvoreAdicionaTema"></div>  
317 -  
318 - <!--  
319 - As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:  
320 - config: {  
321 - 'templateDir': 'templates/dir.html',  
322 - 'templateTema': 'templates/tema.html',  
323 - 'idCatalogoPrincipal': 'catalogoPrincipal',  
324 - 'idCatalogoNavegacao': 'catalogoNavegacao',  
325 - 'idOndeMigalha': 'catalogoMigalha'  
326 - }  
327 -  
328 - exemplo:  
329 -  
330 - onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"  
331 - -->  
332 -  
333 - <!-- servicos da INDE brasileira -->  
334 - <div class="list-group condensed"><div class="row-content text-left">  
335 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
336 - <label style="width: 265px;vertical-align: middle;">  
337 - <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">  
338 - <h4>INDE-Br</h4></a>  
339 - <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>  
340 - </label>  
341 - </div></div><hr>  
342 - <!-- lista de wms cadastrados no sistema de administracao -->  
343 - <div class="list-group condensed"><div class="row-content text-left">  
344 - <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
345 - <label style="width: 265px;vertical-align: middle;">  
346 - <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">  
347 - <h4>OGC-WMS</h4></a>  
348 - <h6>{{{descOgcWms}}}</h6>  
349 - </label>  
350 - </div></div><hr>  
351 - <!-- regioes cadastradas no sistema de metadados -->  
352 - <div class="list-group condensed"><div class="row-content text-left">  
353 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
354 - <label style="width: 265px;vertical-align: middle;">  
355 - <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">  
356 - <h4>{{{x87}}}</h4></a>  
357 - <h6>{{{descLimLoc}}}</h6>  
358 - </label>  
359 - </div></div><hr>  
360 - <!-- camadas que vem do sistema de metadados estatisticos -->  
361 - <div class="list-group condensed"><div class="row-content text-left">  
362 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
363 - <label style="width: 265px;vertical-align: middle;">  
364 - <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">  
365 - <h4>{{{x57}}}</h4></a>  
366 - <h6>{{{descMeta}}}</h6>  
367 - </label>  
368 - </div></div><hr>  
369 - <!-- mapas cadastrados no sistema de administracao (nao funcional)  
370 - <div class="list-group condensed"><div class="row-content text-left">  
371 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
372 - <label style="width: 265px;vertical-align: middle;">  
373 - <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">  
374 - <h4>{{{x90}}}</h4></a>  
375 - <h6>{{{descMapas}}}</h6>  
376 - </label>  
377 - </div></div><hr>  
378 - -->  
379 - <!-- camadas por estrelas -->  
380 - <div class="list-group condensed"><div class="row-content text-left">  
381 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
382 - <label style="width: 265px;vertical-align: middle;">  
383 - <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">  
384 - <h4>{{{t46}}}</h4></a>  
385 - <h6>{{{descEstrelas}}}</h6>  
386 - </label>  
387 - </div></div><hr>  
388 - <!-- sistemas que adicionam camadas -->  
389 - <div class="list-group condensed"><div class="row-content text-left">  
390 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
391 - <label style="width: 265px;vertical-align: middle;">  
392 - <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">  
393 - <h4>{{{a11}}}</h4></a>  
394 - <h6>{{{descSistemas}}}</h6>  
395 - </label>  
396 - </div></div><hr>  
397 - <!-- navegacao em diretorios -->  
398 - <div class="list-group condensed"><div class="row-content text-left">  
399 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>  
400 - <label style="width: 265px;vertical-align: middle;">  
401 - <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">  
402 - <h4>{{{a6}}}</h4></a>  
403 - <h6>{{{descDir}}}</h6>  
404 - </label>  
405 - </div></div><hr>  
406 - </div>  
407 - </div>  
408 - <!-- Legenda -->  
409 - <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>  
410 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>  
411 - <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>  
412 - </div>  
413 - <!-- busca  
414 - Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google  
415 - No botao que dispara a busca, ficam os parametros de configuracao  
416 - 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  
417 - -->  
418 - <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>  
419 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
420 - <form>  
421 - <div class="form-group label-floating">  
422 - <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>  
423 - <div class="input-group">  
424 - <input class="form-control" type="text" value="" name="valorBuscaRapida">  
425 - <span class="input-group-btn">  
426 - <a onclick="i3GEO.busca.inicia(this);return false;"  
427 - data-templateGoogle="templates/buscaEmTemas.html"  
428 - data-inputGoogle="[name=google]"  
429 - data-ondeGoogle=".i3GEOresultadoBuscaGoogle"  
430 - data-templateTemasMapa="templates/buscaEmTemas.html"  
431 - data-inputTemasMapa="[name=temasMapa]"  
432 - data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"  
433 - data-templateServico="templates/buscaEmServico.html"  
434 - data-ondeConteiner="#guia7obj"  
435 - data-inputOndePalavra="[name=valorBuscaRapida]"  
436 - data-inputServicosExternos="[name=servicosExternos]"  
437 - data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">  
438 - <span class="material-icons md-18">send</span>  
439 - </a>  
440 - </span>  
441 - </div>  
442 - </div>  
443 - <h4>{{{x37}}}:</h4>  
444 - <div class="form-inline" style="width:100%;">  
445 - <div class="list-group condensed">  
446 - <div class="checkbox text-left">  
447 - <label>  
448 - <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >  
449 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}  
450 - </label>  
451 - </div>  
452 - </div>  
453 - <div class="list-group condensed">  
454 - <div class="checkbox text-left">  
455 - <label>  
456 - <input class="noprint" value="on" type="checkbox" name="temasMapa">  
457 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}  
458 - </label>  
459 - </div>  
460 - </div>  
461 - <!-- Apenas para a interface google maps  
462 - <div class="list-group condensed">  
463 - <div class="checkbox text-left">  
464 - <label>  
465 - <input class="noprint" value="on" type="checkbox" name="google">  
466 - <span class="checkbox-material noprint"><span class="check"></span></span> Google  
467 - </label>  
468 - </div>  
469 - </div>  
470 - -->  
471 - </div>  
472 - </form>  
473 - <hr>  
474 - <div class="i3GEOresultadoBuscaServicos" ></div>  
475 - <div class="i3GEOresultadoBuscaTemasMapa" ></div>  
476 - <div class="i3GEOresultadoBuscaGoogle" ></div>  
477 - <div class="alert alert-info" role="alert">{{{x40}}}</div>  
478 - </div>  
479 - <!-- Ferramentas -->  
480 - <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>  
481 - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>  
482 - <div class="form-inline" style="width:100%;">  
483 - <div class="text-center form-group" style="margin:4px;">  
484 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
485 - <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">  
486 - </a>  
487 - <h6>{{{d21at}}}</h6>  
488 - </div>  
489 - <div class="text-center form-group" style="margin:4px;">  
490 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
491 - <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">  
492 - </a>  
493 - <h6>{{{d21t}}}</h6>  
494 - </div>  
495 - <div class="text-center form-group" style="margin:4px;">  
496 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
497 - <img style="margin-top:4px;" src="../imagens/gisicons/select.png">  
498 - </a>  
499 - <h6>{{{d24t}}}</h6>  
500 - </div>  
501 - <div class="text-center form-group" style="margin:4px;">  
502 - <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">  
503 - <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">  
504 - </a>  
505 - <h6>{{{localiza}}}</h6>  
506 - </div>  
507 - </div>  
508 - <div class="clearfix"></div>  
509 - <hr>  
510 - <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>  
511 - <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>  
512 - <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>  
513 - </div>  
514 - </div>  
515 - </div>  
516 - </div>  
517 - <!-- templates -->  
518 -  
519 - <!-- para mostrar o banner de abertura, basta ter esse ID -->  
520 - <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">  
521 - <div>  
522 - <table>  
523 - <tr>  
524 - <td>  
525 - <div id=versaoi3geo></div>  
526 - <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas  
527 - interativos e geoprocessamento</h4>  
528 - <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o  
529 - Portal do Software P&uacute;blico Brasileiro</h4>  
530 - </td>  
531 - </tr>  
532 - </table>  
533 - <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">  
534 - <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">  
535 - <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">  
536 - <div>&nbsp;</div>  
537 - </div>  
538 - </script>  
539 - <script>  
540 - //inicia o mapa  
541 - //Veja config.php  
542 - i3GEO.init();  
543 - </script> 3 +<script>
  4 +window.location="osm.htm" ;
  5 +</script>
  6 +<head>
  7 +<body>
544 </body> 8 </body>
545 -  
546 -</html> 9 +</html>
547 \ No newline at end of file 10 \ No newline at end of file
interface/carto_ol.htm 0 → 100755
  Diff comments   View file @0fa9678
@@ -0,0 +1,553 @@ @@ -0,0 +1,553 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<meta name="viewport"
  7 + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
  8 +<title>i3GEO - OpenLayers</title>
  9 +<script src="../pacotes/ol3/ol.js"></script>
  10 +<script src="../js/i3geonaocompacto.js"></script>
  11 +<!-- lista com os links que serao mostrados na guia ferramentas -->
  12 +<script src="../js/listaDeFerramentas.js"></script>
  13 +<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
  14 +<script src="config.php?tipo=OL"></script>
  15 +<script src="../ferramentas/metaestat/index.js"></script>
  16 +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
  17 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
  18 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
  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="../css/default.css">
  21 +<style>
  22 +.ol-attribution img {
  23 + display: none;
  24 +}
  25 +
  26 +.ol-attribution.ol-uncollapsible {
  27 + height: 2.1em;
  28 + right: 24px;
  29 + background: none;
  30 + margin-bottom: 15px;
  31 +}
  32 +
  33 +</style>
  34 +</head>
  35 + <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  36 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  37 + -->
  38 +<body id="i3geo" style='background: white;'>
  39 + <!-- inclui o nome do usuario logado
  40 + <div id="i3GEONomeLogin"
  41 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  42 + -->
  43 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->
  44 + <div id="mapai3Geo" >
  45 + </div>
  46 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  47 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  48 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >
  49 + </form>
  50 +
  51 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  52 + <div class="localizarxy fundoRodape hidden-xs hidden-sm">
  53 + <div class="i3GeoMascaraCoord" style="display: block;">
  54 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  55 + <option>DMS:</option>
  56 + <option value="janela">janela</option>
  57 + <option value="geoProj">DMS</option>
  58 + <option value="dd">Déc. de grau</option>
  59 + <option value="geohash">GeoHash</option>
  60 + <option value="policonicaSad69">Polic SAD-69</option>
  61 + <option value="utmSad69Proj">UTM Sad-69</option>
  62 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  63 + </select>
  64 + </div>
  65 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
  66 + X:
  67 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  68 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  69 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  70 + Y:
  71 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  72 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  73 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  74 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  75 + </div>
  76 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  77 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  78 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  79 + </div>
  80 + <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">
  82 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  83 + </div>
  84 + <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">
  86 + Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
  87 + </div>
  88 + <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">
  90 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  91 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  92 + </div>
  93 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  94 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  95 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  96 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  97 + </div>
  98 + </div>
  99 +
  100 + <!-- barra de ícones de navegacao -->
  101 + <div class="ol-i3GEOcontrols ol-control">
  102 + <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  103 + <img style="width:20px;" src="../imagens/gisicons/projection.png">
  104 + </button>
  105 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  106 + <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">
  107 + </button>
  108 + <br>
  109 + <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  110 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">
  111 + </button>
  112 + <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  113 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">
  114 + </button>
  115 + <br>
  116 + <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  117 + <img style="width:20px;" src="../imagens/gisicons/save1.png">
  118 + </button>
  119 + <button onclick="i3GEO.maparef.inicia()" style="float: left;">
  120 + <img style="width:20px;" src="../imagens/gisicons/map-reference.png">
  121 + </button>
  122 + </div>
  123 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  124 + <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  125 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
  126 + </div>
  127 + </div>
  128 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  129 + <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  130 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
  131 + </div>
  132 + </div>
  133 + <!-- mensagem de copyright -->
  134 + <div id="i3GEOcopyright">i3Geo</div>
  135 + <!-- botoes laterais que abrem guias moveis -->
  136 + <div id="i3GEOguiaMovel" >
  137 + <!-- configuracao para todos os botoes
  138 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  139 + -->
  140 + <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
  141 + <!-- ferramentas
  142 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  143 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  144 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  145 + -->
  146 + <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  147 + <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  148 + <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  149 + </button>
  150 + </div>
  151 + <!-- temas existentes no mapa
  152 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  153 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  154 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  155 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  156 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  157 + -->
  158 + <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  159 + <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  160 + <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  161 + </button>
  162 + </div>
  163 + <!-- catalogo de adicao de temas ao mapa
  164 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  165 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  166 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  167 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
  168 +
  169 + Variaveis javascript:
  170 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  171 + -->
  172 + <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  173 + <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  174 + <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  175 + </button>
  176 + </div>
  177 + <!-- legenda -->
  178 + <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  179 + <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  180 + <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  181 + </button>
  182 + </div>
  183 + <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  184 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  185 + <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  186 + </button>
  187 + </div>
  188 + <!-- Busca -->
  189 + <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  190 + <button class="iconeGuiaMovel" style="box-shadow: none;">
  191 + <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  192 + </button>
  193 + </div>
  194 + <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  195 + <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  196 + <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  197 + </button>
  198 + </div>
  199 + <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  200 + <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  201 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  202 + </button>
  203 + </div>
  204 + </div>
  205 + <!-- veja i3GEO.guias.CONFIGURA -->
  206 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  207 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  208 + <div id="i3GEOguiaMovelMolde" >
  209 + <div id="i3GEOguiaMovelConteudo" >
  210 + <!-- camadas existentes no mapa -->
  211 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  212 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>
  213 + <div class="btn-group noprint" >
  214 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  215 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  216 + <span class="caret"></span>
  217 + </a>
  218 + <ul class="dropdown-menu">
  219 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
  220 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
  221 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
  222 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
  223 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
  224 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
  225 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
  226 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
  227 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
  228 + </ul>
  229 + </div>
  230 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  231 + <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
  232 + <!-- Esta div acrescenta a lista de de camadas de fundo
  233 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  234 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  235 + no programa interface/config.php
  236 + -->
  237 + <div class="list-group condensed">
  238 + <label>Camadas de fundo</label>
  239 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  240 + <span class="caret"></span>
  241 + </a>
  242 + <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
  243 + <form>
  244 + <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
  245 + </form>
  246 + </div>
  247 + </div>
  248 + </div>
  249 + <!-- Catalogo de temas -->
  250 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
  251 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>
  252 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  253 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  254 + <div id="catalogoNavegacao"></div>
  255 + <!-- Opcoes -->
  256 + <div id="catalogoPrincipal">
  257 + <div class="btn-group noprint" >
  258 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  259 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  260 + <span class="caret"></span>
  261 + </a>
  262 + <ul class="dropdown-menu">
  263 + <li>
  264 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>
  265 + </li>
  266 + <li class="divider"></li>
  267 + <li>
  268 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
  269 + </li>
  270 + <li>
  271 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  272 + </li>
  273 + <li>
  274 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  275 + </li>
  276 + <li>
  277 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  278 + </li>
  279 + <li>
  280 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>
  281 + </li>
  282 + <li>
  283 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>
  284 + </li>
  285 + <li>
  286 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  287 + </li>
  288 + <li>
  289 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>
  290 + </li>
  291 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  292 + </li>
  293 + </ul>
  294 + </div>
  295 + <!-- busca tema no catalogo -->
  296 + <div class="form-group label-floating">
  297 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  298 + <div class="input-group">
  299 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  300 + <span class="input-group-btn">
  301 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  302 + <span class="material-icons md-18">send</span>
  303 + </a>
  304 + </span>
  305 + </div>
  306 + </div>
  307 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  308 + Nessa funcao ficam tambem os parametros:
  309 + "idOndeMenus": "catalogoMenus",
  310 + "idCatalogoPrincipal": "catalogoPrincipal",
  311 + "idCatalogoNavegacao": "catalogoNavegacao",
  312 + "idOndeMigalha": "catalogoMigalha"
  313 + -->
  314 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
  315 +
  316 + <div id="arvoreAdicionaTema"></div>
  317 +
  318 + <!--
  319 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  320 + config: {
  321 + 'templateDir': 'templates/dir.html',
  322 + 'templateTema': 'templates/tema.html',
  323 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  324 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  325 + 'idOndeMigalha': 'catalogoMigalha'
  326 + }
  327 +
  328 + exemplo:
  329 +
  330 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  331 + -->
  332 +
  333 + <!-- servicos da INDE brasileira -->
  334 + <div class="list-group condensed"><div class="row-content text-left">
  335 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  336 + <label style="width: 265px;vertical-align: middle;">
  337 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  338 + <h4>INDE-Br</h4></a>
  339 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  340 + </label>
  341 + </div></div><hr>
  342 + <!-- lista de wms cadastrados no sistema de administracao -->
  343 + <div class="list-group condensed"><div class="row-content text-left">
  344 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  345 + <label style="width: 265px;vertical-align: middle;">
  346 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  347 + <h4>OGC-WMS</h4></a>
  348 + <h6>{{{descOgcWms}}}</h6>
  349 + </label>
  350 + </div></div><hr>
  351 + <!-- regioes cadastradas no sistema de metadados -->
  352 + <div class="list-group condensed"><div class="row-content text-left">
  353 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  354 + <label style="width: 265px;vertical-align: middle;">
  355 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  356 + <h4>{{{x87}}}</h4></a>
  357 + <h6>{{{descLimLoc}}}</h6>
  358 + </label>
  359 + </div></div><hr>
  360 + <!-- camadas que vem do sistema de metadados estatisticos -->
  361 + <div class="list-group condensed"><div class="row-content text-left">
  362 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  363 + <label style="width: 265px;vertical-align: middle;">
  364 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  365 + <h4>{{{x57}}}</h4></a>
  366 + <h6>{{{descMeta}}}</h6>
  367 + </label>
  368 + </div></div><hr>
  369 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  370 + <div class="list-group condensed"><div class="row-content text-left">
  371 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  372 + <label style="width: 265px;vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  374 + <h4>{{{x90}}}</h4></a>
  375 + <h6>{{{descMapas}}}</h6>
  376 + </label>
  377 + </div></div><hr>
  378 + -->
  379 + <!-- camadas por estrelas -->
  380 + <div class="list-group condensed"><div class="row-content text-left">
  381 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  382 + <label style="width: 265px;vertical-align: middle;">
  383 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
  384 + <h4>{{{t46}}}</h4></a>
  385 + <h6>{{{descEstrelas}}}</h6>
  386 + </label>
  387 + </div></div><hr>
  388 + <!-- sistemas que adicionam camadas -->
  389 + <div class="list-group condensed"><div class="row-content text-left">
  390 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  391 + <label style="width: 265px;vertical-align: middle;">
  392 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  393 + <h4>{{{a11}}}</h4></a>
  394 + <h6>{{{descSistemas}}}</h6>
  395 + </label>
  396 + </div></div><hr>
  397 + <!-- navegacao em diretorios -->
  398 + <div class="list-group condensed"><div class="row-content text-left">
  399 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  400 + <label style="width: 265px;vertical-align: middle;">
  401 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  402 + <h4>{{{a6}}}</h4></a>
  403 + <h6>{{{descDir}}}</h6>
  404 + </label>
  405 + </div></div><hr>
  406 + </div>
  407 + </div>
  408 + <!-- Legenda -->
  409 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  410 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>
  411 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>
  412 + </div>
  413 + <!-- busca
  414 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  415 + No botao que dispara a busca, ficam os parametros de configuracao
  416 + 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
  417 + -->
  418 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  419 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  420 + <form>
  421 + <div class="form-group label-floating">
  422 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  423 + <div class="input-group">
  424 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  425 + <span class="input-group-btn">
  426 + <a onclick="i3GEO.busca.inicia(this);return false;"
  427 + data-templateGoogle="templates/buscaEmTemas.html"
  428 + data-inputGoogle="[name=google]"
  429 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
  430 + data-templateTemasMapa="templates/buscaEmTemas.html"
  431 + data-inputTemasMapa="[name=temasMapa]"
  432 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
  433 + data-templateServico="templates/buscaEmServico.html"
  434 + data-ondeConteiner="#guia7obj"
  435 + data-inputOndePalavra="[name=valorBuscaRapida]"
  436 + data-inputServicosExternos="[name=servicosExternos]"
  437 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  438 + <span class="material-icons md-18">send</span>
  439 + </a>
  440 + </span>
  441 + </div>
  442 + </div>
  443 + <h4>{{{x37}}}:</h4>
  444 + <div class="form-inline" style="width:100%;">
  445 + <div class="list-group condensed">
  446 + <div class="checkbox text-left">
  447 + <label>
  448 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
  449 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
  450 + </label>
  451 + </div>
  452 + </div>
  453 + <div class="list-group condensed">
  454 + <div class="checkbox text-left">
  455 + <label>
  456 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  457 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
  458 + </label>
  459 + </div>
  460 + </div>
  461 + <!-- Apenas para a interface google maps
  462 + <div class="list-group condensed">
  463 + <div class="checkbox text-left">
  464 + <label>
  465 + <input class="noprint" value="on" type="checkbox" name="google">
  466 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  467 + </label>
  468 + </div>
  469 + </div>
  470 + -->
  471 + </div>
  472 + </form>
  473 + <hr>
  474 + <div class="i3GEOresultadoBuscaServicos" ></div>
  475 + <div class="i3GEOresultadoBuscaTemasMapa" ></div>
  476 + <div class="i3GEOresultadoBuscaGoogle" ></div>
  477 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  478 + </div>
  479 + <!-- Ferramentas -->
  480 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  481 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  482 + <div class="form-inline" style="width:100%;">
  483 + <div class="text-center form-group" style="margin:4px;">
  484 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  485 + <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
  486 + </a>
  487 + <h6>{{{d21at}}}</h6>
  488 + </div>
  489 + <div class="text-center form-group" style="margin:4px;">
  490 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  491 + <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
  492 + </a>
  493 + <h6>{{{d21t}}}</h6>
  494 + </div>
  495 + <div class="text-center form-group" style="margin:4px;">
  496 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  497 + <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
  498 + </a>
  499 + <h6>{{{d24t}}}</h6>
  500 + </div>
  501 + <div class="text-center form-group" style="margin:4px;">
  502 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  503 + <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
  504 + </a>
  505 + <h6>{{{localiza}}}</h6>
  506 + </div>
  507 + </div>
  508 + <div class="clearfix"></div>
  509 + <hr>
  510 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  511 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  512 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  513 + </div>
  514 + </div>
  515 + </div>
  516 + </div>
  517 + <!-- templates -->
  518 +
  519 + <!-- para mostrar o banner de abertura, basta ter esse ID -->
  520 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  521 + <div>
  522 + <table>
  523 + <tr>
  524 + <td>
  525 + <div id=versaoi3geo></div>
  526 + <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
  527 + interativos e geoprocessamento</h4>
  528 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  529 + Portal do Software P&uacute;blico Brasileiro</h4>
  530 + </td>
  531 + </tr>
  532 + </table>
  533 + <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
  534 + <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
  535 + <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
  536 + <div>&nbsp;</div>
  537 + </div>
  538 + </script>
  539 + <script>
  540 + //inicia o mapa
  541 + //Veja config.php
  542 + i3GEO.init();
  543 + i3GEOF.metaestat.INTERFACE = "flutuante";
  544 + i3GEOF.metaestat.CONEXAODEFAULT = 1;
  545 + i3GEOF.metaestat.TOP = 50;
  546 + i3GEOF.metaestat.LEFT = 100;
  547 + i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ];
  548 +
  549 + i3GEOF.metaestat.inicia();
  550 + </script>
  551 +</body>
  552 +
  553 +</html>
interface/gm.phtml 0 → 100755
  Diff comments   View file @0fa9678
@@ -0,0 +1,566 @@ @@ -0,0 +1,566 @@
  1 +<?php
  2 +include("../ms_configura.php");
  3 +?>
  4 +<!DOCTYPE html>
  5 +<html>
  6 +<head>
  7 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  8 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  9 +<meta name="viewport"
  10 + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
  11 +<title>i3GEO - GM</title>
  12 +<script type="text/javascript"
  13 + src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>
  14 +
  15 +<script src="../js/i3geo.js"></script>
  16 +<!-- lista com os links que serao mostrados na guia ferramentas -->
  17 +<script src="../js/listaDeFerramentas.js"></script>
  18 +<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
  19 +<script src="config.php?tipo=GM"></script>
  20 +
  21 +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
  22 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
  23 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
  24 +<!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
  25 +<link rel="stylesheet" type="text/css" href="../css/default.css">
  26 +<style>
  27 +.ol-attribution img {
  28 + display: none;
  29 +}
  30 +
  31 +.ol-attribution.ol-uncollapsible {
  32 + height: 2.1em;
  33 + right: 24px;
  34 + background: none;
  35 + margin-bottom: 15px;
  36 +}
  37 +
  38 +.ol-i3GEOcontrols {
  39 + top: 2.8em;
  40 + left: 1em;
  41 + width: auto;
  42 +}
  43 +
  44 +.escalanumerica {
  45 + margin-left: 112px;
  46 + bottom:40px;
  47 +}
  48 +
  49 +.localizarxy {
  50 + bottom:5px;
  51 +}
  52 +
  53 +</style>
  54 +</head>
  55 + <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  56 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  57 + -->
  58 +<body id="i3geo" style='background: white; overflow: hidden;'>
  59 + <!-- inclui o nome do usuario logado
  60 + <div id="i3GEONomeLogin"
  61 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  62 + -->
  63 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->
  64 + <div id="mapai3Geo" >
  65 + </div>
  66 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  67 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  68 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >
  69 + </form>
  70 +
  71 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  72 + <div class="localizarxy fundoRodape hidden-xs hidden-sm">
  73 + <div class="i3GeoMascaraCoord" style="display: block;">
  74 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  75 + <option>DMS:</option>
  76 + <option value="janela">janela</option>
  77 + <option value="geoProj">DMS</option>
  78 + <option value="dd">Déc. de grau</option>
  79 + <option value="geohash">GeoHash</option>
  80 + <option value="policonicaSad69">Polic SAD-69</option>
  81 + <option value="utmSad69Proj">UTM Sad-69</option>
  82 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  83 + </select>
  84 + </div>
  85 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
  86 + X:
  87 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  88 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  89 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  90 + Y:
  91 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  92 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  93 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  94 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  95 + </div>
  96 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  97 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  98 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  99 + </div>
  100 + <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  101 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  102 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  103 + </div>
  104 + <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  105 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  106 + Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
  107 + </div>
  108 + <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  109 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  110 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  111 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  112 + </div>
  113 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  114 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  115 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  116 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  117 + </div>
  118 + </div>
  119 +
  120 + <!-- barra de ícones de navegacao -->
  121 + <div class="ol-i3GEOcontrols ol-control">
  122 + <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  123 + <img style="width:20px;" src="../imagens/gisicons/projection.png">
  124 + </button>
  125 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  126 + <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">
  127 + </button>
  128 + <br>
  129 + <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  130 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">
  131 + </button>
  132 + <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  133 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">
  134 + </button>
  135 + <br>
  136 + <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  137 + <img style="width:20px;" src="../imagens/gisicons/save1.png">
  138 + </button>
  139 + <button onclick="i3GEO.maparef.inicia()" style="float: left;">
  140 + <img style="width:20px;" src="../imagens/gisicons/map-reference.png">
  141 + </button>
  142 + </div>
  143 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  144 + <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  145 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
  146 + </div>
  147 + </div>
  148 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  149 + <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  150 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
  151 + </div>
  152 + </div>
  153 + <!-- mensagem de copyright -->
  154 + <div id="i3GEOcopyright">i3Geo</div>
  155 + <!-- botoes laterais que abrem guias moveis -->
  156 + <div id="i3GEOguiaMovel" >
  157 + <!-- configuracao para todos os botoes
  158 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  159 + -->
  160 + <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
  161 + <!-- ferramentas
  162 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  163 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  164 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  165 + -->
  166 + <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  167 + <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  168 + <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  169 + </button>
  170 + </div>
  171 + <!-- temas existentes no mapa
  172 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  173 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  174 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  175 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  176 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  177 + -->
  178 + <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  179 + <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  180 + <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  181 + </button>
  182 + </div>
  183 + <!-- catalogo de adicao de temas ao mapa
  184 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  185 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  186 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  187 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
  188 +
  189 + Variaveis javascript:
  190 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  191 + -->
  192 + <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  193 + <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  194 + <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  195 + </button>
  196 + </div>
  197 + <!-- legenda -->
  198 + <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  199 + <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  200 + <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  201 + </button>
  202 + </div>
  203 + <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  204 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  205 + <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  206 + </button>
  207 + </div>
  208 + <!-- Busca -->
  209 + <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  210 + <button class="iconeGuiaMovel" style="box-shadow: none;">
  211 + <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  212 + </button>
  213 + </div>
  214 + <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  215 + <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  216 + <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  217 + </button>
  218 + </div>
  219 + <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  220 + <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  221 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  222 + </button>
  223 + </div>
  224 + </div>
  225 + <!-- veja i3GEO.guias.CONFIGURA -->
  226 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  227 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  228 + <div id="i3GEOguiaMovelMolde" >
  229 + <div id="i3GEOguiaMovelConteudo" >
  230 + <!-- camadas existentes no mapa -->
  231 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  232 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>
  233 + <div class="btn-group noprint" >
  234 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  235 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  236 + <span class="caret"></span>
  237 + </a>
  238 + <ul class="dropdown-menu">
  239 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
  240 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
  241 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
  242 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
  243 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
  244 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
  245 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
  246 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
  247 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
  248 + </ul>
  249 + </div>
  250 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  251 + <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
  252 + <!-- Esta div acrescenta a lista de de camadas de fundo
  253 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  254 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  255 + no programa interface/config.php
  256 + -->
  257 + <div class="list-group condensed">
  258 + <label>Camadas de fundo</label>
  259 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  260 + <span class="caret"></span>
  261 + </a>
  262 + <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
  263 + <form>
  264 + <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
  265 + </form>
  266 + </div>
  267 + </div>
  268 + </div>
  269 + <!-- Catalogo de temas -->
  270 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
  271 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>
  272 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  273 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  274 + <div id="catalogoNavegacao"></div>
  275 + <!-- Opcoes -->
  276 + <div id="catalogoPrincipal">
  277 + <div class="btn-group noprint" >
  278 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  279 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  280 + <span class="caret"></span>
  281 + </a>
  282 + <ul class="dropdown-menu">
  283 + <li>
  284 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>
  285 + </li>
  286 + <li class="divider"></li>
  287 + <li>
  288 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
  289 + </li>
  290 + <li>
  291 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  292 + </li>
  293 + <li>
  294 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  295 + </li>
  296 + <li>
  297 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  298 + </li>
  299 + <li>
  300 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>
  301 + </li>
  302 + <li>
  303 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>
  304 + </li>
  305 + <li>
  306 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  307 + </li>
  308 + <li>
  309 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>
  310 + </li>
  311 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  312 + </li>
  313 + </ul>
  314 + </div>
  315 + <!-- busca tema no catalogo -->
  316 + <div class="form-group label-floating">
  317 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  318 + <div class="input-group">
  319 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  320 + <span class="input-group-btn">
  321 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  322 + <span class="material-icons md-18">send</span>
  323 + </a>
  324 + </span>
  325 + </div>
  326 + </div>
  327 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  328 + Nessa funcao ficam tambem os parametros:
  329 + "idOndeMenus": "catalogoMenus",
  330 + "idCatalogoPrincipal": "catalogoPrincipal",
  331 + "idCatalogoNavegacao": "catalogoNavegacao",
  332 + "idOndeMigalha": "catalogoMigalha"
  333 + -->
  334 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
  335 +
  336 + <div id="arvoreAdicionaTema"></div>
  337 +
  338 + <!--
  339 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  340 + config: {
  341 + 'templateDir': 'templates/dir.html',
  342 + 'templateTema': 'templates/tema.html',
  343 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  344 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  345 + 'idOndeMigalha': 'catalogoMigalha'
  346 + }
  347 +
  348 + exemplo:
  349 +
  350 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  351 + -->
  352 +
  353 + <!-- servicos da INDE brasileira -->
  354 + <div class="list-group condensed"><div class="row-content text-left">
  355 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  356 + <label style="width: 265px;vertical-align: middle;">
  357 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  358 + <h4>INDE-Br</h4></a>
  359 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  360 + </label>
  361 + </div></div><hr>
  362 + <!-- lista de wms cadastrados no sistema de administracao -->
  363 + <div class="list-group condensed"><div class="row-content text-left">
  364 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  365 + <label style="width: 265px;vertical-align: middle;">
  366 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  367 + <h4>OGC-WMS</h4></a>
  368 + <h6>{{{descOgcWms}}}</h6>
  369 + </label>
  370 + </div></div><hr>
  371 + <!-- regioes cadastradas no sistema de metadados -->
  372 + <div class="list-group condensed"><div class="row-content text-left">
  373 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  374 + <label style="width: 265px;vertical-align: middle;">
  375 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  376 + <h4>{{{x87}}}</h4></a>
  377 + <h6>{{{descLimLoc}}}</h6>
  378 + </label>
  379 + </div></div><hr>
  380 + <!-- camadas que vem do sistema de metadados estatisticos -->
  381 + <div class="list-group condensed"><div class="row-content text-left">
  382 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  383 + <label style="width: 265px;vertical-align: middle;">
  384 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  385 + <h4>{{{x57}}}</h4></a>
  386 + <h6>{{{descMeta}}}</h6>
  387 + </label>
  388 + </div></div><hr>
  389 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  390 + <div class="list-group condensed"><div class="row-content text-left">
  391 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  392 + <label style="width: 265px;vertical-align: middle;">
  393 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  394 + <h4>{{{x90}}}</h4></a>
  395 + <h6>{{{descMapas}}}</h6>
  396 + </label>
  397 + </div></div><hr>
  398 + -->
  399 + <!-- camadas por estrelas -->
  400 + <div class="list-group condensed"><div class="row-content text-left">
  401 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  402 + <label style="width: 265px;vertical-align: middle;">
  403 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
  404 + <h4>{{{t46}}}</h4></a>
  405 + <h6>{{{descEstrelas}}}</h6>
  406 + </label>
  407 + </div></div><hr>
  408 + <!-- sistemas que adicionam camadas -->
  409 + <div class="list-group condensed"><div class="row-content text-left">
  410 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  411 + <label style="width: 265px;vertical-align: middle;">
  412 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  413 + <h4>{{{a11}}}</h4></a>
  414 + <h6>{{{descSistemas}}}</h6>
  415 + </label>
  416 + </div></div><hr>
  417 + <!-- navegacao em diretorios -->
  418 + <div class="list-group condensed"><div class="row-content text-left">
  419 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  420 + <label style="width: 265px;vertical-align: middle;">
  421 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  422 + <h4>{{{a6}}}</h4></a>
  423 + <h6>{{{descDir}}}</h6>
  424 + </label>
  425 + </div></div><hr>
  426 + </div>
  427 + </div>
  428 + <!-- Legenda -->
  429 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  430 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>
  431 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>
  432 + </div>
  433 + <!-- busca
  434 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  435 + No botao que dispara a busca, ficam os parametros de configuracao
  436 + 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
  437 + -->
  438 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  439 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  440 + <form>
  441 + <div class="form-group label-floating">
  442 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  443 + <div class="input-group">
  444 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  445 + <span class="input-group-btn">
  446 + <a onclick="i3GEO.busca.inicia(this);return false;"
  447 + data-templateGoogle="templates/buscaEmTemas.html"
  448 + data-inputGoogle="[name=google]"
  449 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
  450 + data-templateTemasMapa="templates/buscaEmTemas.html"
  451 + data-inputTemasMapa="[name=temasMapa]"
  452 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
  453 + data-templateServico="templates/buscaEmServico.html"
  454 + data-ondeConteiner="#guia7obj"
  455 + data-inputOndePalavra="[name=valorBuscaRapida]"
  456 + data-inputServicosExternos="[name=servicosExternos]"
  457 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  458 + <span class="material-icons md-18">send</span>
  459 + </a>
  460 + </span>
  461 + </div>
  462 + </div>
  463 + <h4>{{{x37}}}:</h4>
  464 + <div class="form-inline" style="width:100%;">
  465 + <div class="list-group condensed">
  466 + <div class="checkbox text-left">
  467 + <label>
  468 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
  469 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
  470 + </label>
  471 + </div>
  472 + </div>
  473 + <div class="list-group condensed">
  474 + <div class="checkbox text-left">
  475 + <label>
  476 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  477 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
  478 + </label>
  479 + </div>
  480 + </div>
  481 + <!-- Apenas para a interface google maps -->
  482 + <div class="list-group condensed">
  483 + <div class="checkbox text-left">
  484 + <label>
  485 + <input class="noprint" value="on" type="checkbox" name="google">
  486 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  487 + </label>
  488 + </div>
  489 + </div>
  490 +
  491 + </div>
  492 + </form>
  493 + <hr>
  494 + <div class="i3GEOresultadoBuscaServicos" ></div>
  495 + <div class="i3GEOresultadoBuscaTemasMapa" ></div>
  496 + <div class="i3GEOresultadoBuscaGoogle" ></div>
  497 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  498 + </div>
  499 + <!-- Ferramentas -->
  500 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  501 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  502 + <div class="form-inline" style="width:100%;">
  503 + <div class="text-center form-group" style="margin:4px;">
  504 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  505 + <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
  506 + </a>
  507 + <h6>{{{d21at}}}</h6>
  508 + </div>
  509 + <div class="text-center form-group" style="margin:4px;">
  510 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  511 + <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
  512 + </a>
  513 + <h6>{{{d21t}}}</h6>
  514 + </div>
  515 + <div class="text-center form-group" style="margin:4px;">
  516 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  517 + <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
  518 + </a>
  519 + <h6>{{{d24t}}}</h6>
  520 + </div>
  521 + <div class="text-center form-group" style="margin:4px;">
  522 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  523 + <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
  524 + </a>
  525 + <h6>{{{localiza}}}</h6>
  526 + </div>
  527 + </div>
  528 + <div class="clearfix"></div>
  529 + <hr>
  530 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  531 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  532 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  533 + </div>
  534 + </div>
  535 + </div>
  536 + </div>
  537 + <!-- templates -->
  538 +
  539 + <!-- para mostrar o banner de abertura, basta ter esse ID -->
  540 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  541 + <div>
  542 + <table>
  543 + <tr>
  544 + <td>
  545 + <div id=versaoi3geo></div>
  546 + <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
  547 + interativos e geoprocessamento</h4>
  548 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  549 + Portal do Software P&uacute;blico Brasileiro</h4>
  550 + </td>
  551 + </tr>
  552 + </table>
  553 + <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
  554 + <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
  555 + <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
  556 + <div>&nbsp;</div>
  557 + </div>
  558 + </script>
  559 + <script>
  560 + //inicia o mapa
  561 + //Veja config.php
  562 + i3GEO.init();
  563 + </script>
  564 +</body>
  565 +
  566 +</html>
interface/ol.htm 0 → 100755
  Diff comments   View file @0fa9678
@@ -0,0 +1,546 @@ @@ -0,0 +1,546 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<meta name="viewport"
  7 + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
  8 +<title>i3GEO - OpenLayers</title>
  9 +<script src="../pacotes/ol3/ol.js"></script>
  10 +<script src="../js/i3geo.js"></script>
  11 +<!-- lista com os links que serao mostrados na guia ferramentas -->
  12 +<script src="../js/listaDeFerramentas.js"></script>
  13 +<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
  14 +<script src="config.php?tipo=OL"></script>
  15 +
  16 +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
  17 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
  18 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
  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="../css/default.css">
  21 +<style>
  22 +.ol-attribution img {
  23 + display: none;
  24 +}
  25 +
  26 +.ol-attribution.ol-uncollapsible {
  27 + height: 2.1em;
  28 + right: 24px;
  29 + background: none;
  30 + margin-bottom: 15px;
  31 +}
  32 +
  33 +</style>
  34 +</head>
  35 + <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  36 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  37 + -->
  38 +<body id="i3geo" style='background: white;'>
  39 + <!-- inclui o nome do usuario logado
  40 + <div id="i3GEONomeLogin"
  41 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  42 + -->
  43 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->
  44 + <div id="mapai3Geo" >
  45 + </div>
  46 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  47 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  48 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >
  49 + </form>
  50 +
  51 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  52 + <div class="localizarxy fundoRodape hidden-xs hidden-sm">
  53 + <div class="i3GeoMascaraCoord" style="display: block;">
  54 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  55 + <option>DMS:</option>
  56 + <option value="janela">janela</option>
  57 + <option value="geoProj">DMS</option>
  58 + <option value="dd">Déc. de grau</option>
  59 + <option value="geohash">GeoHash</option>
  60 + <option value="policonicaSad69">Polic SAD-69</option>
  61 + <option value="utmSad69Proj">UTM Sad-69</option>
  62 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  63 + </select>
  64 + </div>
  65 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
  66 + X:
  67 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  68 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  69 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  70 + Y:
  71 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  72 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  73 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  74 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  75 + </div>
  76 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  77 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  78 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  79 + </div>
  80 + <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">
  82 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  83 + </div>
  84 + <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">
  86 + Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
  87 + </div>
  88 + <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">
  90 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  91 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  92 + </div>
  93 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  94 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  95 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  96 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  97 + </div>
  98 + </div>
  99 +
  100 + <!-- barra de ícones de navegacao -->
  101 + <div class="ol-i3GEOcontrols ol-control">
  102 + <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  103 + <img style="width:20px;" src="../imagens/gisicons/projection.png">
  104 + </button>
  105 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  106 + <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">
  107 + </button>
  108 + <br>
  109 + <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  110 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">
  111 + </button>
  112 + <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  113 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">
  114 + </button>
  115 + <br>
  116 + <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  117 + <img style="width:20px;" src="../imagens/gisicons/save1.png">
  118 + </button>
  119 + <button onclick="i3GEO.maparef.inicia()" style="float: left;">
  120 + <img style="width:20px;" src="../imagens/gisicons/map-reference.png">
  121 + </button>
  122 + </div>
  123 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  124 + <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  125 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
  126 + </div>
  127 + </div>
  128 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  129 + <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  130 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
  131 + </div>
  132 + </div>
  133 + <!-- mensagem de copyright -->
  134 + <div id="i3GEOcopyright">i3Geo</div>
  135 + <!-- botoes laterais que abrem guias moveis -->
  136 + <div id="i3GEOguiaMovel" >
  137 + <!-- configuracao para todos os botoes
  138 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  139 + -->
  140 + <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
  141 + <!-- ferramentas
  142 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  143 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  144 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  145 + -->
  146 + <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  147 + <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  148 + <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  149 + </button>
  150 + </div>
  151 + <!-- temas existentes no mapa
  152 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  153 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  154 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  155 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  156 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  157 + -->
  158 + <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  159 + <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  160 + <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  161 + </button>
  162 + </div>
  163 + <!-- catalogo de adicao de temas ao mapa
  164 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  165 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  166 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  167 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
  168 +
  169 + Variaveis javascript:
  170 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  171 + -->
  172 + <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  173 + <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  174 + <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  175 + </button>
  176 + </div>
  177 + <!-- legenda -->
  178 + <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  179 + <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  180 + <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  181 + </button>
  182 + </div>
  183 + <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  184 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  185 + <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  186 + </button>
  187 + </div>
  188 + <!-- Busca -->
  189 + <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  190 + <button class="iconeGuiaMovel" style="box-shadow: none;">
  191 + <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  192 + </button>
  193 + </div>
  194 + <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  195 + <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  196 + <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  197 + </button>
  198 + </div>
  199 + <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  200 + <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  201 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  202 + </button>
  203 + </div>
  204 + </div>
  205 + <!-- veja i3GEO.guias.CONFIGURA -->
  206 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  207 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  208 + <div id="i3GEOguiaMovelMolde" >
  209 + <div id="i3GEOguiaMovelConteudo" >
  210 + <!-- camadas existentes no mapa -->
  211 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  212 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>
  213 + <div class="btn-group noprint" >
  214 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  215 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  216 + <span class="caret"></span>
  217 + </a>
  218 + <ul class="dropdown-menu">
  219 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
  220 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
  221 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
  222 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
  223 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
  224 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
  225 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
  226 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
  227 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
  228 + </ul>
  229 + </div>
  230 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  231 + <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
  232 + <!-- Esta div acrescenta a lista de de camadas de fundo
  233 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  234 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  235 + no programa interface/config.php
  236 + -->
  237 + <div class="list-group condensed">
  238 + <label>Camadas de fundo</label>
  239 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  240 + <span class="caret"></span>
  241 + </a>
  242 + <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
  243 + <form>
  244 + <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
  245 + </form>
  246 + </div>
  247 + </div>
  248 + </div>
  249 + <!-- Catalogo de temas -->
  250 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
  251 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>
  252 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  253 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  254 + <div id="catalogoNavegacao"></div>
  255 + <!-- Opcoes -->
  256 + <div id="catalogoPrincipal">
  257 + <div class="btn-group noprint" >
  258 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  259 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  260 + <span class="caret"></span>
  261 + </a>
  262 + <ul class="dropdown-menu">
  263 + <li>
  264 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>
  265 + </li>
  266 + <li class="divider"></li>
  267 + <li>
  268 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
  269 + </li>
  270 + <li>
  271 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  272 + </li>
  273 + <li>
  274 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  275 + </li>
  276 + <li>
  277 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  278 + </li>
  279 + <li>
  280 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>
  281 + </li>
  282 + <li>
  283 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>
  284 + </li>
  285 + <li>
  286 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  287 + </li>
  288 + <li>
  289 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>
  290 + </li>
  291 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  292 + </li>
  293 + </ul>
  294 + </div>
  295 + <!-- busca tema no catalogo -->
  296 + <div class="form-group label-floating">
  297 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  298 + <div class="input-group">
  299 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  300 + <span class="input-group-btn">
  301 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  302 + <span class="material-icons md-18">send</span>
  303 + </a>
  304 + </span>
  305 + </div>
  306 + </div>
  307 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  308 + Nessa funcao ficam tambem os parametros:
  309 + "idOndeMenus": "catalogoMenus",
  310 + "idCatalogoPrincipal": "catalogoPrincipal",
  311 + "idCatalogoNavegacao": "catalogoNavegacao",
  312 + "idOndeMigalha": "catalogoMigalha"
  313 + -->
  314 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
  315 +
  316 + <div id="arvoreAdicionaTema"></div>
  317 +
  318 + <!--
  319 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  320 + config: {
  321 + 'templateDir': 'templates/dir.html',
  322 + 'templateTema': 'templates/tema.html',
  323 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  324 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  325 + 'idOndeMigalha': 'catalogoMigalha'
  326 + }
  327 +
  328 + exemplo:
  329 +
  330 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  331 + -->
  332 +
  333 + <!-- servicos da INDE brasileira -->
  334 + <div class="list-group condensed"><div class="row-content text-left">
  335 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  336 + <label style="width: 265px;vertical-align: middle;">
  337 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  338 + <h4>INDE-Br</h4></a>
  339 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  340 + </label>
  341 + </div></div><hr>
  342 + <!-- lista de wms cadastrados no sistema de administracao -->
  343 + <div class="list-group condensed"><div class="row-content text-left">
  344 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  345 + <label style="width: 265px;vertical-align: middle;">
  346 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  347 + <h4>OGC-WMS</h4></a>
  348 + <h6>{{{descOgcWms}}}</h6>
  349 + </label>
  350 + </div></div><hr>
  351 + <!-- regioes cadastradas no sistema de metadados -->
  352 + <div class="list-group condensed"><div class="row-content text-left">
  353 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  354 + <label style="width: 265px;vertical-align: middle;">
  355 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  356 + <h4>{{{x87}}}</h4></a>
  357 + <h6>{{{descLimLoc}}}</h6>
  358 + </label>
  359 + </div></div><hr>
  360 + <!-- camadas que vem do sistema de metadados estatisticos -->
  361 + <div class="list-group condensed"><div class="row-content text-left">
  362 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  363 + <label style="width: 265px;vertical-align: middle;">
  364 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  365 + <h4>{{{x57}}}</h4></a>
  366 + <h6>{{{descMeta}}}</h6>
  367 + </label>
  368 + </div></div><hr>
  369 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  370 + <div class="list-group condensed"><div class="row-content text-left">
  371 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  372 + <label style="width: 265px;vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  374 + <h4>{{{x90}}}</h4></a>
  375 + <h6>{{{descMapas}}}</h6>
  376 + </label>
  377 + </div></div><hr>
  378 + -->
  379 + <!-- camadas por estrelas -->
  380 + <div class="list-group condensed"><div class="row-content text-left">
  381 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  382 + <label style="width: 265px;vertical-align: middle;">
  383 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
  384 + <h4>{{{t46}}}</h4></a>
  385 + <h6>{{{descEstrelas}}}</h6>
  386 + </label>
  387 + </div></div><hr>
  388 + <!-- sistemas que adicionam camadas -->
  389 + <div class="list-group condensed"><div class="row-content text-left">
  390 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  391 + <label style="width: 265px;vertical-align: middle;">
  392 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  393 + <h4>{{{a11}}}</h4></a>
  394 + <h6>{{{descSistemas}}}</h6>
  395 + </label>
  396 + </div></div><hr>
  397 + <!-- navegacao em diretorios -->
  398 + <div class="list-group condensed"><div class="row-content text-left">
  399 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  400 + <label style="width: 265px;vertical-align: middle;">
  401 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  402 + <h4>{{{a6}}}</h4></a>
  403 + <h6>{{{descDir}}}</h6>
  404 + </label>
  405 + </div></div><hr>
  406 + </div>
  407 + </div>
  408 + <!-- Legenda -->
  409 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  410 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>
  411 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>
  412 + </div>
  413 + <!-- busca
  414 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  415 + No botao que dispara a busca, ficam os parametros de configuracao
  416 + 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
  417 + -->
  418 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  419 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  420 + <form>
  421 + <div class="form-group label-floating">
  422 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  423 + <div class="input-group">
  424 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  425 + <span class="input-group-btn">
  426 + <a onclick="i3GEO.busca.inicia(this);return false;"
  427 + data-templateGoogle="templates/buscaEmTemas.html"
  428 + data-inputGoogle="[name=google]"
  429 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
  430 + data-templateTemasMapa="templates/buscaEmTemas.html"
  431 + data-inputTemasMapa="[name=temasMapa]"
  432 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
  433 + data-templateServico="templates/buscaEmServico.html"
  434 + data-ondeConteiner="#guia7obj"
  435 + data-inputOndePalavra="[name=valorBuscaRapida]"
  436 + data-inputServicosExternos="[name=servicosExternos]"
  437 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  438 + <span class="material-icons md-18">send</span>
  439 + </a>
  440 + </span>
  441 + </div>
  442 + </div>
  443 + <h4>{{{x37}}}:</h4>
  444 + <div class="form-inline" style="width:100%;">
  445 + <div class="list-group condensed">
  446 + <div class="checkbox text-left">
  447 + <label>
  448 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
  449 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
  450 + </label>
  451 + </div>
  452 + </div>
  453 + <div class="list-group condensed">
  454 + <div class="checkbox text-left">
  455 + <label>
  456 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  457 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
  458 + </label>
  459 + </div>
  460 + </div>
  461 + <!-- Apenas para a interface google maps
  462 + <div class="list-group condensed">
  463 + <div class="checkbox text-left">
  464 + <label>
  465 + <input class="noprint" value="on" type="checkbox" name="google">
  466 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  467 + </label>
  468 + </div>
  469 + </div>
  470 + -->
  471 + </div>
  472 + </form>
  473 + <hr>
  474 + <div class="i3GEOresultadoBuscaServicos" ></div>
  475 + <div class="i3GEOresultadoBuscaTemasMapa" ></div>
  476 + <div class="i3GEOresultadoBuscaGoogle" ></div>
  477 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  478 + </div>
  479 + <!-- Ferramentas -->
  480 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  481 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  482 + <div class="form-inline" style="width:100%;">
  483 + <div class="text-center form-group" style="margin:4px;">
  484 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  485 + <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
  486 + </a>
  487 + <h6>{{{d21at}}}</h6>
  488 + </div>
  489 + <div class="text-center form-group" style="margin:4px;">
  490 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  491 + <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
  492 + </a>
  493 + <h6>{{{d21t}}}</h6>
  494 + </div>
  495 + <div class="text-center form-group" style="margin:4px;">
  496 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  497 + <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
  498 + </a>
  499 + <h6>{{{d24t}}}</h6>
  500 + </div>
  501 + <div class="text-center form-group" style="margin:4px;">
  502 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  503 + <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
  504 + </a>
  505 + <h6>{{{localiza}}}</h6>
  506 + </div>
  507 + </div>
  508 + <div class="clearfix"></div>
  509 + <hr>
  510 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  511 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  512 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  513 + </div>
  514 + </div>
  515 + </div>
  516 + </div>
  517 + <!-- templates -->
  518 +
  519 + <!-- para mostrar o banner de abertura, basta ter esse ID -->
  520 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  521 + <div>
  522 + <table>
  523 + <tr>
  524 + <td>
  525 + <div id=versaoi3geo></div>
  526 + <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
  527 + interativos e geoprocessamento</h4>
  528 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  529 + Portal do Software P&uacute;blico Brasileiro</h4>
  530 + </td>
  531 + </tr>
  532 + </table>
  533 + <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
  534 + <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
  535 + <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
  536 + <div>&nbsp;</div>
  537 + </div>
  538 + </script>
  539 + <script>
  540 + //inicia o mapa
  541 + //Veja config.php
  542 + i3GEO.init();
  543 + </script>
  544 +</body>
  545 +
  546 +</html>
interface/osm.htm 0 → 100755
  Diff comments   View file @0fa9678
@@ -0,0 +1,546 @@ @@ -0,0 +1,546 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<meta name="viewport"
  7 + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
  8 +<title>i3GEO - OpenLayers</title>
  9 +<script src="../pacotes/ol3/ol.js"></script>
  10 +<script src="../js/i3geo.js"></script>
  11 +<!-- lista com os links que serao mostrados na guia ferramentas -->
  12 +<script src="../js/listaDeFerramentas.js"></script>
  13 +<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
  14 +<script src="config.php?tipo=OSM"></script>
  15 +
  16 +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
  17 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
  18 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
  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="../css/default.css">
  21 +<style>
  22 +.ol-attribution img {
  23 + display: none;
  24 +}
  25 +
  26 +.ol-attribution.ol-uncollapsible {
  27 + height: 2.1em;
  28 + right: 24px;
  29 + background: none;
  30 + margin-bottom: 15px;
  31 +}
  32 +
  33 +</style>
  34 +</head>
  35 + <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  36 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  37 + -->
  38 +<body id="i3geo" style='background: white;'>
  39 + <!-- inclui o nome do usuario logado
  40 + <div id="i3GEONomeLogin"
  41 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  42 + -->
  43 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->
  44 + <div id="mapai3Geo" >
  45 + </div>
  46 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  47 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  48 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >
  49 + </form>
  50 +
  51 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  52 + <div class="localizarxy fundoRodape hidden-xs hidden-sm">
  53 + <div class="i3GeoMascaraCoord" style="display: block;">
  54 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  55 + <option>DMS:</option>
  56 + <option value="janela">janela</option>
  57 + <option value="geoProj">DMS</option>
  58 + <option value="dd">Déc. de grau</option>
  59 + <option value="geohash">GeoHash</option>
  60 + <option value="policonicaSad69">Polic SAD-69</option>
  61 + <option value="utmSad69Proj">UTM Sad-69</option>
  62 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  63 + </select>
  64 + </div>
  65 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
  66 + X:
  67 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  68 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  69 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  70 + Y:
  71 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  72 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  73 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  74 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  75 + </div>
  76 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  77 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  78 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  79 + </div>
  80 + <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">
  82 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  83 + </div>
  84 + <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">
  86 + Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
  87 + </div>
  88 + <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">
  90 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  91 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  92 + </div>
  93 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  94 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  95 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  96 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  97 + </div>
  98 + </div>
  99 +
  100 + <!-- barra de ícones de navegacao -->
  101 + <div class="ol-i3GEOcontrols ol-control">
  102 + <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  103 + <img style="width:20px;" src="../imagens/gisicons/projection.png">
  104 + </button>
  105 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  106 + <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">
  107 + </button>
  108 + <br>
  109 + <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  110 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">
  111 + </button>
  112 + <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  113 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">
  114 + </button>
  115 + <br>
  116 + <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  117 + <img style="width:20px;" src="../imagens/gisicons/save1.png">
  118 + </button>
  119 + <button onclick="i3GEO.maparef.inicia()" style="float: left;">
  120 + <img style="width:20px;" src="../imagens/gisicons/map-reference.png">
  121 + </button>
  122 + </div>
  123 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  124 + <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  125 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
  126 + </div>
  127 + </div>
  128 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  129 + <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  130 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
  131 + </div>
  132 + </div>
  133 + <!-- mensagem de copyright -->
  134 + <div id="i3GEOcopyright">i3Geo</div>
  135 + <!-- botoes laterais que abrem guias moveis -->
  136 + <div id="i3GEOguiaMovel" >
  137 + <!-- configuracao para todos os botoes
  138 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  139 + -->
  140 + <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
  141 + <!-- ferramentas
  142 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  143 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  144 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  145 + -->
  146 + <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  147 + <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  148 + <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  149 + </button>
  150 + </div>
  151 + <!-- temas existentes no mapa
  152 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  153 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  154 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  155 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  156 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  157 + -->
  158 + <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  159 + <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  160 + <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  161 + </button>
  162 + </div>
  163 + <!-- catalogo de adicao de temas ao mapa
  164 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  165 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  166 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  167 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
  168 +
  169 + Variaveis javascript:
  170 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  171 + -->
  172 + <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  173 + <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  174 + <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  175 + </button>
  176 + </div>
  177 + <!-- legenda -->
  178 + <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  179 + <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  180 + <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  181 + </button>
  182 + </div>
  183 + <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  184 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  185 + <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  186 + </button>
  187 + </div>
  188 + <!-- Busca -->
  189 + <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  190 + <button class="iconeGuiaMovel" style="box-shadow: none;">
  191 + <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  192 + </button>
  193 + </div>
  194 + <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  195 + <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  196 + <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  197 + </button>
  198 + </div>
  199 + <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  200 + <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  201 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  202 + </button>
  203 + </div>
  204 + </div>
  205 + <!-- veja i3GEO.guias.CONFIGURA -->
  206 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  207 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  208 + <div id="i3GEOguiaMovelMolde" >
  209 + <div id="i3GEOguiaMovelConteudo" >
  210 + <!-- camadas existentes no mapa -->
  211 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  212 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>
  213 + <div class="btn-group noprint" >
  214 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  215 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  216 + <span class="caret"></span>
  217 + </a>
  218 + <ul class="dropdown-menu">
  219 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
  220 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
  221 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
  222 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
  223 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
  224 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
  225 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
  226 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
  227 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
  228 + </ul>
  229 + </div>
  230 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  231 + <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
  232 + <!-- Esta div acrescenta a lista de de camadas de fundo
  233 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  234 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  235 + no programa interface/config.php
  236 + -->
  237 + <div class="list-group condensed">
  238 + <label>Camadas de fundo</label>
  239 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  240 + <span class="caret"></span>
  241 + </a>
  242 + <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
  243 + <form>
  244 + <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
  245 + </form>
  246 + </div>
  247 + </div>
  248 + </div>
  249 + <!-- Catalogo de temas -->
  250 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
  251 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>
  252 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  253 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  254 + <div id="catalogoNavegacao"></div>
  255 + <!-- Opcoes -->
  256 + <div id="catalogoPrincipal">
  257 + <div class="btn-group noprint" >
  258 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  259 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  260 + <span class="caret"></span>
  261 + </a>
  262 + <ul class="dropdown-menu">
  263 + <li>
  264 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>
  265 + </li>
  266 + <li class="divider"></li>
  267 + <li>
  268 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
  269 + </li>
  270 + <li>
  271 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  272 + </li>
  273 + <li>
  274 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  275 + </li>
  276 + <li>
  277 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  278 + </li>
  279 + <li>
  280 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>
  281 + </li>
  282 + <li>
  283 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>
  284 + </li>
  285 + <li>
  286 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  287 + </li>
  288 + <li>
  289 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>
  290 + </li>
  291 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  292 + </li>
  293 + </ul>
  294 + </div>
  295 + <!-- busca tema no catalogo -->
  296 + <div class="form-group label-floating">
  297 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  298 + <div class="input-group">
  299 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  300 + <span class="input-group-btn">
  301 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  302 + <span class="material-icons md-18">send</span>
  303 + </a>
  304 + </span>
  305 + </div>
  306 + </div>
  307 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  308 + Nessa funcao ficam tambem os parametros:
  309 + "idOndeMenus": "catalogoMenus",
  310 + "idCatalogoPrincipal": "catalogoPrincipal",
  311 + "idCatalogoNavegacao": "catalogoNavegacao",
  312 + "idOndeMigalha": "catalogoMigalha"
  313 + -->
  314 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
  315 +
  316 + <div id="arvoreAdicionaTema"></div>
  317 +
  318 + <!--
  319 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  320 + config: {
  321 + 'templateDir': 'templates/dir.html',
  322 + 'templateTema': 'templates/tema.html',
  323 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  324 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  325 + 'idOndeMigalha': 'catalogoMigalha'
  326 + }
  327 +
  328 + exemplo:
  329 +
  330 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  331 + -->
  332 +
  333 + <!-- servicos da INDE brasileira -->
  334 + <div class="list-group condensed"><div class="row-content text-left">
  335 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  336 + <label style="width: 265px;vertical-align: middle;">
  337 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  338 + <h4>INDE-Br</h4></a>
  339 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  340 + </label>
  341 + </div></div><hr>
  342 + <!-- lista de wms cadastrados no sistema de administracao -->
  343 + <div class="list-group condensed"><div class="row-content text-left">
  344 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  345 + <label style="width: 265px;vertical-align: middle;">
  346 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  347 + <h4>OGC-WMS</h4></a>
  348 + <h6>{{{descOgcWms}}}</h6>
  349 + </label>
  350 + </div></div><hr>
  351 + <!-- regioes cadastradas no sistema de metadados -->
  352 + <div class="list-group condensed"><div class="row-content text-left">
  353 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  354 + <label style="width: 265px;vertical-align: middle;">
  355 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  356 + <h4>{{{x87}}}</h4></a>
  357 + <h6>{{{descLimLoc}}}</h6>
  358 + </label>
  359 + </div></div><hr>
  360 + <!-- camadas que vem do sistema de metadados estatisticos -->
  361 + <div class="list-group condensed"><div class="row-content text-left">
  362 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  363 + <label style="width: 265px;vertical-align: middle;">
  364 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  365 + <h4>{{{x57}}}</h4></a>
  366 + <h6>{{{descMeta}}}</h6>
  367 + </label>
  368 + </div></div><hr>
  369 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  370 + <div class="list-group condensed"><div class="row-content text-left">
  371 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  372 + <label style="width: 265px;vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  374 + <h4>{{{x90}}}</h4></a>
  375 + <h6>{{{descMapas}}}</h6>
  376 + </label>
  377 + </div></div><hr>
  378 + -->
  379 + <!-- camadas por estrelas -->
  380 + <div class="list-group condensed"><div class="row-content text-left">
  381 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  382 + <label style="width: 265px;vertical-align: middle;">
  383 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
  384 + <h4>{{{t46}}}</h4></a>
  385 + <h6>{{{descEstrelas}}}</h6>
  386 + </label>
  387 + </div></div><hr>
  388 + <!-- sistemas que adicionam camadas -->
  389 + <div class="list-group condensed"><div class="row-content text-left">
  390 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  391 + <label style="width: 265px;vertical-align: middle;">
  392 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  393 + <h4>{{{a11}}}</h4></a>
  394 + <h6>{{{descSistemas}}}</h6>
  395 + </label>
  396 + </div></div><hr>
  397 + <!-- navegacao em diretorios -->
  398 + <div class="list-group condensed"><div class="row-content text-left">
  399 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  400 + <label style="width: 265px;vertical-align: middle;">
  401 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  402 + <h4>{{{a6}}}</h4></a>
  403 + <h6>{{{descDir}}}</h6>
  404 + </label>
  405 + </div></div><hr>
  406 + </div>
  407 + </div>
  408 + <!-- Legenda -->
  409 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  410 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>
  411 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>
  412 + </div>
  413 + <!-- busca
  414 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  415 + No botao que dispara a busca, ficam os parametros de configuracao
  416 + 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
  417 + -->
  418 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  419 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  420 + <form>
  421 + <div class="form-group label-floating">
  422 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  423 + <div class="input-group">
  424 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  425 + <span class="input-group-btn">
  426 + <a onclick="i3GEO.busca.inicia(this);return false;"
  427 + data-templateGoogle="templates/buscaEmTemas.html"
  428 + data-inputGoogle="[name=google]"
  429 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
  430 + data-templateTemasMapa="templates/buscaEmTemas.html"
  431 + data-inputTemasMapa="[name=temasMapa]"
  432 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
  433 + data-templateServico="templates/buscaEmServico.html"
  434 + data-ondeConteiner="#guia7obj"
  435 + data-inputOndePalavra="[name=valorBuscaRapida]"
  436 + data-inputServicosExternos="[name=servicosExternos]"
  437 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  438 + <span class="material-icons md-18">send</span>
  439 + </a>
  440 + </span>
  441 + </div>
  442 + </div>
  443 + <h4>{{{x37}}}:</h4>
  444 + <div class="form-inline" style="width:100%;">
  445 + <div class="list-group condensed">
  446 + <div class="checkbox text-left">
  447 + <label>
  448 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
  449 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
  450 + </label>
  451 + </div>
  452 + </div>
  453 + <div class="list-group condensed">
  454 + <div class="checkbox text-left">
  455 + <label>
  456 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  457 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
  458 + </label>
  459 + </div>
  460 + </div>
  461 + <!-- Apenas para a interface google maps
  462 + <div class="list-group condensed">
  463 + <div class="checkbox text-left">
  464 + <label>
  465 + <input class="noprint" value="on" type="checkbox" name="google">
  466 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  467 + </label>
  468 + </div>
  469 + </div>
  470 + -->
  471 + </div>
  472 + </form>
  473 + <hr>
  474 + <div class="i3GEOresultadoBuscaServicos" ></div>
  475 + <div class="i3GEOresultadoBuscaTemasMapa" ></div>
  476 + <div class="i3GEOresultadoBuscaGoogle" ></div>
  477 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  478 + </div>
  479 + <!-- Ferramentas -->
  480 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  481 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  482 + <div class="form-inline" style="width:100%;">
  483 + <div class="text-center form-group" style="margin:4px;">
  484 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  485 + <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
  486 + </a>
  487 + <h6>{{{d21at}}}</h6>
  488 + </div>
  489 + <div class="text-center form-group" style="margin:4px;">
  490 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  491 + <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
  492 + </a>
  493 + <h6>{{{d21t}}}</h6>
  494 + </div>
  495 + <div class="text-center form-group" style="margin:4px;">
  496 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  497 + <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
  498 + </a>
  499 + <h6>{{{d24t}}}</h6>
  500 + </div>
  501 + <div class="text-center form-group" style="margin:4px;">
  502 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  503 + <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
  504 + </a>
  505 + <h6>{{{localiza}}}</h6>
  506 + </div>
  507 + </div>
  508 + <div class="clearfix"></div>
  509 + <hr>
  510 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  511 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  512 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  513 + </div>
  514 + </div>
  515 + </div>
  516 + </div>
  517 + <!-- templates -->
  518 +
  519 + <!-- para mostrar o banner de abertura, basta ter esse ID -->
  520 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  521 + <div>
  522 + <table>
  523 + <tr>
  524 + <td>
  525 + <div id=versaoi3geo></div>
  526 + <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
  527 + interativos e geoprocessamento</h4>
  528 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  529 + Portal do Software P&uacute;blico Brasileiro</h4>
  530 + </td>
  531 + </tr>
  532 + </table>
  533 + <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
  534 + <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
  535 + <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
  536 + <div>&nbsp;</div>
  537 + </div>
  538 + </script>
  539 + <script>
  540 + //inicia o mapa
  541 + //Veja config.php
  542 + i3GEO.init();
  543 + </script>
  544 +</body>
  545 +
  546 +</html>
js/i3geo_tudo_compacto7.js.php 100644 → 100755
  Diff comments   View file @0fa9678