Commit b5286540e322b430c2f9beabaae24ec269595ba6
1 parent
0809b05a
Exists in
master
and in
7 other branches
VINDE com google maps
Showing
3 changed files
with
282 additions
and
118 deletions
Show diff stats
exemplos/index.html
... | ... | @@ -36,6 +36,9 @@ body,td { |
36 | 36 | <a href="vinde.htm" target="_blank">Navegador de WMS cadastrados na INDE Brasileira</a> |
37 | 37 | </p> |
38 | 38 | <p> |
39 | + <a href="vindegm.phtml" target="_blank">Navegador de WMS cadastrados na INDE Brasileira com Google Maps</a> | |
40 | + </p> | |
41 | + <p> | |
39 | 42 | <a href="guiamovel1.htm" target="_blank">Ícones inseridos no puxador lateral da guia móvel</a> |
40 | 43 | </p> |
41 | 44 | <p> | ... | ... |
exemplos/vinde.htm
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
2 | 2 | <html> |
3 | 3 | <head> |
4 | -<meta http-equiv="Category" | |
5 | - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
4 | +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
6 | 5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
7 | - | |
8 | 6 | <title>i3GEO - OpenLayers</title> |
9 | -<!-- estilo necessário para a ferramenta de edição --> | |
10 | - | |
7 | + <style> | |
8 | + .olControlEditingToolbar1 div { | |
9 | + background-image: url(../mashups/openlayers.png); | |
10 | + background-repeat: no-repeat; | |
11 | + float: right; | |
12 | + right: 0px; | |
13 | + height: 29px; | |
14 | + margin: 2px; | |
15 | + width: 29px; | |
16 | + cursor: pointer; | |
17 | + top: 10px; | |
18 | + } | |
19 | + </style> | |
20 | + <script src="../classesjs/i3geo.js"></script> | |
21 | + <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
22 | + <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
11 | 23 | </head> |
12 | -<body id="i3geo" style="background-color: white"> | |
24 | +<body id="i3geo" style='margin-left: 7px; background: white;'> | |
13 | 25 | <!-- 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> | |
26 | + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
27 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
22 | 28 | <tr> |
23 | - <td id="contemMenu" | |
24 | - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
29 | + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
25 | 30 | <!--menu suspenso--> |
26 | - <div id="menus"></div> | |
31 | + <div id="menus" style="height: 30px;"></div> | |
27 | 32 | </td> |
28 | 33 | </tr> |
29 | 34 | <tr> |
... | ... | @@ -31,8 +36,7 @@ |
31 | 36 | <table width="100%" style="vertical-align: top; border-width: 0px"> |
32 | 37 | <tr> |
33 | 38 | <td class=verdeclaro id=contemImg> |
34 | - <div id=corpoMapa | |
35 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
39 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
36 | 40 | </td> |
37 | 41 | </tr> |
38 | 42 | </table> |
... | ... | @@ -40,58 +44,40 @@ |
40 | 44 | </tr> |
41 | 45 | <tr> |
42 | 46 | <td> |
43 | - <table width=100%> | |
47 | + <table style="width: 100%; height: 28px"> | |
44 | 48 | <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> | |
49 | + <td class=fundoRodape style="width: 25%"> | |
57 | 50 | <!-- aqui será incluída a escala numérica --> |
58 | - <div id=escala style="text-align: right;"></div> | |
51 | + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
59 | 52 | </td> |
60 | - <td class=tdbranca> | |
53 | + <td class=fundoRodape style="width: 5%"></td> | |
54 | + <td class=fundoRodape style="width: 40%"> | |
61 | 55 | <!-- 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> | |
56 | + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
57 | + </td> | |
58 | + <td class=fundoRodape style="width: 20%"> | |
59 | + <!-- botão de compartilhamento em redes sociais--> | |
60 | + <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; 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 style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
64 | 63 | </td> |
65 | 64 | <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> |
66 | - <td class=tdbranca> | |
67 | - <div id=seletorIdiomas></div> | |
65 | + <td class=fundoRodape style="width: 10%;"> | |
66 | + <div id=seletorIdiomas style="right: 15px;"></div> | |
68 | 67 | </td> |
69 | 68 | </tr> |
70 | 69 | </table> |
71 | 70 | </td> |
72 | 71 | </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 | 72 | </table> |
78 | - <table id="i3GEOlogoMarca" | |
79 | - style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
73 | + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
80 | 74 | <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> | |
75 | + <td style="height: 30px"><div id=versaoi3geo></div> | |
76 | + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2> | |
77 | + <h3 style="font-weight: normal; 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> | |
90 | 78 | </tr> |
91 | 79 | <tr> |
92 | - <td style="padding: 10px;"><img | |
93 | - style="width: 560px; height: 81px" alt="" | |
94 | - src='../imagens/logo_inicio.png'></td> | |
80 | + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td> | |
95 | 81 | </tr> |
96 | 82 | <tr> |
97 | 83 | <td> |
... | ... | @@ -102,89 +88,87 @@ |
102 | 88 | </tr> |
103 | 89 | </table> |
104 | 90 | |
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> | |
91 | +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none"> | |
92 | + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;"> | |
93 | + <img src='../imagens/openbars1.png' style="width: 48px; position: absolute; left: -16px; height: 418px; top: -160px;"> | |
94 | + <div id="iconeGuia_temas" ></div> | |
95 | + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div> | |
96 | + <div id="iconeGuia_legenda" style="margin-top:3px;"></div> | |
97 | + </div> | |
98 | + | |
99 | + <!-- | |
100 | + <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' > | |
101 | + --> | |
102 | + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray"> | |
103 | + <!-- | |
104 | + <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> | |
105 | + --> | |
106 | + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'> | |
107 | + <div id='guia1obj' style='display:none;' > | |
108 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
109 | + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div> | |
110 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
111 | + <div id=listaPropriedades style='top:15px;' ></div> | |
112 | + <!-- 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 --> | |
113 | + <div id=listaLayersBase style='top:15px;'></div> | |
114 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
115 | + <div id=listaTemas style='top:15px;'></div> | |
136 | 116 | </div> |
117 | + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
118 | + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
119 | + <!-- | |
120 | + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
121 | + --> | |
137 | 122 | </div> |
138 | 123 | </div> |
139 | - | |
140 | - <script src="../classesjs/i3geo.js"></script> | |
141 | - <script src="../pacotes/openlayers/OpenLayers2131.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> | |
124 | +</div> | |
154 | 125 | <script> |
155 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
126 | + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
156 | 127 | + window.location.host + "/i3geo"; |
157 | 128 | i3GEO.configura.autotamanho = false; |
158 | 129 | i3GEO.Interface.ATUAL = "openlayers"; |
159 | 130 | i3GEO.Interface.IDCORPO = "contemImg"; |
160 | - i3GEO.eventos.cliquePerm.ativo = true; | |
161 | - i3GEO.Interface.openlayers.GADGETS = { | |
162 | - PanZoomBar : true, | |
163 | - PanZoom : false, | |
164 | - LayerSwitcher : true, | |
165 | - ScaleLine : true, | |
166 | - OverviewMap : false | |
167 | - }; | |
168 | 131 | i3GEO.Interface.openlayers.TILES = true; |
132 | + | |
169 | 133 | i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; |
134 | + | |
170 | 135 | i3GEO.cria(); |
171 | 136 | i3GEO.configura.mapaRefDisplay = "none"; |
172 | 137 | i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; |
173 | - i3GEO.barraDeBotoes.OFFSET = -3; | |
138 | + //ajusta o deslocamento da barra de botoes | |
139 | + i3GEO.barraDeBotoes.OFFSET = 11; | |
140 | + //ajusta a posicao da barra de botoes no IE | |
141 | + if(navm){ | |
142 | + i3GEO.barraDeBotoes.OFFSET = 5; | |
143 | + } | |
144 | + if(chro){ | |
145 | + i3GEO.barraDeBotoes.OFFSET = 15; | |
146 | + } | |
147 | + | |
174 | 148 | i3GEO.configura.oMenuData["submenus"]["janelas"] = []; |
175 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
176 | - i3GEO.barraDeBotoes.ATIVA = true; | |
177 | 149 | i3GEO.ajuda.ATIVAJANELA = false; |
178 | 150 | i3GEO.idioma.IDSELETOR = "seletorIdiomas"; |
179 | 151 | i3GEO.Interface.ATIVAMENUCONTEXTO = false; |
180 | - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
181 | - | |
152 | + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
182 | 153 | i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; |
183 | 154 | i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; |
184 | 155 | i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; |
185 | 156 | i3GEO.mapa.AUTORESIZE = true; |
186 | 157 | i3GEO.guias.TIPO = "movel"; |
187 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
158 | + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
159 | + i3GEO.janela.ativaAlerta(); | |
160 | + i3GEO.finaliza = function() { | |
161 | + if ($i("i3GEOlogoMarca")) { | |
162 | + $i("i3GEOlogoMarca").style.display = "none"; | |
163 | + } | |
164 | + i3GEO.mapa.insereDobraPagina("googlemaps", | |
165 | + "../imagens/dobragooglemaps.png" | |
166 | + ); | |
167 | + }; | |
168 | + //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
169 | + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
170 | + i3GEO.janela.TRANSICAOSUAVE = true; | |
171 | + | |
188 | 172 | OpenLayers.ImgPath = "../pacotes/openlayers/img/"; |
189 | 173 | (function() { |
190 | 174 | var oce = new OpenLayers.Layer.ArcGIS93Rest( |
... | ... | @@ -220,11 +204,13 @@ |
220 | 204 | { |
221 | 205 | layers : "baseraster", |
222 | 206 | srs : "EPSG:4618", |
223 | - format : "image/png" | |
207 | + format : "image/png", | |
208 | + isBaseLayer : false | |
224 | 209 | }, { |
225 | 210 | isBaseLayer : true, |
226 | 211 | visibility : false |
227 | 212 | }); |
213 | + | |
228 | 214 | var tms = new OpenLayers.Layer.TMS("OSGEO", |
229 | 215 | "http://tilecache.osgeo.org/wms-c/Basic.py/", { |
230 | 216 | layername : "basic", |
... | ... | @@ -234,9 +220,11 @@ |
234 | 220 | isBaseLayer : true, |
235 | 221 | visibility : false |
236 | 222 | }); |
223 | + | |
237 | 224 | i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, tms, |
238 | 225 | bra ]; |
239 | 226 | })(); |
227 | + | |
240 | 228 | i3GEO.janela.ativaAlerta(); |
241 | 229 | i3GEO.finaliza = function() { |
242 | 230 | if ($i("i3GEOlogoMarca")) { | ... | ... |
... | ... | @@ -0,0 +1,173 @@ |
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 | + <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script> | |
11 | + <script type="text/javascript" src="../classesjs/i3geo6.js"></script> | |
12 | + <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
13 | +</head> | |
14 | +<body id="i3geo" style='margin-left: 7px; background: white;'> | |
15 | + <!-- inclui o nome do usuario logado --> | |
16 | + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
17 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
18 | + <tr> | |
19 | + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
20 | + <!--menu suspenso--> | |
21 | + <div id="menus" style="height: 30px;"></div> | |
22 | + </td> | |
23 | + </tr> | |
24 | + <tr> | |
25 | + <td style="vertical-align: top; border-width: 0px;"> | |
26 | + <table width="100%" style="vertical-align: top; border-width: 0px"> | |
27 | + <tr> | |
28 | + <td class=verdeclaro id=contemImg> | |
29 | + <div id=googlemapsdiv style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
30 | + </td> | |
31 | + </tr> | |
32 | + </table> | |
33 | + </td> | |
34 | + </tr> | |
35 | + <tr> | |
36 | + <td> | |
37 | + <table style="width: 100%; height: 28px"> | |
38 | + <tr> | |
39 | + <td class=fundoRodape style="width: 25%"> | |
40 | + <!-- aqui será incluída a escala numérica --> | |
41 | + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
42 | + </td> | |
43 | + <td class=fundoRodape style="width: 5%"></td> | |
44 | + <td class=fundoRodape style="width: 40%"> | |
45 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
46 | + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
47 | + </td> | |
48 | + <td class=fundoRodape style="width: 20%"> | |
49 | + <!-- botão de compartilhamento em redes sociais--> | |
50 | + <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
51 | + <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
52 | + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
53 | + </td> | |
54 | + <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
55 | + <td class=fundoRodape style="width: 10%;"> | |
56 | + <div id=seletorIdiomas style="right: 15px;"></div> | |
57 | + </td> | |
58 | + </tr> | |
59 | + </table> | |
60 | + </td> | |
61 | + </tr> | |
62 | + </table> | |
63 | + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
64 | + <tr> | |
65 | + <td><div id=versaoi3geo></div> | |
66 | + <h2 style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2> | |
67 | + <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> | |
68 | + </tr> | |
69 | + <tr> | |
70 | + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td> | |
71 | + </tr> | |
72 | + <tr> | |
73 | + <td> | |
74 | + <!-- | |
75 | + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
76 | + --> | |
77 | + </td> | |
78 | + </tr> | |
79 | + </table> | |
80 | + | |
81 | +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none"> | |
82 | + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;"> | |
83 | + <img src='../imagens/openbars1.png' style="width: 48px; position: absolute; left: -16px; height: 418px; top: -160px;"> | |
84 | + <div id="iconeGuia_temas" ></div> | |
85 | + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div> | |
86 | + <div id="iconeGuia_legenda" style="margin-top:3px;"></div> | |
87 | + </div> | |
88 | + | |
89 | + <!-- | |
90 | + <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' > | |
91 | + --> | |
92 | + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;border-radius:5px 0px 0px 5px;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray"> | |
93 | + <!-- | |
94 | + <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> | |
95 | + --> | |
96 | + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'> | |
97 | + <div id='guia1obj' style='display:none;' > | |
98 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
99 | + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div> | |
100 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
101 | + <div id=listaPropriedades style='top:15px;' ></div> | |
102 | + <!-- 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 --> | |
103 | + <div id=listaLayersBase style='top:15px;'></div> | |
104 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
105 | + <div id=listaTemas style='top:15px;'></div> | |
106 | + </div> | |
107 | + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
108 | + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div> | |
109 | + <!-- | |
110 | + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
111 | + --> | |
112 | + </div> | |
113 | + </div> | |
114 | +</div> | |
115 | +</div> | |
116 | + | |
117 | + | |
118 | + | |
119 | + <script type="text/javascript"> | |
120 | +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
121 | +i3GEO.Interface.ATUAL = "googlemaps"; | |
122 | +i3GEO.Interface.IDCORPO = "contemImg"; | |
123 | +i3GEO.configura.diminuixN = 20; | |
124 | + | |
125 | +i3GEO.configura.autotamanho = false; | |
126 | +i3GEO.Interface.openlayers.TILES = true; | |
127 | +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
128 | +i3GEO.cria(); | |
129 | +i3GEO.configura.mapaRefDisplay = "none"; | |
130 | +i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
131 | +//ajusta o deslocamento da barra de botoes | |
132 | +i3GEO.barraDeBotoes.OFFSET = 11; | |
133 | +//ajusta a posicao da barra de botoes no IE | |
134 | +if(navm){ | |
135 | + i3GEO.barraDeBotoes.OFFSET = 5; | |
136 | +} | |
137 | +if(chro){ | |
138 | + i3GEO.barraDeBotoes.OFFSET = 15; | |
139 | +} | |
140 | + | |
141 | +i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
142 | +i3GEO.ajuda.ATIVAJANELA = false; | |
143 | +i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
144 | +i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
145 | +//i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
146 | +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
147 | +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
148 | +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
149 | +i3GEO.mapa.AUTORESIZE = true; | |
150 | +i3GEO.guias.TIPO = "movel"; | |
151 | +i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
152 | +i3GEO.janela.ativaAlerta(); | |
153 | + | |
154 | +//i3GEO.Interface.googlemaps.TIPOMAPA = "satellite"; | |
155 | + | |
156 | +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
157 | +i3GEO.janela.TRANSICAOSUAVE = true; | |
158 | + | |
159 | +i3GEO.finaliza = function(){ | |
160 | + if($i("i3GEOlogoMarca")){ | |
161 | + $i("i3GEOlogoMarca").style.display = "none"; | |
162 | + } | |
163 | + i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png"); | |
164 | + i3GEO.arvoreDeTemas.dialogo.vinde(); | |
165 | +}; | |
166 | +i3GEO.finalizaAPI = function(){ | |
167 | +}; | |
168 | + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
169 | + i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ]; | |
170 | + i3GEO.inicia(); | |
171 | + </script> | |
172 | +</body> | |
173 | +</html> | ... | ... |