Commit c2030ecede7f95387b5811b975ea72aa964404f3
1 parent
8cd8ce94
Exists in
master
and in
7 other branches
Alteração na cor de fundo
Showing
14 changed files
with
708 additions
and
22 deletions
Show diff stats
exemplos/index.php
... | ... | @@ -42,7 +42,7 @@ include "../init/head.php"; |
42 | 42 | line-height: 30px; |
43 | 43 | } |
44 | 44 | </style> |
45 | -<body style="background-color: #eeeeee; padding-top: 55px;"> | |
45 | +<body style="padding-top: 55px;"> | |
46 | 46 | <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> |
47 | 47 | <div class="container-fluid"> |
48 | 48 | <div class="navbar-header"> | ... | ... |
ferramentas/atalhoscamada/template_mst.html
ferramentas/baseguias/index.htm
... | ... | @@ -8,7 +8,7 @@ div |
8 | 8 | {text-align:left;border: 0px solid #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;position:relative;display:block;font-size:10px;padding:0px;font-weight:normal;left:10px;} |
9 | 9 | #fundo |
10 | 10 | {background-color:rgb(245,245,245);overflow:hidden;position:absolute;top:0px;left:0px;} |
11 | -.guias | |
11 | +.guias | |
12 | 12 | {background-color:rgb(245,245,245);cursor:pointer;position:relative;text-align: left;top:8px;left:8px;padding:0px;margin:0px;} |
13 | 13 | .guia |
14 | 14 | {display:inline;background-color:rgb(230,230,230);color:rgb(150,150,150);position:relative;left:0px;top:0px;border: 0px solid white;font-size: 12px;z-index:1050;padding:0;margin-right:3px;border-left:1px solid rgb(230,230,230);border-top:1px solid rgb(230,230,230);border-right:1px solid rgb(230,230,230);} |
... | ... | @@ -42,7 +42,7 @@ div |
42 | 42 | </div> |
43 | 43 | <div id=guia3obj style="display:none"> |
44 | 44 | <div style="position:relative;top:5px;left:0px;width:90%" > |
45 | - Para que as operações atuem apenas sobre os elementos selecionados, | |
45 | + Para que as operações atuem apenas sobre os elementos selecionados, | |
46 | 46 | ative a seleção no mapa, para isso utilize, na guia "selecionados" |
47 | 47 | a opção "Ativa a seleção" |
48 | 48 | </div> |
... | ... | @@ -58,23 +58,22 @@ div |
58 | 58 | <script type="text/javascript"> |
59 | 59 | //eventos das guias |
60 | 60 | document.getElementById("guia1").onclick = function() |
61 | -{document.getElementById("guia1obj").style.display="block";} | |
61 | +{document.getElementById("guia1obj").style.display="block";}; | |
62 | 62 | document.getElementById("guia2").onclick = function() |
63 | -{document.getElementById("guia2obj").style.display="block";} | |
63 | +{document.getElementById("guia2obj").style.display="block";}; | |
64 | 64 | document.getElementById("guia3").onclick = function() |
65 | -{document.getElementById("guia3obj").style.display="block";} | |
65 | +{document.getElementById("guia3obj").style.display="block";}; | |
66 | 66 | document.getElementById("guia4").onclick = function() |
67 | -{document.getElementById("guia4obj").style.display="block";} | |
67 | +{document.getElementById("guia4obj").style.display="block";}; | |
68 | 68 | navm = false; // IE |
69 | 69 | navn = false; // netscape |
70 | -var app = navigator.appName.substring(0,1); | |
70 | +var i, j, app = navigator.appName.substring(0,1); | |
71 | 71 | if (app=='N') navn=true; else navm=true; |
72 | 72 | //verifica se existem guias |
73 | -reduzAltura = 30 | |
74 | -for (i=0;i<7;i++) | |
75 | -{ | |
73 | +reduzAltura = 30; | |
74 | +for (i=0;i<7;i++){ | |
76 | 75 | if (document.getElementById("guia"+i)) |
77 | - {reduzAltura = 50} | |
76 | + {reduzAltura = 50;} | |
78 | 77 | } |
79 | 78 | h = 500; //altura do corpo geral da guia |
80 | 79 | if (navn) | ... | ... |
init/head.php
init/index.php
... | ... | @@ -36,7 +36,7 @@ error_reporting ( 0 ); |
36 | 36 | include "head.php"; |
37 | 37 | ?> |
38 | 38 | |
39 | -<body style="background-color: #eeeeee; padding-top: 90px;" id="topo"> | |
39 | +<body style="padding-top: 90px;" id="topo"> | |
40 | 40 | <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> |
41 | 41 | <div class="container-fluid"> |
42 | 42 | <div class="navbar-header"> | ... | ... |
mapas/index.js
mapas/index.php
... | ... | @@ -103,7 +103,7 @@ include "../init/head.php"; |
103 | 103 | <script id="indiceTpl" type="x-tmpl-mustache"> |
104 | 104 | <li><a href="#affix-{{ID_MAPA}}">{{{NOME}}}</a></li> |
105 | 105 | </script> |
106 | -<body style="background-color: #eeeeee; padding-top: 55px; position: relative;" id="affix-topo" | |
106 | +<body style="padding-top: 55px; position: relative;" id="affix-topo" | |
107 | 107 | data-spy="scroll" data-target="#indiceSpy" data-offset="80"> |
108 | 108 | <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> |
109 | 109 | <div class="container-fluid"> | ... | ... |
ogc/index.js
... | ... | @@ -77,7 +77,7 @@ function listaCamadasSubgrupo(idmenu,id_n1,id_n2){ |
77 | 77 | var corpo = $("#corpoSubGrupo"+id_n2), |
78 | 78 | camadas; |
79 | 79 | if(corpo.html().trim()+"x" == "x"){ |
80 | - corpo.html('<div class="panel-body"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span></div>') | |
80 | + corpo.html('<div class="panel-body"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span></div>'); | |
81 | 81 | |
82 | 82 | } |
83 | 83 | var r = function(retorno){ | ... | ... |
ogc/index.php
... | ... | @@ -133,7 +133,7 @@ include "../init/head.php"; |
133 | 133 | </div> |
134 | 134 | </div> |
135 | 135 | </script> |
136 | -<body style="background-color: #eeeeee; padding-top: 55px;" id="topo"> | |
136 | +<body style="padding-top: 55px;" id="topo"> | |
137 | 137 | <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> |
138 | 138 | <div class="container-fluid"> |
139 | 139 | <div class="navbar-header"> | ... | ... |
... | ... | @@ -0,0 +1,504 @@ |
1 | +/* | |
2 | +Gerador de links | |
3 | + | |
4 | +Classe javascript da aplicação de geração de links. | |
5 | + | |
6 | +Lê o conjunto de javascripts para o funcionamento da interface geradordelinks.htm | |
7 | + | |
8 | +Arquivo | |
9 | + | |
10 | +i3geo/classesjs/geradordelinks.js | |
11 | + | |
12 | +Esse programa possuí as seguintes dependências: | |
13 | + | |
14 | +i3geo/pacotes/cpaint/cpaint2.inc.compressed.js | |
15 | + | |
16 | +i3geo/pacotes/openlayers/OpenLayers.js | |
17 | + | |
18 | +i3geo/classesjs/compactados/funcoes_compacto.js | |
19 | + | |
20 | +As dependências são carregadas pelo próprio geradordelinks.js, não sendo necessário incluir no HTML. | |
21 | + | |
22 | +Licença | |
23 | + | |
24 | +GPL2 | |
25 | + | |
26 | +i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | |
27 | + | |
28 | +Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil | |
29 | +Desenvolvedor: Edmar Moretti edmar.moretti@gmail.com | |
30 | + | |
31 | +Este programa é software livre; você pode redistribuí-lo | |
32 | +e/ou modificá-lo sob os termos da Licença Pública Geral | |
33 | +GNU conforme publicada pela Free Software Foundation; | |
34 | + | |
35 | +Este programa é distribuído na expectativa de que seja útil, | |
36 | +porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | |
37 | +de COMERCIABILIDADE OU ADEQUACÃO A UMA FINALIDADE ESPECÍFICA. | |
38 | +Consulte a Licença Pública Geral do GNU para mais detalhes. | |
39 | +Você deve ter recebido uma cópia da Licença Pública Geral do | |
40 | +GNU junto com este programa; se não, escreva para a | |
41 | +Free Software Foundation, Inc., no endereço | |
42 | +59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | |
43 | + | |
44 | +Veja | |
45 | + | |
46 | +<i3geo/geradordelinks.htm> | |
47 | + | |
48 | +<i3geo/classesjs/funcoes.js> | |
49 | +*/ | |
50 | +// | |
51 | +//carrega as dependências | |
52 | +// | |
53 | + | |
54 | +//TODO aplicar o padrao de css nos inputs (ver HTML) | |
55 | +(function(){ | |
56 | + var scriptLocation = ""; | |
57 | + var scripts = document.getElementsByTagName('script'); | |
58 | + for (var i = 0; i < scripts.length; i++) { | |
59 | + var src = scripts[i].getAttribute('src'); | |
60 | + if (src) { | |
61 | + var index = src.lastIndexOf("index.js"); | |
62 | + // is it found, at the end of the URL? | |
63 | + if ((index > -1) && (index + "index.js".length == src.length)) { | |
64 | + scriptLocation = src.slice(0, -"index.js".length); | |
65 | + break; | |
66 | + } | |
67 | + } | |
68 | + } | |
69 | + var allScriptTags = ""; | |
70 | + var jsfiles = []; | |
71 | + //jsfiles[0] = "i3geo_tudo_compacto.js.php" | |
72 | + jsfiles[0] = "../pacotes/openlayers/OpenLayers2131.js.php"; | |
73 | + for (var i = 0; i < jsfiles.length; i++) | |
74 | + { | |
75 | + var currentScriptTag = "<script src='" + scriptLocation + jsfiles[i] + "'></script>"; | |
76 | + allScriptTags += currentScriptTag; | |
77 | + } | |
78 | + document.write(allScriptTags); | |
79 | +})(); | |
80 | +/* | |
81 | +Classe i3geo_gl_configura | |
82 | + | |
83 | +Cria o objeto javascript com os parametros de configuração da api e com as funções de manipulação. | |
84 | + | |
85 | +Example | |
86 | + | |
87 | +var i3geo_gl_configura = new i3geo_gl_configura("http://localhost/i3geo","estadosl","temasa","link") | |
88 | + | |
89 | +Parameters | |
90 | + | |
91 | +loc_i3geo - endereço web onde está instalado o i3geo. | |
92 | + | |
93 | +nomeseltema - identificador do tema inicial que será incluido no link, normalmente estadosl | |
94 | + | |
95 | +temasa - Id do elemento HTML onde a lista de temas adicionados, ou seja, os que forem escolhidos pelo usuário, será incluída. | |
96 | + | |
97 | +link - Id do elemento HTML do tipo <a> onde será mostrado o link criado para o mapa. | |
98 | + | |
99 | +grupo - Id do elemento HTML que receberá o combo com os grupos | |
100 | + | |
101 | +subgrupo - Id do elemento HTML que receberá o combo com os subgrupos | |
102 | + | |
103 | +tema - Id do elemento HTML que receberá o combo com a lista de temas | |
104 | + | |
105 | +buscageo - Id do elemento HTML onde será incluída a opção de busca de coordenadas geográficas | |
106 | + | |
107 | +menu - id do elemento HTML onde será incluido a lista de menus | |
108 | +*/ | |
109 | +function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tema,buscageo,menu) | |
110 | +{ | |
111 | + /* | |
112 | + Id do elemento HTML onde a lista de temas adicionados, ou seja, os que forem escolhidos pelo usuário, será incluída. | |
113 | + */ | |
114 | + this.temasa = temasa; | |
115 | + /* | |
116 | + Id do elemento HTML do tipo <a> onde será mostrado o link criado para o mapa. | |
117 | + */ | |
118 | + this.link = link; | |
119 | + /* | |
120 | + Guarda o valor do parametro seltema | |
121 | + */ | |
122 | + this.nomeseltema = nomeseltema; | |
123 | + /* | |
124 | + Guarda o valor do parametro loc_i3geo | |
125 | + */ | |
126 | + this.loc_i3geo = loc_i3geo; | |
127 | + /* | |
128 | + Guarda o valor do parametro menu | |
129 | + */ | |
130 | + this.menu = menu; | |
131 | + /* | |
132 | + Guarda o valor do parametro grupo | |
133 | + */ | |
134 | + this.grupo = grupo; | |
135 | + /* | |
136 | + Guarda o valor do parametro subgrupo | |
137 | + */ | |
138 | + this.subgrupo = subgrupo; | |
139 | + /* | |
140 | + Guarda o valor do parametro tema | |
141 | + */ | |
142 | + this.tema = tema; | |
143 | + /* | |
144 | + Guarda o valor do parametro buscageo | |
145 | + */ | |
146 | + this.buscageo = buscageo; | |
147 | + /* | |
148 | + Function seltema | |
149 | + | |
150 | + Adiciona na lista de temas escolhidos pelo usuário um novo tema. | |
151 | + | |
152 | + Ativada quando um grupo ou subgrupo é escolhido. | |
153 | + | |
154 | + Parameters | |
155 | + | |
156 | + idtema = identificador do tema conforme definido em menutemas/menutemas.xml | |
157 | + */ | |
158 | + this.seltema = function(idtema) | |
159 | + { | |
160 | + var novodiv = document.createElement("div"); | |
161 | + novodiv.style.textAlign="left"; | |
162 | + novodiv.id = idtema; | |
163 | + $i($i3geo_gl.temasa).appendChild(novodiv); | |
164 | + var novoel = document.createElement("img"); | |
165 | + novoel.title = "excluir"; | |
166 | + //novoel.onclick = excluir | |
167 | + eval("novoel.onclick = $i3geo_gl.excluir"); | |
168 | + novoel.src = "imagens/x.png"; | |
169 | + novodiv.appendChild(novoel); | |
170 | + var novoel = document.createElement("img"); | |
171 | + novoel.title = "subir"; | |
172 | + novoel.src = "imagens/sobe.gif"; | |
173 | + //novoel.onclick = subir | |
174 | + eval("novoel.onclick = $i3geo_gl.subir"); | |
175 | + novodiv.appendChild(novoel); | |
176 | + var novoel = document.createElement("img"); | |
177 | + novoel.title = "descer"; | |
178 | + novoel.src = "imagens/desce.gif"; | |
179 | + //novoel.onclick = descer | |
180 | + eval("novoel.onclick = $i3geo_gl.descer;"); | |
181 | + novodiv.appendChild(novoel); | |
182 | + var novoel = document.createElement("input"); | |
183 | + eval("novoel.onclick = function(){$i3geo_gl.crialink()}"); | |
184 | + novoel.title = "visível/não visível"; | |
185 | + novoel.type = "checkbox"; | |
186 | + novoel.style.cursor="pointer"; | |
187 | + novoel.style.top="3px"; | |
188 | + novoel.style.position="relative"; | |
189 | + novoel.style.border="0px"; | |
190 | + novoel.value=idtema; | |
191 | + novodiv.appendChild(novoel); | |
192 | + var novoel = document.createElement("span"); | |
193 | + novoel.style.cursor="pointer"; | |
194 | + novoel.title="preview"; | |
195 | + novoel.style.textDecoration = "underline"; | |
196 | + novoel.innerHTML = idtema; | |
197 | + eval("novoel.onclick = $i3geo_gl.preview"); | |
198 | + novodiv.appendChild(novoel); | |
199 | + novodiv.appendChild(document.createElement("br")); | |
200 | + this.crialink(); | |
201 | + }; | |
202 | + /* | |
203 | + Function crialink | |
204 | + | |
205 | + Pega os parametros especificados pelo usuário e monta o link para mostrar na tela. | |
206 | + */ | |
207 | + this.crialink = function() | |
208 | + { | |
209 | + var ins = $i3geo_gl.loc_i3geo+"/ms_criamapa.php?"; | |
210 | + var iguias = $i($i3geo_gl.temasa).getElementsByTagName("input"); | |
211 | + var tsl = []; //temas ligados | |
212 | + var tsd = []; //temas | |
213 | + for (var i=0;i<iguias.length; i++) | |
214 | + { | |
215 | + if (iguias[i].type == "checkbox") | |
216 | + { | |
217 | + tsd.push(iguias[i].value); | |
218 | + if (iguias[i].checked == true) | |
219 | + {tsl.push(iguias[i].value);} | |
220 | + } | |
221 | + } | |
222 | + if(tsd.length > 0) | |
223 | + {ins += "&temasa="+tsd.join(" ");} | |
224 | + if(tsl.length > 0) | |
225 | + {ins += "&layers="+tsl.join(" ");} | |
226 | + if($i("pontos").value != "") | |
227 | + { | |
228 | + ins += "&pontos="+$i("pontos").value; | |
229 | + ins += "&nometemapontos="+$i("nometemapontos").value; | |
230 | + } | |
231 | + if($i("perfili") && $i("perfili").value != "") | |
232 | + { | |
233 | + ins += "&perfil="+$i("perfili").value; | |
234 | + } | |
235 | + if($i("interface").value != "") | |
236 | + { | |
237 | + ins += "&interface="+$i("interface").value; | |
238 | + } | |
239 | + if($i($i3geo_gl.buscageo)) | |
240 | + { | |
241 | + if($i("i3geo_gl_xmin").value != "") | |
242 | + { | |
243 | + ins += "&mapext="+$i("i3geo_gl_xmin").value+" "; | |
244 | + ins += $i("i3geo_gl_ymin").value+" "; | |
245 | + ins += $i("i3geo_gl_xmax").value+" "; | |
246 | + ins += $i("i3geo_gl_ymax").value; | |
247 | + } | |
248 | + } | |
249 | + $i($i3geo_gl.link).href = ins; | |
250 | + $i($i3geo_gl.link).innerHTML = ins; | |
251 | + }; | |
252 | + /* | |
253 | + Function combogrupos | |
254 | + | |
255 | + Chama a função do i3geo que monta um combo com a lista de grupos de um menu do i3geo | |
256 | + | |
257 | + Parameters | |
258 | + | |
259 | + idMenu - id do menu que será pesquisado | |
260 | + */ | |
261 | + this.combogrupos = function(idMenu) | |
262 | + { | |
263 | + $i($i3geo_gl.grupo).innerHTML = "<span style=color:red >Aguarde...</span>"; | |
264 | + i3GEO.arvoreDeTemas.comboGruposMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.combosubgrupos",$i3geo_gl.grupo,"","530","1",idMenu); | |
265 | + }; | |
266 | + /* | |
267 | + Function combosubgrupos | |
268 | + | |
269 | + Chama a função do i3geo que monta um combo com a lista de subgrupos de um grupo do menu do i3geo | |
270 | + | |
271 | + Parameters | |
272 | + | |
273 | + idGrupo - id do grupo que será pesquisado | |
274 | + */ | |
275 | + this.combosubgrupos = function(idGrupo,dados) | |
276 | + { | |
277 | + //alert($i3geo_gl.subgrupo); | |
278 | + $i3geo_gl.combotemas(idGrupo,"",i3GEO.arvoreDeTemas.temasRaizGrupos[idGrupo]); | |
279 | + //if(dados != undefined) | |
280 | + //{$i3geo_gl.combotemas(idGrupo,$i3geo_gl.subgrupo,dados.temasgrupo);} | |
281 | + $i($i3geo_gl.subgrupo).innerHTML = "<span style=color:red >Aguarde...</span>"; | |
282 | + i3GEO.arvoreDeTemas.comboSubGruposMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.combotemas",$i3geo_gl.subgrupo,"",idGrupo,"530","1"); | |
283 | + }; | |
284 | + /* | |
285 | + Function combotemas | |
286 | + | |
287 | + Monta um combo com a lista de temas vinculados diretamente a um grupo. | |
288 | + | |
289 | + Chamado pela função combosubgrupos. | |
290 | + | |
291 | + Parameters | |
292 | + | |
293 | + idGrupo - id que identifica o grupo escolhido. | |
294 | + | |
295 | + idSubGrupo - id do sibgrupo | |
296 | + */ | |
297 | + this.combotemas = function (idGrupo,idSubGrupo,temas) | |
298 | + { | |
299 | + if(temas == undefined) | |
300 | + {temas = "";} | |
301 | + $i($i3geo_gl.tema).innerHTML = "<span style=color:red >Aguarde...</span>"; | |
302 | + i3GEO.arvoreDeTemas.comboTemasMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.preseltema",$i3geo_gl.tema,"",idGrupo,idSubGrupo,"530","5","",temas); | |
303 | + }; | |
304 | + this.combointerfaces = function(){ | |
305 | + var temp = function(retorno){ | |
306 | + var ins = "<select id=interface onchange='$i3geo_gl.crialink()'><option value=''>Default</option>", | |
307 | + d = retorno.data, | |
308 | + n = d.length, | |
309 | + i; | |
310 | + for(i=0; i<n; i++){ | |
311 | + ins += "<option value='"+d[i]+"'>"+d[i]+"</option>"; | |
312 | + } | |
313 | + ins += "</select>"; | |
314 | + $i("comboInterfaces").innerHTML = ins; | |
315 | + }; | |
316 | + i3GEO.php.listaInterfaces(temp); | |
317 | + }; | |
318 | + /* | |
319 | + Function preseltema | |
320 | + | |
321 | + Compatibiliza a chamada da função i3geo_combotemasMenu com a função this.seltema em termos de número de parametros | |
322 | + */ | |
323 | + this.preseltema = function(idgrupo,idsubgrupo,idtema) | |
324 | + { | |
325 | + $i3geo_gl.seltema(idtema); | |
326 | + }; | |
327 | + /* | |
328 | + Function preview | |
329 | + | |
330 | + Mostra um preview do tema clicado. | |
331 | + | |
332 | + Parameters | |
333 | + | |
334 | + e - elemento do DOM do objeto clicado. | |
335 | + */ | |
336 | + this.preview = function(e) | |
337 | + { | |
338 | + var id = i3GEO.util.pegaElementoPai(e).id; | |
339 | + window.open("testamapfile.php?map="+id+".map&tipo=grande"); | |
340 | + }; | |
341 | + /* | |
342 | + Function descer | |
343 | + | |
344 | + Desce um tema na lista de temas selecionados. | |
345 | + | |
346 | + Parameters | |
347 | + | |
348 | + e - elemento do DOM do objeto clicado. | |
349 | + */ | |
350 | + this.descer = function(e) | |
351 | + { | |
352 | + var pai = i3GEO.util.pegaElementoPai(e); | |
353 | + divpai = pai.parentNode; | |
354 | + if(pai.nextSibling) | |
355 | + divpai.insertBefore(pai,pai.nextSibling.nextSibling); | |
356 | + $i3geo_gl.crialink(); | |
357 | + }; | |
358 | + /* | |
359 | + Function subir | |
360 | + | |
361 | + Sobe um tema na lista de temas selecionados | |
362 | + | |
363 | + Parameters | |
364 | + | |
365 | + e - elemento do DOM. | |
366 | + */ | |
367 | + this.subir = function(e) | |
368 | + { | |
369 | + var pai = i3GEO.util.pegaElementoPai(e); | |
370 | + divpai = pai.parentNode; | |
371 | + divpai.insertBefore(pai,pai.previousSibling); | |
372 | + $i3geo_gl.crialink(); | |
373 | + }; | |
374 | + /* | |
375 | + Function excluir | |
376 | + | |
377 | + Exclui um tema da lista de temas selecionados | |
378 | + | |
379 | + Parameters | |
380 | + | |
381 | + e - elemento do DOM. | |
382 | + */ | |
383 | + this.excluir = function(e) | |
384 | + { | |
385 | + var pai = i3GEO.util.pegaElementoPai(e); | |
386 | + pai.parentNode.removeChild(pai); | |
387 | + $i3geo_gl.crialink(); | |
388 | + }; | |
389 | + /* | |
390 | + Function buscageo_init | |
391 | + | |
392 | + Inicializa o OpenLayers para permitir ao usuário escolher a abrangência espacial do link. | |
393 | + */ | |
394 | + this.buscageo_init = function() | |
395 | + { | |
396 | + var ins = "<div style=margin:10px;text-align:left; >"; | |
397 | + ins += "<p class=paragrafo ><b>Utilize o navegador abaixo para definir as coordenadas geográficas do seu mapa, ou digite os valores desejados (opcional):</b></p>"; | |
398 | + ins += "<div id=i3geo_gl_mapa1 style='width:256px;height:256px;border:1px solid blue;display:none'></div>"; | |
399 | + ins += "<div style=position:absolute;top:40px;left:270px;text-align:left; >"; | |
400 | + ins += "Coordenadas geográficas:<br><br>"; | |
401 | + ins += "<table style=text-align:left >"; | |
402 | + ins += "<tr><td style=text-align:left >Longitude mínima:</td>"; | |
403 | + ins += "<td><div style=padding:5px;width:80px; id=paiXmin >"; | |
404 | + ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_xmin />"; | |
405 | + ins += "</div></td></tr>"; | |
406 | + ins += "<tr><td style=text-align:left >Longitude máxima:</td>"; | |
407 | + ins += "<td><div style=padding:5px;width:80px; id=paiXmax >"; | |
408 | + ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_xmax />"; | |
409 | + ins += "</div></td></tr>"; | |
410 | + ins += "<tr><td style=text-align:left >Latitude mínima:</td>"; | |
411 | + ins += "<td><div style=padding:5px;width:80px; id=paiYmin >"; | |
412 | + ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_ymin />"; | |
413 | + ins += "</div></td></tr>"; | |
414 | + ins += "<tr><td style=text-align:left >Latitude máxima:</td>"; | |
415 | + ins += "<td><div style=padding:5px;width:80px; id=paiYmax >"; | |
416 | + ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_ymax />"; | |
417 | + ins += "</div></td></tr></table>"; | |
418 | + ins += "<input style='width:140px;position:relative;top:10px;left:-10px' class=aplicar type='button' value='capturar' onclick='$i3geo_gl.OL.capturageo()' />"; | |
419 | + ins += "</div></div>"; | |
420 | + document.getElementById(this.buscageo).innerHTML = ins; | |
421 | + $i("i3geo_gl_mapa1").style.display = "block"; | |
422 | + $i3geo_gl.OL = new OpenLayers.Map('i3geo_gl_mapa1',{controls:[],numZoomLevels: 13}); | |
423 | + // | |
424 | + //layers | |
425 | + // | |
426 | + var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
427 | + "ESRI World Street Map", | |
428 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
429 | + { | |
430 | + format : "jpeg" | |
431 | + }, { | |
432 | + isBaseLayer : true, | |
433 | + visibility : true | |
434 | + }); | |
435 | + $i3geo_gl.OL.addLayer(wsm); | |
436 | + | |
437 | + var bra = new OpenLayers.Layer.WMS( | |
438 | + "Base carto MMA", | |
439 | + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
440 | + { | |
441 | + layers : "baseraster", | |
442 | + srs : "EPSG:4618", | |
443 | + format : "image/png", | |
444 | + isBaseLayer : false | |
445 | + }, { | |
446 | + isBaseLayer : true, | |
447 | + visibility : false | |
448 | + }); | |
449 | + $i3geo_gl.OL.addLayer(bra); | |
450 | + | |
451 | + // | |
452 | + //zoom e controle de layers | |
453 | + // | |
454 | + var ls = new OpenLayers.Control.LayerSwitcher(); | |
455 | + $i3geo_gl.OL.addControl(ls); | |
456 | + $i(ls.id).style.zIndex=2000; | |
457 | + $i3geo_gl.OL.setCenter(new OpenLayers.LonLat(-55,-14), 3); | |
458 | + var panel = new OpenLayers.Control.NavToolbar(); | |
459 | + $i3geo_gl.OL.addControl(panel); | |
460 | + panel.div.style.left="-4px"; | |
461 | + panel.div.style.top="-298px"; | |
462 | + var zb = new OpenLayers.Control.PanZoomBar(); | |
463 | + $i3geo_gl.OL.addControl(zb); | |
464 | + zb.div.style.left="0px"; | |
465 | + $i3geo_gl.OL.capturageo = function() | |
466 | + { | |
467 | + var b = $i3geo_gl.OL.getExtent(); | |
468 | + $i("i3geo_gl_xmin").value = b.left; | |
469 | + $i("i3geo_gl_xmax").value = b.right; | |
470 | + $i("i3geo_gl_ymin").value = b.bottom; | |
471 | + $i("i3geo_gl_ymax").value = b.top; | |
472 | + $i3geo_gl.crialink(); | |
473 | + }; | |
474 | + }; | |
475 | +} | |
476 | + | |
477 | +/* | |
478 | +Function i3geo_gl_inicia | |
479 | + | |
480 | +Inicia a interface do gerador de links. | |
481 | + | |
482 | +Parameters | |
483 | + | |
484 | +objeto_i3geo_gl_configura - objeto com os paramentros de configuração criado pela função i3geo_gl_configura | |
485 | +*/ | |
486 | +function i3geo_gl_inicia(objeto_i3geo_gl_configura) | |
487 | +{ | |
488 | + /* | |
489 | + Propriedade $i3geo_gl | |
490 | + | |
491 | + Contém o objeto $i3geo_gl com todas as propriedades e funções de controle da interface | |
492 | + */ | |
493 | + i3GEO.configura.sid = ""; | |
494 | + $i3geo_gl = objeto_i3geo_gl_configura; | |
495 | + if(document.getElementById($i3geo_gl.buscageo)) | |
496 | + $i3geo_gl.buscageo_init(); | |
497 | + $i3geo_gl.combointerfaces(); | |
498 | + i3GEO.arvoreDeTemas.comboMenus($i3geo_gl.loc_i3geo,"$i3geo_gl.combogrupos",$i3geo_gl.menu,"","530","1",""); | |
499 | + /* | |
500 | + $inputText("paiPontos","","pontos","","","") | |
501 | + $inputText("paiNometemapontos","","nometemapontos","","","") | |
502 | + $inputText("paiPerfil","","perfil","","","") | |
503 | + */ | |
504 | +} | |
0 | 505 | \ No newline at end of file | ... | ... |
... | ... | @@ -0,0 +1,167 @@ |
1 | +<?php | |
2 | +define ( ONDEI3GEO, ".." ); | |
3 | +include (dirname ( __FILE__ ) . "/../ms_configura.php"); | |
4 | +if (! empty ( $_GET ["customDir"] )) { | |
5 | + $customDir = strip_tags ( $_GET ["customDir"] ); | |
6 | +} else if (empty ( $customDir )) { | |
7 | + $customDir = "interface"; | |
8 | +} | |
9 | +if (! file_exists ( $dir_tmp )) { | |
10 | + @mkdir ( $dir_tmp, 0777 ); | |
11 | +} | |
12 | +if (file_exists ( $dir_tmp )) { | |
13 | + @mkdir ( $dir_tmp . "/comum", 0777 ); | |
14 | + @mkdir ( $dir_tmp . "/saiku-datasources", 0777 ); | |
15 | + chmod ( $dir_tmp . "/saiku-datasources", 0777 ); | |
16 | + @mkdir ( $dir_tmp . "/cache", 0777 ); | |
17 | + chmod ( $dir_tmp . "/cache", 0777 ); | |
18 | + @mkdir ( $dir_tmp . "/cache/googlemaps", 0777 ); | |
19 | + chmod ( $dir_tmp . "/cache/googlemaps", 0777 ); | |
20 | +} | |
21 | +error_reporting ( 0 ); | |
22 | +include "../init/head.php"; | |
23 | +?> | |
24 | +<body style="background-color: #eeeeee; padding-top: 55px; position: relative;" id="affix-topo" | |
25 | + data-spy="scroll" data-target="#indiceSpy" data-offset="80"> | |
26 | + <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> | |
27 | + <div class="container-fluid"> | |
28 | + <div class="navbar-header"> | |
29 | + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" | |
30 | + data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | |
31 | + <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span | |
32 | + class="icon-bar"></span> | |
33 | + </button> | |
34 | + <a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i | |
35 | + class="fa fa-home fa-1x"></i></a> | |
36 | + </div> | |
37 | + </div> | |
38 | + </nav> | |
39 | + <!--para as mensagens de alerta--> | |
40 | + <div class="navbar-fixed-top alert alert-success text-center" style="padding: 0px;"></div> | |
41 | + <div class="container-fluid"> | |
42 | + <div class="row"> | |
43 | + <ol class="breadcrumb"> | |
44 | + <li><a href="../init/index.php">i3Geo</a></li> | |
45 | + <li class="active">Mapas de usuários</li> | |
46 | + </ol> | |
47 | + </div> | |
48 | + </div> | |
49 | + <div class="container"> | |
50 | + <fieldset> | |
51 | + <legend style="font-size: 14px;"></legend> | |
52 | + <br> | |
53 | + <p class=paragrafo> | |
54 | + Para ver todos os parâmetros de inicialização que podem ser utilizados: <a | |
55 | + href="ms_criamapa.php?ajuda" target=_blank>ms_criamapa.php?ajuda</a> | |
56 | + </p> | |
57 | + | |
58 | + <p class=paragrafo> | |
59 | + Aqui você pode gerar links para abrir o i3Geo de forma personalizada. Os links podem ser | |
60 | + incluídos em qualquer página WEB, sendo possível definir quais os temas | |
61 | + serão mostrados e qual a extensão geográfica do mapa.<br> <br> | |
62 | + </p> | |
63 | + </fieldset> | |
64 | + <fieldset style="min-height: 100px;"> | |
65 | + <p class=paragrafo> | |
66 | + Este é o link para abrir o mapa. Copie e cole em sua página na internet ou clique | |
67 | + para testar: <a style="color: blue; font-size: 12px" href="" id=link target=blanck></a> | |
68 | + | |
69 | + </fieldset> | |
70 | + <fieldset> | |
71 | + <div style="margin: 10px;"> | |
72 | + <p class=paragrafo> | |
73 | + <b>Escolha os temas que serão incluídos no mapa (opcional):</b> | |
74 | + </p> | |
75 | + <p class=paragrafo>Menu: | |
76 | + | |
77 | + | |
78 | + <div id=menus style="text-align: left;">Aguarde...</div> | |
79 | + <br> | |
80 | + <p class=paragrafo>Grupo: | |
81 | + | |
82 | + | |
83 | + <div id=grupos style="text-align: left;"> </div> | |
84 | + <br> | |
85 | + <p class=paragrafo>Sub-grupo: | |
86 | + | |
87 | + | |
88 | + <div id=subgrupos style="text-align: left;"> </div> | |
89 | + <br> | |
90 | + <p class=paragrafo>Tema: | |
91 | + | |
92 | + | |
93 | + <div id=temas style="text-align: left;"> </div> | |
94 | + <br> | |
95 | + <div style="left: 0px; text-align: left;"> | |
96 | + Temas já escolhidos. Os que estiverem marcados, ficarão ligados logo ao abrir o | |
97 | + mapa: | |
98 | + <div id=temasa | |
99 | + style='width: 530px; border: 1px gray solid; height: 90px; top: 10px; left: 0px; text-align: left; overflow: auto'></div> | |
100 | + </div> | |
101 | + </div> | |
102 | + | |
103 | + </fieldset> | |
104 | + <fieldset> | |
105 | + <div style="margin: 10px;"> | |
106 | + <p class=paragrafo> | |
107 | + <b>Se vc quiser, o mapa poderá ser aberto mostrando pontos, digite abaixo as coordenadas | |
108 | + dos pontos em décimos de grau (exemplo: -54 -12 -54 1 -51 -15) (opcional):</b> | |
109 | + </p> | |
110 | + <p class=paragrafo>Coordenadas dos pontos:</p> | |
111 | + <div style="padding: 5px;" id=paiPontos> | |
112 | + <input type=text size=60 id=pontos value="" onchange="$i3geo_gl.crialink()" /> | |
113 | + </div> | |
114 | + <p class=paragrafo>Nome do tema para aparecer na legenda:</p> | |
115 | + <div style="padding: 5px;" id=paiNometemapontos> | |
116 | + <input type=text size=60 id=nometemapontos value="" onchange="$i3geo_gl.crialink()" /> | |
117 | + </div> | |
118 | + </div> | |
119 | + </fieldset> | |
120 | + <fieldset> | |
121 | + <div style="margin: 10px;"> | |
122 | + <p class=paragrafo> | |
123 | + <b>Caso existam perfis definidos na configuração do menu de temas, vc pode | |
124 | + restringir a lista de temas do menu de adição de temas do I3Geo (opcional)</b> | |
125 | + </p> | |
126 | + <p class=paragrafo>Perfil:</p> | |
127 | + <input onchange="$i3geo_gl.crialink()" type=text size=60 id=perfili value="" | |
128 | + style="border: 1px solid black" /> | |
129 | + </div> | |
130 | + </fieldset> | |
131 | + <fieldset> | |
132 | + <div style="margin: 10px; text-align: left;"> | |
133 | + <p class=paragrafo> | |
134 | + <b>Escolha a interface para o mapa (opcional)</b> | |
135 | + </p> | |
136 | + <div id="comboInterfaces" style="text-align: left;"> | |
137 | + <select id=interface onchange="$i3geo_gl.crialink()"> | |
138 | + <option value="">Default</option> | |
139 | + <option value="black_gm.phtml">Google Maps</option> | |
140 | + <option value="googleearth.phtml">Google Earth</option> | |
141 | + <option value="black_ol.htm">Openlayers</option> | |
142 | + <option value="black_osm.htm">Open Street Map</option> | |
143 | + </select> | |
144 | + </div> | |
145 | + </div> | |
146 | + </fieldset> | |
147 | + <fieldset id=buscageo></fieldset> | |
148 | + </div> | |
149 | + | |
150 | + <script type="text/javascript" src="../classesjs/i3geo_tudo_compacto6.js"></script> | |
151 | + <script src='dicionario.js'></script> | |
152 | + <script src='index.js'></script> | |
153 | + <script> | |
154 | + //$(document).ready(function(){ | |
155 | + i3GEO.configura = {"locaplic" : window.location.href.split("/permlinks")[0],"sid": ""}; | |
156 | + $(".active").html($trad("mapas",g_traducao_mapas)); | |
157 | + OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
158 | + | |
159 | + var i3geo_gl_configura = | |
160 | + new i3geo_gl_configura(i3GEO.configura.locaplic, "", "temasa", "link", "grupos", "subgrupos", "temas", "buscageo", "menus"); | |
161 | + i3geo_gl_inicia(i3geo_gl_configura); | |
162 | + | |
163 | + $.material.init(); | |
164 | + //}); | |
165 | + </script> | |
166 | +</body> | |
167 | +</html> | ... | ... |
testainstal/index.php
... | ... | @@ -16,7 +16,7 @@ |
16 | 16 | define ( ONDEI3GEO, ".." ); |
17 | 17 | include "../init/head.php"; |
18 | 18 | ?> |
19 | -<body style="background-color: #eeeeee; padding-top: 55px;" id="topo"> | |
19 | +<body style="padding-top: 55px;" id="topo"> | |
20 | 20 | <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> |
21 | 21 | <div class="container-fluid"> |
22 | 22 | <div class="navbar-header"> | ... | ... |
utilitarios/index.php
... | ... | @@ -17,7 +17,7 @@ include "../init/head.php"; |
17 | 17 | margin: auto; |
18 | 18 | } |
19 | 19 | </style> |
20 | -<body style="background-color: #eeeeee; padding-top: 55px;"> | |
20 | +<body style="padding-top: 55px;"> | |
21 | 21 | <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> |
22 | 22 | <div class="container-fluid"> |
23 | 23 | <div class="navbar-header"> | ... | ... |