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 @@ | @@ -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 | \ No newline at end of file | 256 | \ No newline at end of file |