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"> | ... | ... |