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