Commit 0d0930334d765cf56356b5cf9179262c38aa39e1
1 parent
8969e7f6
Exists in
master
and in
7 other branches
--no commit message
Showing
1 changed file
with
255 additions
and
0 deletions
Show diff stats
| ... | ... | @@ -0,0 +1,255 @@ |
| 1 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | |
| 2 | +<html> | |
| 3 | +<head> | |
| 4 | +<meta NAME="keywords" content="mapserver,i3geo,mapas interativos,geoprocessamento,software livre, software publico, gpl"> | |
| 5 | +<meta NAME="description" content="i3Geo - baseado no Mapserver, é um software livre para criação de mapas interativos e geoprocessamento - licenciado sob GPL e Software Publico"> | |
| 6 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 7 | +<title>i3Geo</title> | |
| 8 | +<!-- | |
| 9 | + Leitura dos programas javaScript e estilos. | |
| 10 | + Os códigos do i3geo são compactados para tornar o carregamento mais rápido. | |
| 11 | + Se vc alterar os códigos originais, não se esqueça de compactá-los com classesjs/compactajs.php. | |
| 12 | + Para depurar o código sem ter de compactá-los, substitua na linha abaixo | |
| 13 | + o arquivo i3geo.js por i3geonaocompacto.js | |
| 14 | + No modo não compactado o código está adaptado para uso com o Firebug do Firefox. | |
| 15 | +--> | |
| 16 | +<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script> | |
| 17 | +<style> | |
| 18 | +.yui-log .i3geo {background-color:yellow;} /* customize a color */ | |
| 19 | +.yui-log .redesenho {background-color:yellow;} /* customize a color */ | |
| 20 | +.yui-log .janela {background-color:yellow;} /* customize a color */ | |
| 21 | +.yui-log-bd {text-align:left;} | |
| 22 | +.yui-log-entry yui-log-verbose, p{text-align:left;} | |
| 23 | + .info {text-align:left;} | |
| 24 | +</style> | |
| 25 | +</head> | |
| 26 | +<body id="i3geo"> | |
| 27 | + | |
| 28 | +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0' > | |
| 29 | + | |
| 30 | +<!-- | |
| 31 | + Inclui a barra superior. Se vc não quiser o menu, é só comentar o TR | |
| 32 | +--> | |
| 33 | +<tr style="border:0px"> | |
| 34 | + <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
| 35 | +</tr> | |
| 36 | +<tr> | |
| 37 | +<td> | |
| 38 | + <table width=100% cellspacing=0 cellpadding=0 > | |
| 39 | + <tr> | |
| 40 | + <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td> | |
| 41 | + <td> | |
| 42 | + <!-- | |
| 43 | + Guias principais, não mude o ID, apenas o nome se for desejado | |
| 44 | + --> | |
| 45 | + | |
| 46 | + <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
| 47 | + <div id=guia1 class=guia >Temas</div> | |
| 48 | + <div id=guia2 class=guia >Adiciona</div> | |
| 49 | + <div id=guia4 class=guia >Legenda</div> | |
| 50 | + <div id=guia5 class=guia >Links</div> | |
| 51 | + </div> | |
| 52 | + </td> | |
| 53 | + | |
| 54 | + </tr> | |
| 55 | + </table> | |
| 56 | +</td> | |
| 57 | +<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
| 58 | + <!-- | |
| 59 | + menu suspenso | |
| 60 | + --> | |
| 61 | + <div id="menus" ></div> | |
| 62 | +</td> | |
| 63 | +</tr> | |
| 64 | +<tr> | |
| 65 | + <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:268px;text-align:left;"> | |
| 66 | + <!-- | |
| 67 | + Esta div acrescenta a lista de propriedades do mapa, caso vc queira colocá-la em um lugar específico | |
| 68 | + --> | |
| 69 | + | |
| 70 | + <!--<div id=listaPropriedades ></div>--> | |
| 71 | + <!-- | |
| 72 | + Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico | |
| 73 | + --> | |
| 74 | + <!-- <div id=buscaRapida ></div> --> | |
| 75 | + <!-- | |
| 76 | + As divs guiaNobj guardam o conteúdo que é mostrado quando a guia é clicada | |
| 77 | + Para cada botão na guia deve haver um div com o conteúdo, pe. | |
| 78 | + o div com id=guia1 deve ter um div com id=guia1obj | |
| 79 | + --> | |
| 80 | + <div id='guia1obj' > | |
| 81 | + <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
| 82 | + <div id=listaPropriedades style='top:15px;' ></div> | |
| 83 | + <div id=listaTemas style='top:15px;'></div> | |
| 84 | + <!-- se vc quiser colocar a arvore de adição de temas em um lugar específico, use o div abaixo, caso contrário, a árvore será colocada na guia definida em objmapa.guiaMenu | |
| 85 | + <div id=arvoreAdicionaTema style='top:25px;' ></div> | |
| 86 | + <div id=outrasOpcoesAdiciona style='top:25px;' ></div> | |
| 87 | + --> | |
| 88 | + </div> | |
| 89 | + | |
| 90 | + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="aguarde" src="../imagens/branco.gif" width=248 /></div> | |
| 91 | + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 92 | + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
| 93 | + </td> | |
| 94 | + <td style="vertical-align:top;border-width:0px;"> | |
| 95 | + <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 96 | + <!-- | |
| 97 | + Corpo do mapa. Pode ser reposicionado, mas não mude os IDs. Se vc quiser que o mapa tenha um tamanho específico, inclua o estilo, exemplo, style=width:300px;height:300px | |
| 98 | + Vc pode usar o estilo para definir o tamanho do mapa. Se não tiver estilo definido, o tamanho será automático | |
| 99 | + --> | |
| 100 | + <tr><td class=verdeclaro id=contemImg > | |
| 101 | + | |
| 102 | + <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 103 | + </td></tr> | |
| 104 | + </table> | |
| 105 | + </td> | |
| 106 | + </tr> | |
| 107 | +<!-- | |
| 108 | +Mostra as coordenadas conforme o mouse é movimentado | |
| 109 | +--> | |
| 110 | +<!-- <div class=pcenter10 id='longlat'>Longitude e latitude</div> --> | |
| 111 | +<!-- | |
| 112 | +Escala gráfica. Pode ser excluída. | |
| 113 | +--> | |
| 114 | +<!-- <div id="escalaGrafica" style="text-align:left"></div> --> | |
| 115 | +<!-- | |
| 116 | +vc pode optar por colocar mensagens de ajuda em algum lugar | |
| 117 | +--> | |
| 118 | +<!-- | |
| 119 | +<tr><td colspan=2 ><div id=i3geo_ajuda class=verdeescuro style="text-align:left;" >I3Geo</div></td></tr> | |
| 120 | +--> | |
| 121 | +<tr> | |
| 122 | + | |
| 123 | + <td class=tdbranca > | |
| 124 | + <!-- | |
| 125 | + Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
| 126 | + <div id=visual ></div> | |
| 127 | + --> | |
| 128 | + <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 129 | + <div id="seletorIdiomas" ></div> | |
| 130 | + <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 131 | + <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> | |
| 132 | + </td> | |
| 133 | + <td class=tdbranca > | |
| 134 | + <table width=100% ><tr> | |
| 135 | + <td class=tdbranca ><div id=lugarquadros ></div></td> | |
| 136 | + <td class=tdbranca style=text-align:center > | |
| 137 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 138 | + <div id=localizarxy style="text-align:left;font-size:10px;">Aguarde...</div> | |
| 139 | + </td> | |
| 140 | + <td class=tdbranca > | |
| 141 | + <!-- aqui será incluída a escala numérica --> | |
| 142 | + <div id=escala ></div> | |
| 143 | + </td> | |
| 144 | + <!-- | |
| 145 | + A opção de localização 'onde estou?' baseia-se na identificação do IP do usuário. Para | |
| 146 | + que esta opção funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no | |
| 147 | + SVN do portal do software público o diretório arquivos_versões/pacotes para maiores informações | |
| 148 | + --> | |
| 149 | + <td class=tdbranca ><div id=ondeestou ></div></td> | |
| 150 | + </tr> | |
| 151 | + <!-- esta div recebe o cálculo do posicionamento do mouse em coordenadas UTM | |
| 152 | + As coordenadas UTM apenas serão mostradas nessa div se o parâmetro | |
| 153 | + i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml | |
| 154 | + se os IDs forem iguais, o tipo de coordenada mostrada será intercalada, ora UTM ora GEO. | |
| 155 | + <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr> | |
| 156 | + --> | |
| 157 | + </table> | |
| 158 | + </td> | |
| 159 | +</tr> | |
| 160 | +<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
| 161 | +<!-- aqui são mostradas imagens obtidas do metadata mensagem que pode existir em cada layer --> | |
| 162 | +<tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr> | |
| 163 | +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white >geoprocessamento@mma.gov.br</td></tr> | |
| 164 | +</table> | |
| 165 | + | |
| 166 | +<center> | |
| 167 | +<br><br> | |
| 168 | +<table> | |
| 169 | +<tr> | |
| 170 | + <td><center><h1><div id=versaoi3geo ></div><h2>Software livre para criação de mapas interativos e geoprocessamento<h3>Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></h2></h1></td> | |
| 171 | +</tr> | |
| 172 | +<tr> | |
| 173 | + <td style="padding:10px;"><center><img alt="logomarca" src='../imagens/logo_inicio.png'></td> | |
| 174 | +</tr> | |
| 175 | +<tr> | |
| 176 | + <td><center> | |
| 177 | + <script type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
| 178 | + </td> | |
| 179 | +</tr> | |
| 180 | +</table> | |
| 181 | +<!-- Variáveis globais e inicialização do mapa--> | |
| 182 | +<script type="text/javascript"> | |
| 183 | +/* | |
| 184 | +Title: Interface normal com debug | |
| 185 | + | |
| 186 | +Abre o i3geo com todas as suas funcionalidades porém inclui o js i3geonaocompacto.js que permite verificar erros por meio do FIREBUG. | |
| 187 | + | |
| 188 | +File: i3geo/aplicmap/geral.htm | |
| 189 | + | |
| 190 | +Exemplo: | |
| 191 | + | |
| 192 | +http://<host>/i3geo/ms_criamapa.php | |
| 193 | + | |
| 194 | +*/ | |
| 195 | +/* | |
| 196 | + Indica a localização correta do i3geo. | |
| 197 | + | |
| 198 | + É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 199 | +*/ | |
| 200 | +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 201 | +var g_localimg = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo/imagens"; | |
| 202 | +var g_3dmap = "3dmap.map"; | |
| 203 | + | |
| 204 | +//i3GEO.arvoreDeTemas.INCLUISISTEMAS = false; | |
| 205 | +//i3GEO.idioma.MOSTRASELETOR = false; | |
| 206 | +//function tempi(){alert("oi")} | |
| 207 | +//i3GEO.configura.funcaoIdentifica = "tempi()" | |
| 208 | +i3GEO.cria() | |
| 209 | +//Log | |
| 210 | +/* | |
| 211 | +var myContainer = document.body.appendChild(document.createElement("div")); | |
| 212 | +myContainer.style.textAlign="left"; | |
| 213 | +i3geoLog = new YAHOO.widget.LogReader(myContainer); | |
| 214 | +i3geoLog.show(); | |
| 215 | +*/ | |
| 216 | + | |
| 217 | +/* | |
| 218 | + Inicializa o mapa | |
| 219 | +*/ | |
| 220 | +//i3GEO.guias.ATUAL = "legenda" | |
| 221 | +//i3GEO.idioma.alteraDicionario("t18a","teste"); | |
| 222 | + | |
| 223 | +/* | |
| 224 | +i3GEO.configura.grupoLayers = [ | |
| 225 | + {nome:"Grupo 1",layers:["zee","estadosl"]}, | |
| 226 | + {nome:"Grupo 2",layers:["mundo"]} | |
| 227 | +] | |
| 228 | +*/ | |
| 229 | + | |
| 230 | +i3GEO.barraDeBotoes.AUTOALTURA = false | |
| 231 | +i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = true | |
| 232 | +i3GEO.barraDeBotoes.PERMITEFECHAR = true | |
| 233 | +i3GEO.barraDeBotoes.PERMITEDESLOCAR = true | |
| 234 | +i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja" | |
| 235 | +i3GEO.barraDeBotoes.AUTO = true //as barras de botões serão construídas automaticamente | |
| 236 | +//i3GEO.configura.embedLegenda = "sim" | |
| 237 | + | |
| 238 | +i3GEO.idioma.IDSELETOR = "seletorIdiomas" | |
| 239 | +i3GEO.interface.ATIVAMENUCONTEXTO = true; | |
| 240 | + | |
| 241 | +i3GEO.inicia(); | |
| 242 | +// | |
| 243 | +//inclui um tema via javascript | |
| 244 | +/* | |
| 245 | +var temp = function(){alert("oi");i3GEO.atualiza();} | |
| 246 | +i3GEO.php.ligatemas(temp,"","biomashp","sim"); | |
| 247 | +*/ | |
| 248 | + | |
| 249 | +//esconde a opção de inclusão da escala quando a resolução da tela for muito pequena | |
| 250 | +if($i("escala") && i3GEO.parametros.w < 500) | |
| 251 | +{$i("escala").style.display="none";} | |
| 252 | +</script> | |
| 253 | +</body> | |
| 254 | + | |
| 255 | +</html> | |
| 0 | 256 | \ No newline at end of file | ... | ... |