Commit 56bc712f55a01e1673457081a9c5fffd3a65ed51
1 parent
d6601d2b
Exists in
master
and in
7 other branches
--no commit message
Showing
11 changed files
with
0 additions
and
2453 deletions
Show diff stats
interface/googlemaps.phtml
... | ... | @@ -1,211 +0,0 @@ |
1 | -<?php | |
2 | -include_once("../ms_configura.php"); | |
3 | -?> | |
4 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
5 | -<html> | |
6 | -<head> | |
7 | -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
8 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
9 | -<title>i3GEO - Google Maps</title> | |
10 | - | |
11 | -</head> | |
12 | -<body id="i3geo" style="background-color:white"> | |
13 | -<!-- inclui o nome do usuario logado --> | |
14 | -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div> | |
15 | -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> | |
16 | - <tr style="border:0px"> | |
17 | - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
18 | - </tr> | |
19 | - <tr> | |
20 | - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
21 | - <!--menu suspenso--> | |
22 | - <div id="menus" ></div> | |
23 | - </td> | |
24 | - </tr> | |
25 | - <tr> | |
26 | - <td style="vertical-align:top;border-width:0px;"> | |
27 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
28 | - <tr> | |
29 | - <td class=verdeclaro id=contemImg > | |
30 | - <div id=googlemapsdiv style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
31 | - </td> | |
32 | - </tr> | |
33 | - </table> | |
34 | - </td> | |
35 | - </tr> | |
36 | - <tr> | |
37 | - <td> | |
38 | - <table width=100% > | |
39 | - <tr> | |
40 | - <td class=tdbranca > | |
41 | - <!-- | |
42 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
43 | - <div id=visual ></div> | |
44 | - --> | |
45 | - <!-- botão de compartilhamento em redes sociais --> | |
46 | - <div id=i3GEOcompartilhar style="width:170px;margin:auto;text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div> | |
47 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
48 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
49 | - </td> | |
50 | - <td class=tdbranca > | |
51 | - <!-- aqui será incluída a escala numérica --> | |
52 | - <div id=escala style="margin:auto;text-align:right;" ></div> | |
53 | - </td> | |
54 | - <td class=tdbranca > | |
55 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
56 | - <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div> | |
57 | - </td> | |
58 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
59 | - <td class=tdbranca > | |
60 | - <div id=seletorIdiomas ></div> | |
61 | - </td> | |
62 | - </tr> | |
63 | - </table> | |
64 | - </td> | |
65 | - </tr> | |
66 | - <tr style="border:0px"> | |
67 | - <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td> | |
68 | - </tr> | |
69 | -</table> | |
70 | -<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'> | |
71 | - <tr> | |
72 | - <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></td> | |
73 | - </tr> | |
74 | - <tr> | |
75 | - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td> | |
76 | - </tr> | |
77 | - <tr> | |
78 | - <td> | |
79 | - <!-- | |
80 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
81 | - --> | |
82 | - </td> | |
83 | - </tr> | |
84 | -</table> | |
85 | - | |
86 | -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:1000;background-color:none"> | |
87 | - <img id='i3GEOguiaMovelPuxador' onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:absolute;top:0px' width='0px' src='../imagens/openbars.png' > | |
88 | - <div id="i3GEOguiaMovelMolde" style="position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray"> | |
89 | - <div id='i3GEOguiaMovelIcones' style='overflow:none;left:0px;display:none;position:absolute;top:0px;text-align:center;height:0px;width:0px;border:solid 0px white;background-color:white' ></div> | |
90 | - <div id='i3GEOguiaMovelConteudo' style='overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'> | |
91 | - <div id='guia1obj' style='display:none;' > | |
92 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
93 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
94 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
95 | - <div id=listaPropriedades style='top:15px;' ></div> | |
96 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
97 | - <div id=listaLayersBase style='top:15px;'></div> | |
98 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
99 | - <div id=listaTemas style='top:15px;'></div> | |
100 | - </div> | |
101 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
102 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
103 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
104 | - </div> | |
105 | - </div> | |
106 | -</div> | |
107 | - | |
108 | -<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing "></script> | |
109 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
110 | -<script type="text/javascript"> | |
111 | -/* | |
112 | -Google Maps | |
113 | - | |
114 | -Abre o i3geo com a navegação controlada pelo Google Maps. | |
115 | - | |
116 | -Arquivo: i3geo/interface/googlemaps.phtml | |
117 | - | |
118 | -Exemplo: | |
119 | - | |
120 | -http://localhost/i3geo/interface/googlemaps.phtml | |
121 | - | |
122 | -*/ | |
123 | -/* | |
124 | - Indica a localização correta do i3geo. | |
125 | - | |
126 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
127 | - | |
128 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
129 | -*/ | |
130 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
131 | - | |
132 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
133 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
134 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
135 | -i3GEO.configura.diminuixN = 20; | |
136 | -//ativa ou desativa o balao de info ao clicar no mapa | |
137 | -i3GEO.eventos.cliquePerm.ativo = true; | |
138 | -// | |
139 | -i3GEO.cria(); | |
140 | - | |
141 | -/* | |
142 | - Inicializa o mapa | |
143 | -*/ | |
144 | -//não mostra o mapa de referência | |
145 | -i3GEO.configura.mapaRefDisplay = "none"; | |
146 | -//tipo de barra de botões | |
147 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
148 | -//ajusta o deslocamento da barra de botões | |
149 | -i3GEO.barraDeBotoes.OFFSET = -10; | |
150 | -//i3GEO.barraDeBotoes.INCLUIBOTAO.barraedicao = false; | |
151 | -//ajusta a posição da barra de botões no IE | |
152 | -//if(navm) | |
153 | -//{i3GEO.barraDeBotoes.OFFSET = -45;} | |
154 | - | |
155 | -//número máximo de botões na barra de botões inicial | |
156 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
157 | -//remove itens dos menus que não são necessários, já que estão como ícones na barra de botões | |
158 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
159 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
160 | - | |
161 | -//barra de botoes normal. descomente para usar | |
162 | -/* | |
163 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
164 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
165 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
166 | -i3GEO.barraDeBotoes.PERMITEFECHAR = true; | |
167 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true; | |
168 | -i3GEO.barraDeBotoes.AUTO = true; | |
169 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
170 | -i3GEO.Interface.BARRABOTOESLEFT = 80; | |
171 | -i3GEO.Interface.BARRABOTOESTOP = 20; | |
172 | -*/ | |
173 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
174 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
175 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
176 | - | |
177 | -//para evitar a entrada de comentários na árvore de camadas, modifique a opção de cada tema individualmente no sistema de administração | |
178 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentario = true; | |
179 | -i3GEO.mapa.AUTORESIZE = true; | |
180 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
181 | -i3GEO.guias.TIPO = "movel"; | |
182 | -//posição da guia movel em relação ao topo do mapa. Se for igual a 0, o cálculo será feito de forma automática | |
183 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
184 | - | |
185 | -i3GEO.ajuda.ATIVAJANELA = false; | |
186 | -// | |
187 | -//define a funcao que sera executada ao clicar no mapa | |
188 | -//default (balao do tipo etiqueta) | |
189 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
190 | -//alternativo (janela de identificacao | |
191 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
192 | -// | |
193 | - | |
194 | -// | |
195 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. | |
196 | -// | |
197 | -i3GEO.janela.ativaAlerta(); | |
198 | -//esconde a logomarca ao finalizar o mapa | |
199 | -i3GEO.finaliza = function(){ | |
200 | - if($i("i3GEOlogoMarca")){ | |
201 | - $i("i3GEOlogoMarca").style.display = "none"; | |
202 | - } | |
203 | - i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png"); | |
204 | -} | |
205 | -i3GEO.finalizaAPI = function(){ | |
206 | - //alert("oi"); | |
207 | -} | |
208 | -i3GEO.inicia(); | |
209 | -</script> | |
210 | -</body> | |
211 | -</html> | |
212 | 0 | \ No newline at end of file |
interface/googlemaps1.phtml
... | ... | @@ -1,183 +0,0 @@ |
1 | -<?php | |
2 | -include_once("../ms_configura.php"); | |
3 | -?> | |
4 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
5 | -<html> | |
6 | -<head> | |
7 | -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA"> | |
8 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
9 | - <style type="text/css"> | |
10 | - .olControlEditingToolbar { | |
11 | - float:left; | |
12 | - right: 0px; | |
13 | - height:30px; | |
14 | - width: 150px; | |
15 | - } | |
16 | -</style> | |
17 | -<title>i3GEO - GoogleMaps</title> | |
18 | -</head> | |
19 | -<body id="i3geo" > | |
20 | -<!-- inclui o nome do usuario logado --> | |
21 | -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div> | |
22 | -<center> | |
23 | -<table id='mst' summary="" style='display:none' width=100% cellspacing='0'> | |
24 | -<tr style="border:0px"> | |
25 | - <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
26 | -</tr> | |
27 | -<tr> | |
28 | -<td> | |
29 | - <table width=100% cellspacing=0 cellpadding=0 > | |
30 | - <tr> | |
31 | - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td> | |
32 | - <td> | |
33 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
34 | - <div id=guia1 class=guia ></div> | |
35 | - <div id=guia2 class=guia ></div> | |
36 | - <div id=guia4 class=guia ></div> | |
37 | - <div id=guia5 class=guia ></div> | |
38 | - </div> | |
39 | - </td> | |
40 | - </tr> | |
41 | - </table> | |
42 | -</td> | |
43 | -<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
44 | - <div id="menus" ></div> | |
45 | -</td> | |
46 | -</tr> | |
47 | -<tr> | |
48 | -<td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
49 | - <div id='guia1obj' > | |
50 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
51 | - <div id=listaPropriedades style='top:15px;' ></div> | |
52 | - <div id=listaTemas style='top:15px;'></div> | |
53 | - </div> | |
54 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
55 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
56 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
57 | -</td> | |
58 | -<td style="vertical-align:top;border-width:0px;"> | |
59 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
60 | - <tr><td class=verdeclaro id=contemImg > | |
61 | - <div id=googlemapsdiv style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
62 | - </td></tr> | |
63 | - </table> | |
64 | -</td> | |
65 | -</tr> | |
66 | -<tr> | |
67 | -<td class=tdbranca > | |
68 | - <div id="seletorIdiomas" ></div> | |
69 | - <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> | |
70 | -</td> | |
71 | -<td class=tdbranca > | |
72 | - <table width=100% ><tr> | |
73 | - <td class=tdbranca > | |
74 | - </td> | |
75 | - <td class=tdbranca style=text-align:center > | |
76 | - <div id=escala ></div> | |
77 | - </td> | |
78 | - <td class=tdbranca > | |
79 | - <div id=inserirKml ></div> | |
80 | - </td> | |
81 | - <td class=tdbranca > | |
82 | - <div id=localizarxy ></div> | |
83 | - </td> | |
84 | - </tr> | |
85 | - <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr> | |
86 | - </table> | |
87 | -</td> | |
88 | -</tr> | |
89 | -<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
90 | -<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> | |
91 | -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr> | |
92 | -</table> | |
93 | -</center> | |
94 | -<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'> | |
95 | - <tr> | |
96 | - <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></td> | |
97 | - </tr> | |
98 | - <tr> | |
99 | - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td> | |
100 | - </tr> | |
101 | - <tr> | |
102 | - <td> | |
103 | - <!-- | |
104 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
105 | - --> | |
106 | - </td> | |
107 | - </tr> | |
108 | -</table> | |
109 | -<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing "></script> | |
110 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
111 | -<script type="text/javascript"> | |
112 | -/* | |
113 | -Google Maps versão com guias à esquerda | |
114 | - | |
115 | -Abre o i3geo com a navegação controlada pelo Google Maps. | |
116 | - | |
117 | -Arquivo: i3geo/interface/googlemaps.phtml | |
118 | - | |
119 | -Exemplo: | |
120 | - | |
121 | -http://localhost/i3geo/interface/googlemaps.phtml | |
122 | - | |
123 | -*/ | |
124 | -/* | |
125 | - Indica a localização correta do i3geo. | |
126 | - | |
127 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
128 | - | |
129 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
130 | -*/ | |
131 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
132 | - | |
133 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
134 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
135 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
136 | -i3GEO.configura.diminuixN = 20; | |
137 | -//ativa ou desativa o balao de info ao clicar no mapa | |
138 | -i3GEO.eventos.cliquePerm.ativo = true; | |
139 | -// | |
140 | -i3GEO.cria(); | |
141 | - | |
142 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
143 | -i3GEO.barraDeBotoes.OFFSET = -210; | |
144 | -//i3GEO.barraDeBotoes.INCLUIBOTAO.barraedicao = false; | |
145 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
146 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
147 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
148 | -//barra de botoes normal. descomente para usar | |
149 | -/* | |
150 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
151 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
152 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
153 | -i3GEO.barraDeBotoes.PERMITEFECHAR = true; | |
154 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true; | |
155 | -i3GEO.barraDeBotoes.AUTO = true; | |
156 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
157 | -i3GEO.Interface.BARRABOTOESLEFT = 80; | |
158 | -i3GEO.Interface.BARRABOTOESTOP = 20; | |
159 | -*/ | |
160 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
161 | -i3GEO.Interface.ATIVAMENUCONTEXTO = true; | |
162 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
163 | - | |
164 | -//para evitar a entrada de comentários na árvore de camadas, modifique a opção de cada tema individualmente no sistema de administração | |
165 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentario = true; | |
166 | -i3GEO.mapa.AUTORESIZE = true; | |
167 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
168 | -// | |
169 | -//define a funcao que sera executada ao clicar no mapa | |
170 | -//default (balao do tipo etiqueta) | |
171 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
172 | -//alternativo (janela de identificacao | |
173 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
174 | -// | |
175 | - | |
176 | -// | |
177 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. | |
178 | -// | |
179 | -i3GEO.janela.ativaAlerta(); | |
180 | -i3GEO.inicia(); | |
181 | -</script> | |
182 | -</body> | |
183 | -</html> | |
184 | 0 | \ No newline at end of file |
interface/googlemaps_t.htm
... | ... | @@ -1,189 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no;"> | |
7 | -<meta name="HandheldFriendly" content="yes" /> | |
8 | -<meta name="MobileOptimized" content="width" /> | |
9 | -<meta name="apple-mobile-web-app-capable" content="yes"> | |
10 | -<title>i3GEO - Googlemaps</title> | |
11 | -<style> | |
12 | -.listaMenuTitulo{ | |
13 | - font-size: 13px; | |
14 | - text-align: left; | |
15 | - margin-left: 5px; | |
16 | - margin-top: 6px; | |
17 | -} | |
18 | -.listaMenuItem{i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
19 | - font-size:11px; | |
20 | - text-align: left; | |
21 | - margin-left:15px; | |
22 | - margin-top: 6px; | |
23 | -} | |
24 | -</style> | |
25 | -</head> | |
26 | -<body id="i3geo" > | |
27 | -<table id='mst' summary="" style='display:none;' cellspacing='0'> | |
28 | - <tr style="border:0px"> | |
29 | - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
30 | - </tr> | |
31 | - <tr> | |
32 | - <td style=text-align:center; > | |
33 | - <div style="top:0px;cursor:pointer;border-bottom: 1px solid #A3A3A3"> | |
34 | - <div id=guia4 class=guia >Legenda</div> | |
35 | - <div id=guia1 class=guia >Camadas</div> | |
36 | - <div id=guia2 class=guia >Catálogo</div> | |
37 | - <div id=guia6 class=guia >+</div> | |
38 | - </div> | |
39 | - </td> | |
40 | - </tr> | |
41 | - <tr> | |
42 | - <td style="vertical-align:top;border-width:0px;"> | |
43 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
44 | - <tr> | |
45 | - <td class=verdeclaro id=contemImg > | |
46 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
47 | - </td> | |
48 | - </tr> | |
49 | - </table> | |
50 | - </td> | |
51 | - </tr> | |
52 | -</table> | |
53 | -<div id='guia4obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
54 | - <div id='legenda' style='text-align:left'></div> | |
55 | -</div> | |
56 | -<div id='guia1obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
57 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
58 | - <div id=listaPropriedades style='top:15px;' ></div> | |
59 | - <div id=listaLayersBase style='top:15px;'></div> | |
60 | - <div id=listaTemas style='top:15px;'></div> | |
61 | - <br><br> | |
62 | -</div> | |
63 | -<div id='guia2obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; ><img alt="" src="../imagens/branco.gif" width=248 /></div> | |
64 | - | |
65 | -<div id='guia6obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
66 | - <div id=i3GEOcompartilhar style="text-align:center;border-top:0px solid rgb(250,250,250);padding-top:1px;" ></div><br> | |
67 | - <table><tr><td>Escala 1:</td><td><div id=escala style="text-align:left;width:100px;display:inline-table;" ></div></td></tr></table> | |
68 | - <div id=menuLista style='text-align:left'></div> | |
69 | -</div> | |
70 | - | |
71 | -<div id=seletorIdiomas style="position:absolute;top:15px;left:5px;z-index:20000" ></div> | |
72 | -<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | |
73 | -<script src="../classesjs/i3geo5.js"></script> | |
74 | -<script> | |
75 | -/* | |
76 | -Interface Googlemaps para tablets | |
77 | - | |
78 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Googlemaps adaptada para dispositivos do tipo tablet. | |
79 | - | |
80 | -File: i3geo/interface/googlemaps_t.htm | |
81 | - | |
82 | -Exemplo: | |
83 | - | |
84 | -http://<host>/i3geo/ms_criamapa.php | |
85 | - | |
86 | -http://<host>/i3geo/interface/googlemaps_t.htm | |
87 | - | |
88 | -http://<host>/i3geo | |
89 | - | |
90 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
91 | - | |
92 | -*/ | |
93 | -/* | |
94 | - Indica a localização correta do i3geo. | |
95 | - | |
96 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
97 | - | |
98 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
99 | -*/ | |
100 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
101 | -/* | |
102 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
103 | - | |
104 | -exemplo | |
105 | - | |
106 | -i3GEO.configura.autotamanho = true; | |
107 | -*/ | |
108 | - | |
109 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
110 | -i3GEO.configura.autotamanho = false; | |
111 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
112 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
113 | -i3GEO.Interface.ALTTABLET = ""; | |
114 | -//ativa ou desativa o balao de info ao clicar no mapa | |
115 | -i3GEO.eventos.cliquePerm.ativo = true; | |
116 | -// | |
117 | -i3GEO.barraDeBotoes.INCLUIBOTAO = { | |
118 | - zoomli: false, | |
119 | - mede: true, | |
120 | - area: true, | |
121 | - imprimir: true, | |
122 | - zoomiauto: false, | |
123 | - zoomoauto: false, | |
124 | - pan: true, | |
125 | - zoomtot:true, | |
126 | - identifica: true, | |
127 | - identificaBalao: false, | |
128 | - reinicia: false, | |
129 | - exten: false, | |
130 | - selecao: true, | |
131 | - referencia: false, | |
132 | - inserexy: false, | |
133 | - textofid: false, | |
134 | - google: false, | |
135 | - buscafotos: false, | |
136 | - wiki: false, | |
137 | - metar: false, | |
138 | - lentei: false, | |
139 | - confluence: false, | |
140 | - inseregrafico: false, | |
141 | - v3d: false | |
142 | -}; | |
143 | -i3GEO.Interface.TABLET = true; | |
144 | -i3GEO.configura.diminuiyN = 35; | |
145 | -/* | |
146 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
147 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
148 | -*/ | |
149 | -i3GEO.cria(); | |
150 | -/* | |
151 | - Inicializa o mapa | |
152 | -*/ | |
153 | -i3GEO.barraDeBotoes.OFFSET = -10; | |
154 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
155 | - | |
156 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
157 | - | |
158 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
159 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
160 | - | |
161 | -i3GEO.guias.TIPO = "tablet"; | |
162 | -i3GEO.guias.CONFIGURA.temas.titulo = $trad("t1"); | |
163 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
164 | -i3GEO.configura.mapaRefDisplay = "none"; | |
165 | -i3GEO.mapa.AUTORESIZE = true; | |
166 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
167 | -// | |
168 | -//define a funcao que sera executada ao clicar no mapa | |
169 | -//default (balao do tipo etiqueta) | |
170 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
171 | -//alternativo (janela de identificacao | |
172 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
173 | -// | |
174 | - | |
175 | -// | |
176 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
177 | -// | |
178 | -i3GEO.janela.ativaAlerta(); | |
179 | -// | |
180 | -//inicia o mapa | |
181 | -// | |
182 | -i3GEO.inicia(); | |
183 | -/* | |
184 | -YAHOO.util.Event.addListener(document.body, "click", YAHOO.util.Event.preventDefault); | |
185 | -YAHOO.util.Event.addFocusListener(document.body, YAHOO.util.Event.preventDefault); | |
186 | -*/ | |
187 | -</script> | |
188 | -</body> | |
189 | -</html> | |
190 | 0 | \ No newline at end of file |
interface/minima.htm
... | ... | @@ -1,143 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | -<title>i3Geo - Mapa interativo</title> | |
7 | - | |
8 | -<!-- Leitura dos programas javaScript e estilos individualmente. Pode-se ler os | |
9 | -arquivos não compactados, bastando substituir por i3geonaocompacto --> | |
10 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
11 | -<script type="text/javascript" src="../pacotes/openlayers/OpenLayers29.js.php"></script> | |
12 | - | |
13 | -</head> | |
14 | -<body id=i3geo > | |
15 | -<center> | |
16 | -<table id='mst' style=display:none width=100% cellspacing='0'> | |
17 | -<tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr> | |
18 | -<tr> | |
19 | -<td> | |
20 | -</td> | |
21 | -<td style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
22 | -</td> | |
23 | -</tr> | |
24 | -<tr> | |
25 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
26 | - <div id='guia1obj' ><div style='left:5px;top:10px;' id=buscaRapida ></div><div id=listaTemas style='top:15px;'></div></div> | |
27 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
28 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
29 | - </td> | |
30 | - <td style="vertical-align:top;border-width:0px;"> | |
31 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
32 | - <tr><td class=verdeclaro id=contemImg > | |
33 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
34 | - </td></tr> | |
35 | - </table> | |
36 | - | |
37 | - </td> | |
38 | - </tr> | |
39 | -<tr> | |
40 | - <td class=tdbranca > | |
41 | - </td> | |
42 | - <td class=tdbranca > | |
43 | - <table width=100% > | |
44 | - <tr> | |
45 | - <td class=tdbranca width="33%"> | |
46 | - <div id=escala style="text-align:right;"></div> | |
47 | - </td> | |
48 | - <td class=tdbranca width="33%" > | |
49 | - <div id=localizarxy style="text-align:center;font-size:10px;">Aguarde...</div> | |
50 | - </td> | |
51 | - <td class=tdbranca style="text-align:right;;display:inline;width:33%"> | |
52 | - <div id=seletorIdiomas style="text-align:right;" ></div> | |
53 | - </td> | |
54 | - </tr> | |
55 | - </table> | |
56 | - | |
57 | - </td> | |
58 | -</tr> | |
59 | -<tr style="border:0px"><td colspan=3 style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
60 | -</table> | |
61 | -</center> | |
62 | -<div id=barraDeBotoes1 style='display:none'> | |
63 | - <table title="zoom" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table> | |
64 | - <table title="desloca" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table> | |
65 | - <table title="info" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table> | |
66 | - <table title="geral" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table> | |
67 | - <table title="extensao" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="extensao" alt="" src="../imagens/branco.gif" id="exten"/></td></tr></table> | |
68 | - <table title="mede" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table> | |
69 | - <table title="area" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table> | |
70 | - <table title="imprimir" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/></td></tr></table> | |
71 | -</div> | |
72 | -<script type="text/javascript"> | |
73 | -/* | |
74 | -Interface minima | |
75 | - | |
76 | -Interface alternativa para o i3Geo com funções de navegação e manipulação dos temas | |
77 | - | |
78 | -Exemplo: | |
79 | - | |
80 | -http://localhost/i3geo/interface/minima.htm | |
81 | - | |
82 | -*/ | |
83 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
84 | - | |
85 | -i3GEO.Interface.ATUAL = "openlayers"; | |
86 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
87 | -i3GEO.configura.diminuixN = 20; | |
88 | - | |
89 | -i3GEO.Interface.openlayers.GADGETS = { | |
90 | - PanZoomBar:true, | |
91 | - PanZoom:false, | |
92 | - LayerSwitcher:false, | |
93 | - ScaleLine:true, | |
94 | - OverviewMap:false | |
95 | - }; | |
96 | -i3GEO.Interface.openlayers.TILES = true; | |
97 | - | |
98 | -i3GEO.cria(); | |
99 | -i3GEO.barraDeBotoes.INCLUIBOTAO = { | |
100 | - zoomli: true, | |
101 | - pan: true, | |
102 | - zoomtot:true, | |
103 | - identifica: true, | |
104 | - identificaBalao: true, | |
105 | - mede: true, | |
106 | - area: true, | |
107 | - imprimir: true, | |
108 | - reinicia: false, | |
109 | - exten: false, | |
110 | - referencia: true, | |
111 | - inserexy: false, | |
112 | - textofid: false, | |
113 | - selecao: false, | |
114 | - google: true, | |
115 | - buscafotos: false, | |
116 | - wiki: false, | |
117 | - metar: false, | |
118 | - lentei: false, | |
119 | - confluence: false, | |
120 | - inseregrafico: false, | |
121 | - v3d: false | |
122 | - }; | |
123 | -i3GEO.Interface.BARRABOTOESLEFT = 50; | |
124 | -i3GEO.Interface.BARRABOTOESTOP = 10; | |
125 | -i3GEO.barraDeBotoes.AUTO = true; | |
126 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
127 | -i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
128 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
129 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
130 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
131 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
132 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
133 | - | |
134 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
135 | -i3GEO.inicia(); | |
136 | -// | |
137 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
138 | -// | |
139 | -i3GEO.janela.ativaAlerta(); | |
140 | - | |
141 | -</script> | |
142 | -</body> | |
143 | -</html> | |
144 | 0 | \ No newline at end of file |
interface/openlayers.htm
... | ... | @@ -1,369 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" | |
5 | - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
6 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
7 | - | |
8 | -<title>i3GEO - OpenLayers</title> | |
9 | -<!-- estilo necessário para a ferramenta de edição --> | |
10 | - | |
11 | -</head> | |
12 | -<body id="i3geo" style="background-color: white"> | |
13 | - <!-- inclui o nome do usuario logado --> | |
14 | - <div id="i3GEONomeLogin" | |
15 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
16 | - <table id='mst' summary="" style='display: none;' width=100% | |
17 | - cellspacing='0'> | |
18 | - <tr style="border: 0px"> | |
19 | - <td id="barraSuperior" | |
20 | - style="background-image: url('../imagens/visual/default/cabeca.png'); height: 10px"></td> | |
21 | - </tr> | |
22 | - <tr> | |
23 | - <td id="contemMenu" | |
24 | - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
25 | - <!--menu suspenso--> | |
26 | - <div id="menus"></div> | |
27 | - </td> | |
28 | - </tr> | |
29 | - <tr> | |
30 | - <td style="vertical-align: top; border-width: 0px;"> | |
31 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
32 | - <tr> | |
33 | - <td class=verdeclaro id=contemImg> | |
34 | - <div id=corpoMapa | |
35 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
36 | - </td> | |
37 | - </tr> | |
38 | - </table> | |
39 | - </td> | |
40 | - </tr> | |
41 | - <tr> | |
42 | - <td> | |
43 | - <table width=100%> | |
44 | - <tr> | |
45 | - <td class=tdbranca> | |
46 | - <!-- | |
47 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
48 | - <div id=visual ></div> | |
49 | - --> <!-- botão de compartilhamento em redes sociais --> | |
50 | - <div id=i3GEOcompartilhar | |
51 | - style="width: 170px; margin: auto; text-align: left; border-top: 1px solid rgb(250, 250, 250); padding-top: 1px"></div> | |
52 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
53 | - <div id=tempoRedesenho | |
54 | - style="z-index: 100; position: absolute; top: 0px; left: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
55 | - </td> | |
56 | - <td class=tdbranca> | |
57 | - <!-- aqui será incluída a escala numérica --> | |
58 | - <div id=escala style="text-align: right;"></div> | |
59 | - </td> | |
60 | - <td class=tdbranca> | |
61 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
62 | - <div id=localizarxy | |
63 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
64 | - </td> | |
65 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
66 | - <td class=tdbranca> | |
67 | - <div id=seletorIdiomas></div> | |
68 | - </td> | |
69 | - </tr> | |
70 | - </table> | |
71 | - </td> | |
72 | - </tr> | |
73 | - <tr style="border: 0px"> | |
74 | - <td id="barraInferior" | |
75 | - style="background-image: url('../imagens/visual/default/rodape.png'); height: 10px"></td> | |
76 | - </tr> | |
77 | - </table> | |
78 | - <table id="i3GEOlogoMarca" | |
79 | - style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
80 | - <tr> | |
81 | - <td><div id=versaoi3geo></div> | |
82 | - <h2 | |
83 | - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo | |
84 | - - Software livre para criação de mapas interativos e | |
85 | - geoprocessamento</h2> | |
86 | - <h3 | |
87 | - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado | |
88 | - no Mapserver, é licenciado sob GPL e integra o Portal do | |
89 | - Software Público Brasileiro</h3></td> | |
90 | - </tr> | |
91 | - <tr> | |
92 | - <td style="padding: 10px;"><img | |
93 | - style="width: 560px; height: 81px" alt="" | |
94 | - src='../imagens/logo_inicio.png'></td> | |
95 | - </tr> | |
96 | - <tr> | |
97 | - <td> | |
98 | - <!-- | |
99 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
100 | - --> | |
101 | - </td> | |
102 | - </tr> | |
103 | - </table> | |
104 | - | |
105 | - <div id="i3GEOguiaMovel" | |
106 | - style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
107 | - <img id="i3GEOguiaMovelPuxador" | |
108 | - onclick='i3GEO.guias.guiaMovel.abreFecha()' | |
109 | - style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' | |
110 | - width='0px' src='../imagens/openbars.png'> | |
111 | - <div id="i3GEOguiaMovelMolde" | |
112 | - style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
113 | - <div id="i3GEOguiaMovelIcones" | |
114 | - style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div> | |
115 | - <div id="i3GEOguiaMovelConteudo" | |
116 | - style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
117 | - <div id='guia1obj' style='display: none;'> | |
118 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
119 | - <div style='left: 5px; top: 10px;' id=buscaRapida></div> | |
120 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
121 | - <div id=listaPropriedades style='top: 15px;'></div> | |
122 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
123 | - <div id=listaLayersBase style='top: 15px;'></div> | |
124 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
125 | - <div id=listaTemas style='top: 15px;'></div> | |
126 | - </div> | |
127 | - <div id='guia2obj' style='display: none;'> | |
128 | - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> | |
129 | - </div> | |
130 | - <div id='guia4obj' style='display: none; text-align: left'> | |
131 | - <div id='legenda' style='text-align: left'></div> | |
132 | - </div> | |
133 | - <div id='guia5obj' style='display: none; text-align: left'> | |
134 | - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div> | |
135 | - </div> | |
136 | - </div> | |
137 | - </div> | |
138 | - </div> | |
139 | - | |
140 | - <script src="../classesjs/i3geo5.js"></script> | |
141 | - <script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
142 | - <style> | |
143 | -.olControlEditingToolbar1 div { | |
144 | - background-image: url(../mashups/openlayers.png); | |
145 | - background-repeat: no-repeat; | |
146 | - float: right; | |
147 | - right: 0px; | |
148 | - height: 29px; | |
149 | - margin: 2px; | |
150 | - width: 29px; | |
151 | - cursor: pointer; | |
152 | -} | |
153 | -</style> | |
154 | - <script> | |
155 | - /* | |
156 | - Interface Openlayers | |
157 | - | |
158 | - Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. | |
159 | - | |
160 | - File: i3geo/interface/openlayers.htm | |
161 | - | |
162 | - Exemplo: | |
163 | - | |
164 | - http://<host>/i3geo/ms_criamapa.php | |
165 | - | |
166 | - http://<host>/i3geo/interface/openlayers.htm | |
167 | - | |
168 | - http://<host>/i3geo | |
169 | - | |
170 | - Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
171 | - | |
172 | - */ | |
173 | - /* | |
174 | - Indica a localização correta do i3geo. | |
175 | - | |
176 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
177 | - | |
178 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
179 | - */ | |
180 | - //i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
181 | - /* | |
182 | - Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
183 | - | |
184 | - exemplo | |
185 | - | |
186 | - i3GEO.configura.autotamanho = true; | |
187 | - */ | |
188 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
189 | - + window.location.host + "/i3geo"; | |
190 | - i3GEO.configura.autotamanho = false; | |
191 | - i3GEO.Interface.ATUAL = "openlayers"; | |
192 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
193 | - //ativa ou desativa o balao de info ao clicar no mapa | |
194 | - i3GEO.eventos.cliquePerm.ativo = true; | |
195 | - i3GEO.configura.guardaExtensao = false; | |
196 | - // | |
197 | - // | |
198 | - //interface alternativa se for detectado um dispositivo móvel | |
199 | - // | |
200 | - //i3GEO.Interface.ALTTABLET = "openlayers_t.htm"; | |
201 | - i3GEO.Interface.openlayers.GADGETS = { | |
202 | - PanZoomBar : true, | |
203 | - PanZoom : false, | |
204 | - LayerSwitcher : true, | |
205 | - ScaleLine : true, | |
206 | - OverviewMap : false | |
207 | - }; | |
208 | - i3GEO.Interface.openlayers.TILES = true; | |
209 | - /* | |
210 | - i3GEO.Interface.openlayers.parametrosMap.scales = [ | |
211 | - 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | |
212 | - ]; | |
213 | - */ | |
214 | - // | |
215 | - //controla o tamanho da barra de zoom | |
216 | - // | |
217 | - //i3GEO.Interface.openlayers.MINEXTENT = [-0.001, -0.001, 0.001, 0.001] | |
218 | - // | |
219 | - // | |
220 | - //desabilita o item que abre a interface "default" do menu suspenso | |
221 | - // | |
222 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
223 | - | |
224 | - /* | |
225 | - Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
226 | - Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
227 | - */ | |
228 | - | |
229 | - i3GEO.cria(); | |
230 | - /* | |
231 | - Inicializa o mapa | |
232 | - */ | |
233 | - //não mostra o mapa de referência | |
234 | - i3GEO.configura.mapaRefDisplay = "none"; | |
235 | - //tipo de barra de botões | |
236 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
237 | - //ajusta o deslocamento da barra de botões | |
238 | - i3GEO.barraDeBotoes.OFFSET = -3; | |
239 | - //ajusta a posição da barra de botões no IE | |
240 | - //if(navm) | |
241 | - //{i3GEO.barraDeBotoes.OFFSET = -45;} | |
242 | - //número máximo de botões na barra de botões inicial | |
243 | - //i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
244 | - //remove itens dos menus que não são necessários, já que estão como ícones na barra de botões | |
245 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
246 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
247 | - //a barra de botões será mostrada no mapa conforme o construtor padrão | |
248 | - i3GEO.barraDeBotoes.ATIVA = true; | |
249 | - // | |
250 | - //barra de botoes normal. descomente para usar | |
251 | - /* | |
252 | - i3GEO.barraDeBotoes.TIPO = "yui"; | |
253 | - i3GEO.barraDeBotoes.AUTOALTURA = true; | |
254 | - i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
255 | - i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
256 | - i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | |
257 | - i3GEO.barraDeBotoes.AUTO = true; | |
258 | - i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
259 | - i3GEO.Interface.BARRABOTOESLEFT = 0; | |
260 | - i3GEO.Interface.BARRABOTOESTOP = 2; | |
261 | - i3GEO.Interface.BARRADEZOOMTOP = 10; | |
262 | - i3GEO.Interface.BARRADEZOOMLEFT = 40; | |
263 | - */ | |
264 | - i3GEO.ajuda.ATIVAJANELA = false; | |
265 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
266 | - i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
267 | - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
268 | - | |
269 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
270 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
271 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
272 | - i3GEO.mapa.AUTORESIZE = true; | |
273 | - i3GEO.guias.TIPO = "movel"; | |
274 | - //i3GEO.guias.guiaMovel.ABERTA = true; | |
275 | - //posição da guia movel em relação ao topo do mapa. Se for igual a 0, o cálculo será feito de forma automática | |
276 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
277 | - // | |
278 | - //define quanto tempo é aguardado para considerar que o mouse está parado sobre um lugar. | |
279 | - //utilizado pela função de identificação do tipo balão | |
280 | - // | |
281 | - //i3GEO.configura.tempoMouseParado = 1000 | |
282 | - // | |
283 | - //esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
284 | - // | |
285 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
286 | - // | |
287 | - //adiciona camadas que podem ser ativadas como fundo do mapa | |
288 | - // | |
289 | - (function() { | |
290 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
291 | - "ESRI Ocean Basemap", | |
292 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
293 | - { | |
294 | - format : "jpeg" | |
295 | - }, { | |
296 | - isBaseLayer : true, | |
297 | - visibility : false | |
298 | - }); | |
299 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
300 | - "ESRI Imagery World 2D", | |
301 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
302 | - { | |
303 | - format : "jpeg" | |
304 | - }, { | |
305 | - isBaseLayer : true, | |
306 | - visibility : false | |
307 | - }); | |
308 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
309 | - "ESRI World Street Map", | |
310 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
311 | - { | |
312 | - format : "jpeg" | |
313 | - }, { | |
314 | - isBaseLayer : true, | |
315 | - visibility : false | |
316 | - }); | |
317 | - var bra = new OpenLayers.Layer.WMS( | |
318 | - "Base carto MMA", | |
319 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
320 | - { | |
321 | - layers : "baseraster", | |
322 | - srs : "EPSG:4618", | |
323 | - format : "image/png" | |
324 | - }, { | |
325 | - isBaseLayer : true, | |
326 | - visibility : false | |
327 | - }); | |
328 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
329 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
330 | - layername : "basic", | |
331 | - type : "png", | |
332 | - // set if different than the bottom left of map.maxExtent | |
333 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
334 | - isBaseLayer : true, | |
335 | - visibility : false | |
336 | - }); | |
337 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, tms, | |
338 | - bra ]; | |
339 | - })(); | |
340 | - // | |
341 | - //substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
342 | - // | |
343 | - i3GEO.janela.ativaAlerta(); | |
344 | - // | |
345 | - //inicia o mapa | |
346 | - // | |
347 | - //esconde a logomarca ao finalizar o mapa | |
348 | - i3GEO.finaliza = function() { | |
349 | - if ($i("i3GEOlogoMarca")) { | |
350 | - $i("i3GEOlogoMarca").style.display = "none"; | |
351 | - } | |
352 | - i3GEO.mapa.insereDobraPagina("googlemaps", | |
353 | - "../imagens/dobragooglemaps.png"); | |
354 | - }; | |
355 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
356 | - // | |
357 | - //define a funcao que sera executada ao clicar no mapa | |
358 | - //default (balao do tipo etiqueta) | |
359 | - i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ]; | |
360 | - //alternativo (janela de identificacao | |
361 | - //i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
362 | - // | |
363 | - | |
364 | - //OpenLayers.DOTS_PER_INCH = 96 | |
365 | - //i3GEO.configura.sid = ""; | |
366 | - i3GEO.inicia(); | |
367 | - </script> | |
368 | -</body> | |
369 | -</html> |
interface/openlayers1.htm
... | ... | @@ -1,317 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | -<title>i3GEO - OpenLayers</title> | |
7 | -<!-- estilo necessário para a ferramenta de edição --> | |
8 | -<style> | |
9 | -.olControlEditingToolbar1 div { | |
10 | - background-image:url(../mashups/openlayers.png); | |
11 | - background-repeat:no-repeat; | |
12 | - float:right; | |
13 | - right: 0px; | |
14 | - height:29px; | |
15 | - margin:2px; | |
16 | - width:29px; | |
17 | - cursor:pointer; | |
18 | -} | |
19 | -</style> | |
20 | -</head> | |
21 | -<body id="i3geo"> | |
22 | -<!-- inclui o nome do usuario logado --> | |
23 | -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div> | |
24 | -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> | |
25 | - | |
26 | -<!-- | |
27 | - Inclui a barra superior. Se vc não quiser o menu, é só comentar o TR | |
28 | ---> | |
29 | -<tr style="border:0px"> | |
30 | - <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
31 | -</tr> | |
32 | -<tr> | |
33 | -<td> | |
34 | - <table width=100% cellspacing=0 cellpadding=0 > | |
35 | - <tr> | |
36 | - <td></td> | |
37 | - <td> | |
38 | - <!-- | |
39 | - Guias principais, não mude o ID, apenas o nome se for desejado | |
40 | - Para remover uma guia, basta comentar a linha | |
41 | - --> | |
42 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
43 | - <div id=guia1 class=guia ></div> | |
44 | - <div id=guia2 class=guia ></div> | |
45 | - <div id=guia4 class=guia ></div> | |
46 | - <div id=guia5 class=guia ></div> | |
47 | - </div> | |
48 | - </td> | |
49 | - | |
50 | - </tr> | |
51 | - </table> | |
52 | -</td> | |
53 | -<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
54 | - <!-- | |
55 | - menu suspenso | |
56 | - --> | |
57 | - <div id="menus" ></div> | |
58 | -</td> | |
59 | -</tr> | |
60 | -<tr> | |
61 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
62 | - <!-- | |
63 | - As divs guiaNobj guardam o conteúdo que é mostrado quando a guia é clicada | |
64 | - Para cada botão na guia deve haver um div com o conteúdo, pe. | |
65 | - o div com id=guia1 deve ter um div com id=guia1obj | |
66 | - --> | |
67 | - <div id='guia1obj' > | |
68 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
69 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
70 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
71 | - <div id=listaPropriedades style='top:15px;' ></div> | |
72 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
73 | - <div id=listaLayersBase style='top:15px;'></div> | |
74 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
75 | - <div id=listaTemas style='top:15px;'></div> | |
76 | - </div> | |
77 | - | |
78 | - <!-- se vc quiser colocar a arvore de adição de temas em um lugar específico, | |
79 | - use o div abaixo, caso contrário, a árvore será colocada na guia definida em objmapa.guiaMenu, por default a guia2 | |
80 | - <div id=arvoreAdicionaTema style='top:25px;' ></div> | |
81 | - <div id=outrasOpcoesAdiciona style='top:25px;' ></div> | |
82 | - --> | |
83 | - | |
84 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
85 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
86 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
87 | - </td> | |
88 | - <td style="vertical-align:top;border-width:0px;"> | |
89 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
90 | - <tr><td class=verdeclaro id=contemImg > | |
91 | - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
92 | - </td></tr> | |
93 | - </table> | |
94 | - </td> | |
95 | - </tr> | |
96 | - | |
97 | -<tr> | |
98 | - | |
99 | - <td class=tdbranca > | |
100 | - <!-- | |
101 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
102 | - <div id=visual ></div> | |
103 | - --> | |
104 | - <!-- botão de compartilhamento em redes sociais --> | |
105 | - <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div> | |
106 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
107 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
108 | - </td> | |
109 | - <td class=tdbranca > | |
110 | - <table width=100% > | |
111 | - <tr> | |
112 | - <td class=tdbranca > | |
113 | - <!-- aqui será incluída a escala numérica --> | |
114 | - <div id=escala style="text-align:right;" ></div> | |
115 | - </td> | |
116 | - <td class=tdbranca > | |
117 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
118 | - <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div> | |
119 | - </td> | |
120 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
121 | - <td class=tdbranca ><div id=seletorIdiomas ></div></td> | |
122 | - <!-- | |
123 | - A opção de localização 'onde estou?' baseia-se na identificação do IP do usuário. Para | |
124 | - que esta opção funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no | |
125 | - SVN do portal do software público o diretório arquivos_versões/pacotes para maiores informações | |
126 | - --> | |
127 | - <td class=tdbranca ><div id=ondeestou ></div></td> | |
128 | - </tr> | |
129 | - <!-- esta div recebe o cálculo do posicionamento do mouse em coordenadas UTM | |
130 | - As coordenadas UTM apenas serão mostradas nessa div se o parâmetro | |
131 | - i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml | |
132 | - se os IDs forem iguais, o tipo de coordenada mostrada será intercalada, ora UTM ora GEO. | |
133 | - <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> | |
134 | - --> | |
135 | - </table> | |
136 | - </td> | |
137 | -</tr> | |
138 | -<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
139 | -<!-- aqui são mostradas imagens obtidas do metadata mensagem que pode existir em cada layer --> | |
140 | -<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> | |
141 | -<!-- esse elemento é preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php --> | |
142 | -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr> | |
143 | - | |
144 | -</table> | |
145 | -<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'> | |
146 | - <tr> | |
147 | - <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></td> | |
148 | - </tr> | |
149 | - <tr> | |
150 | - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td> | |
151 | - </tr> | |
152 | - <tr> | |
153 | - <td> | |
154 | - <!-- | |
155 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
156 | - --> | |
157 | - </td> | |
158 | - </tr> | |
159 | -</table> | |
160 | - | |
161 | -<script src="../classesjs/i3geo5.js"></script> | |
162 | -<script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
163 | -<script> | |
164 | -/* | |
165 | -Interface Openlayers versão com guias à esquerda | |
166 | - | |
167 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. | |
168 | - | |
169 | -File: i3geo/interface/openlayers.htm | |
170 | - | |
171 | -Exemplo: | |
172 | - | |
173 | -http://<host>/i3geo/ms_criamapa.phpi3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
174 | - | |
175 | -http://<host>/i3geo/interface/openlayers.htm | |
176 | - | |
177 | -http://<host>/i3geo | |
178 | - | |
179 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
180 | - | |
181 | -*/ | |
182 | -/* | |
183 | - Indica a localização correta do i3geo. | |
184 | - | |
185 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
186 | - | |
187 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
188 | -*/ | |
189 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
190 | -/* | |
191 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
192 | - | |
193 | -exemplo | |
194 | - | |
195 | -i3GEO.configura.autotamanho = true; | |
196 | -*/ | |
197 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
198 | -i3GEO.configura.autotamanho = false; | |
199 | -i3GEO.Interface.ATUAL = "openlayers"; | |
200 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
201 | -//ativa ou desativa o balao de info ao clicar no mapa | |
202 | -i3GEO.eventos.cliquePerm.ativo = true; | |
203 | -// | |
204 | -i3GEO.Interface.openlayers.GADGETS = { | |
205 | - PanZoomBar:true, | |
206 | - PanZoom:false, | |
207 | - LayerSwitcher:true, | |
208 | - ScaleLine:true, | |
209 | - OverviewMap:false | |
210 | - }; | |
211 | -i3GEO.Interface.openlayers.TILES = true; | |
212 | - | |
213 | -// | |
214 | -//desabilita o item que abre a interface "default" do menu suspenso | |
215 | -// | |
216 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
217 | - | |
218 | -/* | |
219 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
220 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
221 | -*/ | |
222 | -i3GEO.cria(); | |
223 | -/* | |
224 | - Inicializa o mapa | |
225 | -*/ | |
226 | -i3GEO.configura.mapaRefDisplay = "none"; | |
227 | - | |
228 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
229 | -i3GEO.barraDeBotoes.OFFSET = -170; | |
230 | - | |
231 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
232 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
233 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
234 | -//barra de botoes normal. descomente para usar | |
235 | -/* | |
236 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
237 | -i3GEO.barraDeBotoes.AUTOALTURA = true; | |
238 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
239 | -i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
240 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | |
241 | -i3GEO.barraDeBotoes.AUTO = true; | |
242 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
243 | - | |
244 | -i3GEO.Interface.BARRABOTOESLEFT = 0; | |
245 | -i3GEO.Interface.BARRABOTOESTOP = 2; | |
246 | -i3GEO.Interface.BARRADEZOOMTOP = 10; | |
247 | -i3GEO.Interface.BARRADEZOOMLEFT = 40; | |
248 | -*/ | |
249 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
250 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
251 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
252 | - | |
253 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
254 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
255 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
256 | -i3GEO.mapa.AUTORESIZE = true; | |
257 | -// | |
258 | -//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
259 | -// | |
260 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
261 | -// | |
262 | -//adiciona camadas que podem ser ativadas como fundo do mapa | |
263 | -// | |
264 | -(function(){ | |
265 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
266 | - "ESRI Ocean Basemap", | |
267 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
268 | - {format:"jpg"}, | |
269 | - {isBaseLayer:true,visibility:false} | |
270 | - ); | |
271 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
272 | - "ESRI Imagery World 2D", | |
273 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
274 | - {}, | |
275 | - {isBaseLayer:true,visibility:false} | |
276 | - ); | |
277 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
278 | - "ESRI World Street Map", | |
279 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
280 | - {}, | |
281 | - {isBaseLayer:true,visibility:false} | |
282 | - ); | |
283 | - var bra = new OpenLayers.Layer.WMS( | |
284 | - "Base carto MMA", | |
285 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
286 | - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, | |
287 | - {isBaseLayer:true,visibility:false} | |
288 | - ); | |
289 | - /* | |
290 | - var osm = new OpenLayers.Layer.WMS( | |
291 | - "Open Street Map", | |
292 | - "http://full.wms.geofabrik.de/std/demo_key", | |
293 | - {layers:""}, | |
294 | - {isBaseLayer:true,visibility:false} | |
295 | - ); | |
296 | - */ | |
297 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra]; | |
298 | -})(); | |
299 | -// | |
300 | -//define a funcao que sera executada ao clicar no mapa | |
301 | -//default (balao do tipo etiqueta) | |
302 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
303 | -//alternativo (janela de identificacao | |
304 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
305 | -// | |
306 | - | |
307 | -// | |
308 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
309 | -// | |
310 | -i3GEO.janela.ativaAlerta(); | |
311 | -// | |
312 | -//inicia o mapa | |
313 | -// | |
314 | -i3GEO.inicia(); | |
315 | -</script> | |
316 | -</body> | |
317 | -</html> |
interface/openlayers_t.htm
... | ... | @@ -1,223 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no;"> | |
7 | -<meta name="HandheldFriendly" content="yes" /> | |
8 | -<meta name="MobileOptimized" content="width" /> | |
9 | -<meta name="apple-mobile-web-app-capable" content="yes"> | |
10 | -<title>i3GEO - OpenLayers</title> | |
11 | -<style> | |
12 | -.listaMenuTitulo{ | |
13 | - font-size: 13px; | |
14 | - text-align: left; | |
15 | - margin-left: 5px; | |
16 | - margin-top: 6px; | |
17 | -} | |
18 | -.listaMenuItem{ | |
19 | - font-size:11px; | |
20 | - text-align: left; | |
21 | - margin-left:15px; | |
22 | - margin-top: 6px; | |
23 | -} | |
24 | -</style> | |
25 | -</head> | |
26 | -<body id="i3geo" > | |
27 | -<table id='mst' summary="" style='display:none;' cellspacing='0'> | |
28 | - <tr style="border:0px"> | |
29 | - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
30 | - </tr> | |
31 | - <tr> | |
32 | - <td style=text-align:center; > | |
33 | - <div style="top:0px;cursor:pointer;border-bottom: 1px solid #A3A3A3"> | |
34 | - <div id=guia4 class=guia >Legenda</div> | |
35 | - <div id=guia1 class=guia >Camadas</div> | |
36 | - <div id=guia2 class=guia >Catálogo</div> | |
37 | - <div id=guia6 class=guia >+</div> | |
38 | - </div> | |
39 | - </td> | |
40 | - </tr> | |
41 | - <tr> | |
42 | - <td style="vertical-align:top;border-width:0px;"> | |
43 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
44 | - <tr> | |
45 | - <td class=verdeclaro id=contemImg > | |
46 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
47 | - </td> | |
48 | - </tr> | |
49 | - </table> | |
50 | - </td> | |
51 | - </tr> | |
52 | -</table> | |
53 | -<div id='guia4obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
54 | - <div id='legenda' style='text-align:left'></div> | |
55 | -</div> | |
56 | -<div id='guia1obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
57 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
58 | - <div id=listaPropriedades style='top:15px;' ></div> | |
59 | - <div id=listaLayersBase style='top:15px;'></div> | |
60 | - <div id=listaTemas style='top:15px;'></div> | |
61 | - <br><br> | |
62 | -</div> | |
63 | -<div id='guia2obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; ><img alt="" src="../imagens/branco.gif" width=248 /></div> | |
64 | - | |
65 | -<div id='guia6obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
66 | - <div id=i3GEOcompartilhar style="text-align:center;border-top:0px solid rgb(250,250,250);padding-top:1px;" ></div><br> | |
67 | - <table><tr><td>Escala 1:</td><td><div id=escala style="text-align:left;width:100px;display:inline-table;" ></div></td></tr></table> | |
68 | - <div id=menuLista style='text-align:left'></div> | |
69 | -</div> | |
70 | - | |
71 | -<div id=seletorIdiomas style="position:absolute;top:15px;left:5px;z-index:20000" ></div> | |
72 | -<script src="../classesjs/i3geo5.js"></script> | |
73 | -<!--<script src="../pacotes/openlayers/OpenLayers29.js.php"></script>--> | |
74 | -<script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
75 | -<script> | |
76 | -/* | |
77 | -Interface Openlayers para tablets | |
78 | - | |
79 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers adaptada para dispositivos do tipo tablet. | |
80 | - | |
81 | -File: i3geo/interface/openlayers_t.htm | |
82 | - | |
83 | -Exemplo: | |
84 | - | |
85 | -http://<host>/i3geo/ms_criamapa.php | |
86 | - | |
87 | -http://<host>/i3geo/interface/openlayers_T.htm | |
88 | - | |
89 | -http://<host>/i3geo | |
90 | - | |
91 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
92 | - | |
93 | -*/ | |
94 | -/* | |
95 | - Indica a localização correta do i3geo. | |
96 | - | |
97 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
98 | - | |
99 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
100 | -*/ | |
101 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
102 | -/* | |
103 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
104 | - | |
105 | -exemplo | |
106 | - | |
107 | -i3GEO.configura.autotamanho = true; | |
108 | -*/ | |
109 | - | |
110 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
111 | -i3GEO.configura.autotamanho = false; | |
112 | -i3GEO.Interface.ATUAL = "openlayers"; | |
113 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
114 | -i3GEO.Interface.ALTTABLET = ""; | |
115 | -//ativa ou desativa o balao de info ao clicar no mapa | |
116 | -i3GEO.eventos.cliquePerm.ativo = true; | |
117 | -// | |
118 | -i3GEO.Interface.openlayers.GADGETS = { | |
119 | - PanZoomBar:false, | |
120 | - PanZoom:false, | |
121 | - LayerSwitcher:false, | |
122 | - ScaleLine:false, | |
123 | - OverviewMap:false | |
124 | -}; | |
125 | -i3GEO.Interface.openlayers.TILES = true; | |
126 | - | |
127 | -i3GEO.barraDeBotoes.INCLUIBOTAO = { | |
128 | - zoomli: true, | |
129 | - mede: true, | |
130 | - area: true, | |
131 | - imprimir: true, | |
132 | - zoomiauto: true, | |
133 | - zoomoauto: true, | |
134 | - pan: true, | |
135 | - zoomtot:true, | |
136 | - identifica: true, | |
137 | - identificaBalao: false, | |
138 | - reinicia: false, | |
139 | - exten: false, | |
140 | - selecao: true, | |
141 | - referencia: true, | |
142 | - inserexy: false, | |
143 | - textofid: false, | |
144 | - google: true, | |
145 | - buscafotos: false, | |
146 | - wiki: false, | |
147 | - metar: false, | |
148 | - lentei: false, | |
149 | - confluence: false, | |
150 | - inseregrafico: false, | |
151 | - v3d: false | |
152 | -}; | |
153 | -i3GEO.Interface.TABLET = true; | |
154 | -i3GEO.configura.diminuiyN = 35; | |
155 | -/* | |
156 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
157 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
158 | -*/ | |
159 | -i3GEO.cria(); | |
160 | -/* | |
161 | - Inicializa o mapa | |
162 | -*/ | |
163 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
164 | -//ajusta o deslocamento da barra de botões | |
165 | -i3GEO.barraDeBotoes.OFFSET = -3; | |
166 | - | |
167 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
168 | - | |
169 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
170 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
171 | - | |
172 | -i3GEO.guias.TIPO = "tablet"; | |
173 | -i3GEO.guias.CONFIGURA.temas.titulo = $trad("t1"); | |
174 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
175 | -i3GEO.configura.mapaRefDisplay = "none"; | |
176 | -i3GEO.mapa.AUTORESIZE = true; | |
177 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
178 | -// | |
179 | -//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
180 | -// | |
181 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
182 | -// | |
183 | -//adiciona camadas que podem ser ativadas como fundo do mapa | |
184 | -// | |
185 | - | |
186 | -(function(){ | |
187 | - var bra = new OpenLayers.Layer.WMS( | |
188 | - "Base carto MMA", | |
189 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
190 | - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, | |
191 | - {isBaseLayer:true,visibility:false} | |
192 | - ); | |
193 | - var osm = new OpenLayers.Layer.WMS( | |
194 | - "Open Street Map", | |
195 | - "http://full.wms.geofabrik.de/std/demo_key", | |
196 | - {layers:""}, | |
197 | - {isBaseLayer:true,visibility:false} | |
198 | - ); | |
199 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [bra,osm]; | |
200 | -})(); | |
201 | -// | |
202 | -//define a funcao que sera executada ao clicar no mapa | |
203 | -//default (balao do tipo etiqueta) | |
204 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
205 | -//alternativo (janela de identificacao | |
206 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
207 | -// | |
208 | - | |
209 | -// | |
210 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
211 | -// | |
212 | -i3GEO.janela.ativaAlerta(); | |
213 | -// | |
214 | -//inicia o mapa | |
215 | -// | |
216 | -i3GEO.inicia(); | |
217 | -/* | |
218 | -YAHOO.util.Event.addListener(document.body, "click", YAHOO.util.Event.preventDefault); | |
219 | -YAHOO.util.Event.addFocusListener(document.body, YAHOO.util.Event.preventDefault); | |
220 | -*/ | |
221 | -</script> | |
222 | -</body> | |
223 | -</html> | |
224 | 0 | \ No newline at end of file |
interface/osm.htm
... | ... | @@ -1,330 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" | |
5 | - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
6 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
7 | -<title>i3GEO - OpenLayers</title> | |
8 | -<style> | |
9 | -.olControlEditingToolbar1 div { | |
10 | - background-image: url(../mashups/openlayers.png); | |
11 | - background-repeat: no-repeat; | |
12 | - float: right; | |
13 | - right: 0px; | |
14 | - height: 29px; | |
15 | - margin: 2px; | |
16 | - width: 29px; | |
17 | - cursor: pointer; | |
18 | -} | |
19 | -</style> | |
20 | -</head> | |
21 | -<body id="i3geo" style="background-color: white"> | |
22 | - <!-- inclui o nome do usuario logado --> | |
23 | - <div id="i3GEONomeLogin" | |
24 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
25 | - <table id='mst' summary="" style='display: none;' width=100% | |
26 | - cellspacing='0'> | |
27 | - <tr style="border: 0px"> | |
28 | - <td id="barraSuperior" | |
29 | - style="background-image: url('../imagens/visual/default/cabeca.png'); height: 10px"></td> | |
30 | - </tr> | |
31 | - <tr> | |
32 | - <td id="contemMenu" | |
33 | - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
34 | - <!--menu suspenso--> | |
35 | - <div id="menus"></div> | |
36 | - </td> | |
37 | - </tr> | |
38 | - <tr> | |
39 | - <td style="vertical-align: top; border-width: 0px;"> | |
40 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
41 | - <tr> | |
42 | - <td class=verdeclaro id=contemImg> | |
43 | - <div id=corpoMapa | |
44 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
45 | - </td> | |
46 | - </tr> | |
47 | - </table> | |
48 | - </td> | |
49 | - </tr> | |
50 | - <tr> | |
51 | - <td> | |
52 | - <table width=100%> | |
53 | - <tr> | |
54 | - <td class=tdbranca> | |
55 | - <!-- | |
56 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
57 | - <div id=visual ></div> | |
58 | - --> <!-- botão de compartilhamento em redes sociais--> | |
59 | - <div id=i3GEOcompartilhar | |
60 | - style="width: 170px; margin: auto; text-align: left; border-top: 1px solid rgb(250, 250, 250); padding-top: 1px"></div> | |
61 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
62 | - <div id=tempoRedesenho | |
63 | - style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
64 | - </td> | |
65 | - <td class=tdbranca> | |
66 | - <!-- aqui será incluída a escala numérica --> | |
67 | - <div id=escala style="margin: auto; text-align: right;"></div> | |
68 | - </td> | |
69 | - <td class=tdbranca> | |
70 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
71 | - <div id=localizarxy | |
72 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
73 | - </td> | |
74 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
75 | - <td class=tdbranca> | |
76 | - <div id=seletorIdiomas></div> | |
77 | - </td> | |
78 | - </tr> | |
79 | - </table> | |
80 | - </td> | |
81 | - </tr> | |
82 | - <tr style="border: 0px"> | |
83 | - <td id="barraInferior" | |
84 | - style="background-image: url('../imagens/visual/default/rodape.png'); height: 10px"></td> | |
85 | - </tr> | |
86 | - </table> | |
87 | - <table id="i3GEOlogoMarca" | |
88 | - style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
89 | - <tr> | |
90 | - <td><div id=versaoi3geo></div> | |
91 | - <h2 | |
92 | - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo | |
93 | - - Software livre para criação de mapas interativos e | |
94 | - geoprocessamento</h2> | |
95 | - <h3 | |
96 | - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado | |
97 | - no Mapserver, é licenciado sob GPL e integra o Portal do | |
98 | - Software Público Brasileiro</h3></td> | |
99 | - </tr> | |
100 | - <tr> | |
101 | - <td style="padding: 10px;"><img | |
102 | - style="width: 560px; height: 81px" alt="" | |
103 | - src='../imagens/logo_inicio.png'></td> | |
104 | - </tr> | |
105 | - <tr> | |
106 | - <td> | |
107 | - <!-- | |
108 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
109 | - --> | |
110 | - </td> | |
111 | - </tr> | |
112 | - </table> | |
113 | - | |
114 | - <div id="i3GEOguiaMovel" | |
115 | - style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
116 | - <img id="i3GEOguiaMovelPuxador" | |
117 | - onclick='i3GEO.guias.guiaMovel.abreFecha()' | |
118 | - style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' | |
119 | - width='0px' src='../imagens/openbars.png'> | |
120 | - <div id="i3GEOguiaMovelMolde" | |
121 | - style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
122 | - <div id="i3GEOguiaMovelIcones" | |
123 | - style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div> | |
124 | - <div id="i3GEOguiaMovelConteudo" | |
125 | - style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
126 | - <div id='guia1obj' style='display: none;'> | |
127 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
128 | - <div style='left: 5px; top: 10px;' id=buscaRapida></div> | |
129 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
130 | - <div id=listaPropriedades style='top: 15px;'></div> | |
131 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
132 | - <div id=listaLayersBase style='top: 15px;'></div> | |
133 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
134 | - <div id=listaTemas style='top: 15px;'></div> | |
135 | - </div> | |
136 | - <div id='guia2obj' style='display: none;'> | |
137 | - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> | |
138 | - </div> | |
139 | - <div id='guia4obj' style='display: none; text-align: left'> | |
140 | - <div id='legenda' style='text-align: left'></div> | |
141 | - </div> | |
142 | - <div id='guia5obj' style='display: none; text-align: left'> | |
143 | - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div> | |
144 | - </div> | |
145 | - </div> | |
146 | - </div> | |
147 | - </div> | |
148 | - <script src="../classesjs/i3geo.js"></script> | |
149 | - <script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
150 | - <!-- estilo necessário para a ferramenta de edição --> | |
151 | - | |
152 | - <script> | |
153 | -/* | |
154 | -Interface Open Street Map | |
155 | - | |
156 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. | |
157 | - | |
158 | -File: i3geo/interface/openlayers.htm | |
159 | - | |
160 | -Exemplo: | |
161 | - | |
162 | -http://<host>/i3geo/ms_criamapa.php | |
163 | - | |
164 | -http://<host>/i3geo/interface/openlayers.htm | |
165 | - | |
166 | -http://<host>/i3geo | |
167 | - | |
168 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
169 | - | |
170 | -*/ | |
171 | -/* | |
172 | - Indica a localização correta do i3geo. | |
173 | - | |
174 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
175 | - | |
176 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
177 | -*/ | |
178 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
179 | -/* | |
180 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
181 | - | |
182 | -exemplo | |
183 | - | |
184 | -i3GEO.configura.autotamanho = true; | |
185 | -*/ | |
186 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
187 | -i3GEO.configura.autotamanho = false; | |
188 | -i3GEO.Interface.ATUAL = "openlayers"; | |
189 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
190 | -//ativa ou desativa o balao de info ao clicar no mapa | |
191 | -i3GEO.eventos.cliquePerm.ativo = true; | |
192 | - | |
193 | -// | |
194 | -//define a funcao que sera executada ao clicar no mapa | |
195 | -//default (balao do tipo etiqueta) | |
196 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
197 | -//alternativo (janela de identificacao | |
198 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
199 | -// | |
200 | -i3GEO.Interface.openlayers.GADGETS = { | |
201 | - PanZoomBar:true, | |
202 | - PanZoom:false, | |
203 | - LayerSwitcher:true, | |
204 | - ScaleLine:true, | |
205 | - OverviewMap:false | |
206 | - }; | |
207 | -i3GEO.Interface.openlayers.TILES = true; | |
208 | -/* | |
209 | -i3GEO.Interface.openlayers.parametrosMap.scales = [ | |
210 | - 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | |
211 | -]; | |
212 | -i3GEO.Interface.openlayers.parametrosMap.numzoom = 18; | |
213 | -*/ | |
214 | -// | |
215 | -//controla o tamanho da barra de zoom | |
216 | -// | |
217 | -//i3GEO.Interface.openlayers.MINEXTENT = [-0.001, -0.001, 0.001, 0.001] | |
218 | -// | |
219 | -// | |
220 | -//desabilita o item que abre a interface "default" do menu suspenso | |
221 | -// | |
222 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
223 | - | |
224 | -/* | |
225 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
226 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
227 | -*/ | |
228 | - | |
229 | -i3GEO.cria(); | |
230 | -/* | |
231 | - Inicializa o mapa | |
232 | -*/ | |
233 | -//não mostra o mapa de referência | |
234 | -i3GEO.configura.mapaRefDisplay = "none"; | |
235 | -//tipo de barra de botões | |
236 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
237 | -//ajusta o deslocamento da barra de botões | |
238 | -i3GEO.barraDeBotoes.OFFSET = -3; | |
239 | -//ajusta a posição da barra de botões no IE | |
240 | -//if(navm) | |
241 | -//{i3GEO.barraDeBotoes.OFFSET = -45;} | |
242 | -//número máximo de botões na barra de botões inicial | |
243 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
244 | -//remove itens dos menus que não são necessários, já que estão como ícones na barra de botões | |
245 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
246 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
247 | -// | |
248 | -//barra de botoes normal. descomente para usar | |
249 | -/* | |
250 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
251 | -i3GEO.barraDeBotoes.AUTOALTURA = true; | |
252 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
253 | -i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
254 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | |
255 | -i3GEO.barraDeBotoes.AUTO = true; | |
256 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
257 | - | |
258 | -i3GEO.Interface.BARRABOTOESLEFT = 0; | |
259 | -i3GEO.Interface.BARRABOTOESTOP = 2; | |
260 | -i3GEO.Interface.BARRADEZOOMTOP = 10; | |
261 | -i3GEO.Interface.BARRADEZOOMLEFT = 40; | |
262 | -*/ | |
263 | -i3GEO.ajuda.ATIVAJANELA = false; | |
264 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
265 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
266 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
267 | - | |
268 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
269 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
270 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
271 | -i3GEO.mapa.AUTORESIZE = true; | |
272 | -i3GEO.guias.TIPO = "movel"; | |
273 | -//i3GEO.guias.guiaMovel.ABERTA = true; | |
274 | -//posição da guia movel em relação ao topo do mapa. Se for igual a 0, o cálculo será feito de forma automática | |
275 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
276 | -// | |
277 | -//define quanto tempo é aguardado para considerar que o mouse está parado sobre um lugar. | |
278 | -//utilizado pela função de identificação do tipo balão | |
279 | -// | |
280 | -//i3GEO.configura.tempoMouseParado = 1000 | |
281 | -// | |
282 | -//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
283 | -// | |
284 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
285 | -// | |
286 | -//adiciona camadas que podem ser ativadas como fundo do mapa | |
287 | -// | |
288 | -(function(){ | |
289 | - //http://maps.stamen.com/#watercolor/12/37.7706/-122.3782 | |
290 | - var aquarela = new OpenLayers.Layer.OSM( | |
291 | - "Aquarela", | |
292 | - "http://tile.stamen.com/watercolor/${z}/${x}/${y}.jpg", | |
293 | - { | |
294 | - isBaseLayer:true, | |
295 | - visibility: true | |
296 | - } | |
297 | - ); | |
298 | - var osm = new OpenLayers.Layer.OSM( | |
299 | - "OSM", | |
300 | - "http://tile.openstreetmap.org/${z}/${x}/${y}.png", | |
301 | - { | |
302 | - isBaseLayer:true, | |
303 | - visibility: false | |
304 | - } | |
305 | - ); | |
306 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [osm,aquarela]; | |
307 | -})(); | |
308 | -// | |
309 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
310 | -// | |
311 | -i3GEO.janela.ativaAlerta(); | |
312 | -// | |
313 | -//inicia o mapa | |
314 | -// | |
315 | -//esconde a logomarca ao finalizar o mapa | |
316 | -i3GEO.finaliza = function(){ | |
317 | - if($i("i3GEOlogoMarca")) | |
318 | - {$i("i3GEOlogoMarca").style.display = "none";} | |
319 | - i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png"); | |
320 | -}; | |
321 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
322 | -//OpenLayers.DOTS_PER_INCH = 96 | |
323 | -//i3GEO.configura.sid = ""; | |
324 | -i3GEO.janela.TRANSICAOSUAVE = true; | |
325 | -//define que sera usada a projecao google | |
326 | -i3GEO.Interface.openlayers.googleLike = true; | |
327 | -i3GEO.inicia(); | |
328 | -</script> | |
329 | -</body> | |
330 | -</html> |
interface/teste.htm
... | ... | @@ -1,151 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" | |
5 | - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
6 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
7 | - | |
8 | -<title>i3GEO - OpenLayers para testes de performance</title> | |
9 | -<!-- estilo necessário para a ferramenta de edição --> | |
10 | - | |
11 | -</head> | |
12 | -<body id="i3geo" style="background-color: white"> | |
13 | - <!-- inclui o nome do usuario logado --> | |
14 | - <div id="i3GEONomeLogin" | |
15 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
16 | - <table id='mst' summary="" style='display: none;' width=100% | |
17 | - cellspacing='0'> | |
18 | - <tr style="border: 0px"> | |
19 | - <td id="barraSuperior" | |
20 | - style="background-image: url('../imagens/visual/default/cabeca.png'); height: 10px"></td> | |
21 | - </tr> | |
22 | - <tr> | |
23 | - <td id="contemMenu" | |
24 | - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
25 | - <!--menu suspenso--> | |
26 | - | |
27 | - </td> | |
28 | - </tr> | |
29 | - <tr> | |
30 | - <td style="vertical-align: top; border-width: 0px;"> | |
31 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
32 | - <tr> | |
33 | - <td class=verdeclaro id=contemImg> | |
34 | - <div id=corpoMapa | |
35 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
36 | - </td> | |
37 | - </tr> | |
38 | - </table> | |
39 | - </td> | |
40 | - </tr> | |
41 | - <tr> | |
42 | - <td> | |
43 | - <table width=100%> | |
44 | - <tr> | |
45 | - <td class=tdbranca> | |
46 | - </td> | |
47 | - <td class=tdbranca> | |
48 | - <!-- aqui será incluída a escala numérica --> | |
49 | - <div id=escala style="text-align: right;"></div> | |
50 | - </td> | |
51 | - <td class=tdbranca> | |
52 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
53 | - <div id=localizarxy | |
54 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
55 | - </td> | |
56 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
57 | - <td class=tdbranca> | |
58 | - <div id=seletorIdiomas></div> | |
59 | - </td> | |
60 | - </tr> | |
61 | - </table> | |
62 | - </td> | |
63 | - </tr> | |
64 | - <tr style="border: 0px"> | |
65 | - <td id="barraInferior" | |
66 | - style="background-image: url('../imagens/visual/default/rodape.png'); height: 10px"></td> | |
67 | - </tr> | |
68 | - </table> | |
69 | - | |
70 | - | |
71 | - <div id="i3GEOguiaMovel" | |
72 | - style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
73 | - <img id="i3GEOguiaMovelPuxador" | |
74 | - onclick='i3GEO.guias.guiaMovel.abreFecha()' | |
75 | - style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' | |
76 | - width='0px' src='../imagens/openbars.png'> | |
77 | - <div id="i3GEOguiaMovelMolde" | |
78 | - style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
79 | - <div id="i3GEOguiaMovelIcones" | |
80 | - style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div> | |
81 | - <div id="i3GEOguiaMovelConteudo" | |
82 | - style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
83 | - <div id='guia1obj' style='display: none;'> | |
84 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
85 | - <div style='left: 5px; top: 10px;' id=buscaRapida></div> | |
86 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
87 | - <div id=listaPropriedades style='top: 15px;'></div> | |
88 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
89 | - <div id=listaLayersBase style='top: 15px;'></div> | |
90 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
91 | - <div id=listaTemas style='top: 15px;'></div> | |
92 | - </div> | |
93 | - <div id='guia2obj' style='display: none;'> | |
94 | - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> | |
95 | - </div> | |
96 | - <div id='guia4obj' style='display: none; text-align: left'> | |
97 | - <div id='legenda' style='text-align: left'></div> | |
98 | - </div> | |
99 | - <div id='guia5obj' style='display: none; text-align: left'> | |
100 | - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div> | |
101 | - </div> | |
102 | - </div> | |
103 | - </div> | |
104 | - </div> | |
105 | - | |
106 | - <script src="../classesjs/i3geo5.js"></script> | |
107 | - <script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
108 | - <script> | |
109 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
110 | - + window.location.host + "/i3geo"; | |
111 | - i3GEO.configura.autotamanho = false; | |
112 | - i3GEO.Interface.ATUAL = "openlayers"; | |
113 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
114 | - //ativa ou desativa o balao de info ao clicar no mapa | |
115 | - i3GEO.eventos.cliquePerm.ativo = true; | |
116 | - i3GEO.Interface.openlayers.GADGETS = { | |
117 | - PanZoomBar : true, | |
118 | - PanZoom : false, | |
119 | - LayerSwitcher : true, | |
120 | - ScaleLine : true, | |
121 | - OverviewMap : false | |
122 | - }; | |
123 | - i3GEO.Interface.openlayers.TILES = true; | |
124 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
125 | - i3GEO.cria(); | |
126 | - i3GEO.configura.mapaRefDisplay = "none"; | |
127 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
128 | - i3GEO.barraDeBotoes.OFFSET = -3; | |
129 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
130 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
131 | - i3GEO.barraDeBotoes.ATIVA = true; | |
132 | - i3GEO.ajuda.ATIVAJANELA = false; | |
133 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
134 | - i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
135 | - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
136 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
137 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
138 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
139 | - i3GEO.mapa.AUTORESIZE = true; | |
140 | - i3GEO.guias.TIPO = "movel"; | |
141 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
142 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
143 | - i3GEO.janela.ativaAlerta(); | |
144 | - i3GEO.finaliza = function() { | |
145 | - }; | |
146 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
147 | - i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ]; | |
148 | - i3GEO.inicia(); | |
149 | - </script> | |
150 | -</body> | |
151 | -</html> |
interface/zerocal.htm
... | ... | @@ -1,147 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA"> | |
5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | -<title>MMA - Mapa interativo</title> | |
7 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
8 | -</head> | |
9 | -<body id=i3geo > | |
10 | -<center> | |
11 | -<table id='mst' style=display:none width=100% cellspacing='0'> | |
12 | -<!-- Inclui a barra superior. Se vc não quiser o menu, é só comentar --> | |
13 | -<tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr> | |
14 | -<tr> | |
15 | -<td> | |
16 | - <table width=100% cellspacing=0 cellpadding=0 > | |
17 | - <tr> | |
18 | - <td> | |
19 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
20 | - <div id=guia1 class=guia >Temas</div> | |
21 | - <div id=guia2 class=guia >Adiciona</div> | |
22 | - <div id=guia4 class=guia >Legenda</div> | |
23 | - <div id=guia5 class=guia >Mapas</div> | |
24 | - </div> | |
25 | - </td> | |
26 | - </tr> | |
27 | - </table> | |
28 | -</td> | |
29 | -<td class="yui-navset" style="text-align:left;height:0px;border-width:0pt 0pt 0px;border-color:rgb(240,240,240)"> | |
30 | - <img alt="" src="../imagens/branco.gif" id='pan' style='border:0px solid white'/> | |
31 | - <img alt="" src="../imagens/branco.gif" id='zoomli' style='border:0px solid white;margin-left:3px'/> | |
32 | - <img alt="" src="../imagens/branco.gif" id='zoomiauto' style='border:0px solid white;margin-left:3px'/> | |
33 | - <img alt="" src="../imagens/branco.gif" id='zoomoauto' style='border:0px solid white;margin-left:3px'/> | |
34 | - <img alt="" src="../imagens/branco.gif" ID='zoomtot' style='border:0px solid white;margin-left:3px'/> | |
35 | - <img alt="" src="../imagens/branco.gif" id='identifica' style='border:0px solid white;margin-left:3px'/> | |
36 | - <img alt="" src="../imagens/branco.gif" id='mede' style='border:0px solid white;margin-left:3px'/> | |
37 | - <img alt="" src="../imagens/branco.gif" id='area' style='border:0px solid white;margin-left:3px'/> | |
38 | - | |
39 | - <img alt="" src="../imagens/branco.gif" id='reinicia' style='border:0px solid white;margin-left:12px'/> | |
40 | - <img alt="" src="../imagens/branco.gif" id='referencia' style='border:0px solid white;margin-left:3px'/> | |
41 | - <img alt="" src="../imagens/branco.gif" id='inserexy' style='border:0px solid white;margin-left:3px'/> | |
42 | - <img alt="" src="../imagens/branco.gif" id='inseregrafico' style='border:0px solid white;margin-left:3px'/> | |
43 | - <img alt="" src="../imagens/branco.gif" id='textofid' style='border:0px solid white;margin-left:0px'/> | |
44 | - <img alt="" src="../imagens/branco.gif" id='selecao' style='border:0px solid white;margin-left:3px'/> | |
45 | - <img alt="" src="../imagens/branco.gif" id='identificaBalao' style='border:0px solid white;margin-left:3px'/> | |
46 | - <img alt="" src="../imagens/branco.gif" id='lentei' style='border:0px solid white;margin-left:3px'/> | |
47 | - <img alt="" src="../imagens/branco.gif" id='metar' style='border:0px solid white;margin-left:3px'/> | |
48 | - <img alt="" src="../imagens/branco.gif" id='confluence' style='border:0px solid white;margin-left:3px'/> | |
49 | - <img alt="" src="../imagens/branco.gif" id='wiki' style='border:0px solid white;margin-left:3px'/> | |
50 | - <img alt="" src="../imagens/branco.gif" id='google' style='border:0px solid white;margin-left:3px'/> | |
51 | - <img alt="" src="../imagens/branco.gif" id='v3d' style='border:0px solid white;margin-left:3px'/> | |
52 | - <img alt="" src="../imagens/branco.gif" id="exten" style='border:0px solid white;margin-left:3px'/> | |
53 | - <img alt="" src="../imagens/branco.gif" id='imprimir' style='border:0px solid white;margin-left:3px'/> | |
54 | -</td> | |
55 | -</tr> | |
56 | -<tr> | |
57 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
58 | - <div id='guia1obj' ><div id=buscaRapida ></div><div id=listaPropriedades ></div><div id=listaTemas ></div></div> | |
59 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
60 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
61 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
62 | - </td> | |
63 | - <td style="vertical-align:top;border-width:0px;"> | |
64 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
65 | - <tr><td class=verdeclaro id=contemImg > | |
66 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
67 | - </td></tr> | |
68 | - </table> | |
69 | - </td> | |
70 | - </tr> | |
71 | -<tr> | |
72 | - <td class=tdbranca > | |
73 | - <div id=bandeiras ></div> | |
74 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
75 | - </td> | |
76 | - <td class=tdbranca > | |
77 | - <table width=100% > | |
78 | - <tr> | |
79 | - <td class=tdbranca width="33%"> | |
80 | - <div id=seletorIdiomas style="text-align:left;" ></div> | |
81 | - </td> | |
82 | - <td class=tdbranca width="33%" > | |
83 | - <div id=localizarxy style="text-align:center;font-size:10px;">Aguarde...</div> | |
84 | - </td> | |
85 | - <td class=tdbranca style="text-align:right;;display:inline-block;width:3%"> | |
86 | - <div id=escala style="text-align:right;"></div> | |
87 | - </td> | |
88 | - <td class=tdbranca ><div id=ondeestou ></div></td> | |
89 | - </tr> | |
90 | - </table> | |
91 | - | |
92 | - </td> | |
93 | -</tr> | |
94 | -<tr style="border:0px"><td colspan=3 style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
95 | -</table> | |
96 | -</center> | |
97 | -<script type="text/javascript"> | |
98 | -/* | |
99 | -Interface zerocal | |
100 | - | |
101 | -Abre o i3geo apenas com funcionalidades principais. | |
102 | - | |
103 | -File: i3geo/interface/zerocal.htm | |
104 | - | |
105 | -Exemplo: | |
106 | - | |
107 | -http://<host>/i3geo/interface/zerocal.htm | |
108 | - | |
109 | -*/ | |
110 | -/* | |
111 | - Indica a localização correta do i3geo. | |
112 | - | |
113 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
114 | - | |
115 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
116 | -*/ | |
117 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
118 | - | |
119 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
120 | -i3GEO.cria(); | |
121 | - | |
122 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
123 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
124 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
125 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
126 | -i3GEO.interface.ATIVAMENUCONTEXTO = true; | |
127 | -i3GEO.barraDeBotoes.TIPOAJUDA = "vertical"; | |
128 | -i3GEO.barraDeBotoes.SOICONES = true; | |
129 | -// | |
130 | -//define a funcao que sera executada ao clicar no mapa | |
131 | -//default (balao do tipo etiqueta) | |
132 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
133 | -//alternativo (janela de identificacao | |
134 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
135 | -// | |
136 | - | |
137 | -i3GEO.inicia(); | |
138 | -if($i("escala") && i3GEO.parametros.w < 500) | |
139 | -{$i("escala").style.display="none";} | |
140 | -// | |
141 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
142 | -// | |
143 | -i3GEO.janela.ativaAlerta(); | |
144 | - | |
145 | -</script> | |
146 | -</body> | |
147 | -</html> | |
148 | 0 | \ No newline at end of file |
interface/zerocalol.htm
... | ... | @@ -1,190 +0,0 @@ |
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
2 | -<html> | |
3 | -<head> | |
4 | -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA"> | |
5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | -<title>MMA - Mapa interativo</title> | |
7 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
8 | -<script type="text/javascript" src="../pacotes/openlayers/OpenLayers29.js.php"></script> | |
9 | - | |
10 | -</head> | |
11 | -<body id=i3geo > | |
12 | -<center> | |
13 | -<table id='mst' style=display:none width=100% cellspacing='0'> | |
14 | -<!-- Inclui a barra superior. Se vc não quiser o menu, é só comentar --> | |
15 | -<tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr> | |
16 | -<tr> | |
17 | -<td> | |
18 | - <table width=100% cellspacing=0 cellpadding=0 > | |
19 | - <tr> | |
20 | - <td> | |
21 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
22 | - <div id=guia1 class=guia >Temas</div> | |
23 | - <div id=guia2 class=guia >Adiciona</div> | |
24 | - <div id=guia4 class=guia >Legenda</div> | |
25 | - <div id=guia5 class=guia >Mapas</div> | |
26 | - </div> | |
27 | - </td> | |
28 | - </tr> | |
29 | - </table> | |
30 | -</td> | |
31 | -<td class="yui-navset" style="text-align:left;height:0px;border-width:0pt 0pt 0px;border-color:rgb(240,240,240)"> | |
32 | - <img alt="" src="../imagens/branco.gif" id='pan' style='border:0px solid white'/> | |
33 | - <img alt="" src="../imagens/branco.gif" id='zoomli' style='border:0px solid white;margin-left:3px'/> | |
34 | - <img alt="" src="../imagens/branco.gif" ID='zoomtot' style='border:0px solid white;margin-left:3px'/> | |
35 | - <img alt="" src="../imagens/branco.gif" id='identifica' style='border:0px solid white;margin-left:3px'/> | |
36 | - <img alt="" src="../imagens/branco.gif" id='mede' style='border:0px solid white;margin-left:3px'/> | |
37 | - <img alt="" src="../imagens/branco.gif" id='area' style='border:0px solid white;margin-left:3px'/> | |
38 | - | |
39 | - <img alt="" src="../imagens/branco.gif" id='reinicia' style='border:0px solid white;margin-left:12px'/> | |
40 | - <img alt="" src="../imagens/branco.gif" id='referencia' style='border:0px solid white;margin-left:3px'/> | |
41 | - <img alt="" src="../imagens/branco.gif" id='inserexy' style='border:0px solid white;margin-left:3px'/> | |
42 | - <img alt="" src="../imagens/branco.gif" id='inseregrafico' style='border:0px solid white;margin-left:3px'/> | |
43 | - <img alt="" src="../imagens/branco.gif" id='textofid' style='border:0px solid white;margin-left:0px'/> | |
44 | - <img alt="" src="../imagens/branco.gif" id='selecao' style='border:0px solid white;margin-left:3px'/> | |
45 | - <img alt="" src="../imagens/branco.gif" id='identificaBalao' style='border:0px solid white;margin-left:3px'/> | |
46 | - <img alt="" src="../imagens/branco.gif" id='lentei' style='border:0px solid white;margin-left:3px'/> | |
47 | - <img alt="" src="../imagens/branco.gif" id='metar' style='border:0px solid white;margin-left:3px'/> | |
48 | - <img alt="" src="../imagens/branco.gif" id='confluence' style='border:0px solid white;margin-left:3px'/> | |
49 | - <img alt="" src="../imagens/branco.gif" id='wiki' style='border:0px solid white;margin-left:3px'/> | |
50 | - <img alt="" src="../imagens/branco.gif" id='google' style='border:0px solid white;margin-left:3px'/> | |
51 | - <img alt="" src="../imagens/branco.gif" id='v3d' style='border:0px solid white;margin-left:3px'/> | |
52 | - <img alt="" src="../imagens/branco.gif" id="exten" style='border:0px solid white;margin-left:3px'/> | |
53 | - <img alt="" src="../imagens/branco.gif" id='imprimir' style='border:0px solid white;margin-left:3px'/> | |
54 | -</td> | |
55 | -</tr> | |
56 | -<tr> | |
57 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
58 | - <div id='guia1obj' > | |
59 | - <div id=buscaRapida ></div> | |
60 | - <div id=listaPropriedades ></div> | |
61 | - <div id=listaLayersBase ></div> | |
62 | - <div id=listaTemas ></div></div> | |
63 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
64 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
65 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
66 | - </td> | |
67 | - <td style="vertical-align:top;border-width:0px;"> | |
68 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
69 | - <tr><td class=verdeclaro id=contemImg > | |
70 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
71 | - </td></tr> | |
72 | - </table> | |
73 | - </td> | |
74 | - </tr> | |
75 | -<tr> | |
76 | - <td class=tdbranca > | |
77 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
78 | - </td> | |
79 | - <td class=tdbranca > | |
80 | - <table width=100% > | |
81 | - <tr> | |
82 | - <td class=tdbranca width="33%"> | |
83 | - <div id=escala style="text-align:right;"></div> | |
84 | - </td> | |
85 | - <td class=tdbranca width="33%" > | |
86 | - <div id=localizarxy style="text-align:center;font-size:10px;">Aguarde...</div> | |
87 | - </td> | |
88 | - <td class=tdbranca style="text-align:right;;display:inline;width:33%"> | |
89 | - <div id=seletorIdiomas style="text-align:right;" ></div> | |
90 | - </td> | |
91 | - <td class=tdbranca ><div id=ondeestou ></div></td> | |
92 | - </tr> | |
93 | - </table> | |
94 | - | |
95 | - </td> | |
96 | -</tr> | |
97 | -<tr style="border:0px"><td colspan=3 style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
98 | -</table> | |
99 | -</center> | |
100 | -<script type="text/javascript"> | |
101 | -/* | |
102 | -Interface zerocalol | |
103 | - | |
104 | -Abre o i3geo apenas com as funcionalidades principais e o motor de navegação do OpenLayers. | |
105 | - | |
106 | -File: i3geo/interface/zerocalol.htm | |
107 | - | |
108 | -Exemplo: | |
109 | - | |
110 | -http://<host>/i3geo/interface/zerocal.htm | |
111 | - | |
112 | -*/ | |
113 | -/* | |
114 | - Indica a localização correta do i3geo. | |
115 | - | |
116 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
117 | - | |
118 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
119 | -*/ | |
120 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
121 | - | |
122 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
123 | -i3GEO.Interface.ATUAL = "openlayers"; | |
124 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
125 | -i3GEO.configura.diminuixN = 20; | |
126 | - | |
127 | -i3GEO.Interface.openlayers.GADGETS = { | |
128 | - PanZoomBar:true, | |
129 | - PanZoom:false, | |
130 | - LayerSwitcher:true, | |
131 | - ScaleLine:true, | |
132 | - OverviewMap:false | |
133 | - }; | |
134 | -i3GEO.Interface.openlayers.TILES = true; | |
135 | - | |
136 | -i3GEO.cria(); | |
137 | - | |
138 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
139 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
140 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
141 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
142 | -i3GEO.interface.ATIVAMENUCONTEXTO = true; | |
143 | -i3GEO.barraDeBotoes.TIPOAJUDA = "vertical"; | |
144 | -i3GEO.barraDeBotoes.SOICONES = true; | |
145 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
146 | - | |
147 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
148 | -var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
149 | - "ESRI Imagery World 2D", | |
150 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
151 | - {}, | |
152 | - {isBaseLayer:true,visibility:false} | |
153 | -); | |
154 | -var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
155 | - "ESRI World Street Map", | |
156 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
157 | - {}, | |
158 | - {isBaseLayer:true,visibility:false} | |
159 | -); | |
160 | -var bra = new OpenLayers.Layer.WMS( | |
161 | - "Base carto MMA", | |
162 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
163 | - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, | |
164 | - {isBaseLayer:true,visibility:false} | |
165 | -); | |
166 | -var osm = new OpenLayers.Layer.WMS( | |
167 | - "Open Street Map", | |
168 | - "http://full.wms.geofabrik.de/std/demo_key", | |
169 | - {layers:""}, | |
170 | - {isBaseLayer:true,visibility:false} | |
171 | -); | |
172 | - | |
173 | -i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra,osm]; | |
174 | -// | |
175 | -//define a funcao que sera executada ao clicar no mapa | |
176 | -//default (balao do tipo etiqueta) | |
177 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
178 | -//alternativo (janela de identificacao | |
179 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
180 | -// | |
181 | - | |
182 | -i3GEO.inicia(); | |
183 | -// | |
184 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
185 | -// | |
186 | -i3GEO.janela.ativaAlerta(); | |
187 | - | |
188 | -</script> | |
189 | -</body> | |
190 | -</html> | |
191 | 0 | \ No newline at end of file |