Commit 1f0e5200bd50bc4fdadcf61dd82d593462d05d40
1 parent
1f149ce9
Exists in
master
and in
7 other branches
Adaptação das demais interfaces para o novo modelo
Showing
19 changed files
with
881 additions
and
2214 deletions
Show diff stats
admin/admin.db
No preview for this file type
interface/black_carto_ol.htm
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" 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"> | |
7 | -<title>i3GEO - OpenLayers</title> | |
8 | - <script src="../classesjs/i3geo.js"></script> | |
9 | - <script src="../ferramentas/metaestat/index.js"></script> | |
10 | - <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
11 | - <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
12 | - <style> | |
13 | - .olControlEditingToolbar1 div { | |
14 | - background-image: url(../mashups/openlayers.png); | |
15 | - background-repeat: no-repeat; | |
16 | - float: right; | |
17 | - right: 50px; | |
18 | - height: 29px; | |
19 | - margin: 2px; | |
20 | - width: 29px; | |
21 | - cursor: pointer; | |
22 | - top: 10px; | |
23 | - } | |
24 | - </style> | |
25 | -</head> | |
26 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
27 | - <!-- inclui o nome do usuario logado --> | |
28 | - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
29 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
30 | - <tr> | |
31 | - <td id="contemMenu"> | |
32 | - <!--menu suspenso--> | |
33 | - <div id="menus" style="height: 0px;"></div> | |
34 | - </td> | |
35 | - </tr> | |
36 | - <tr> | |
37 | - <td style="vertical-align: top; border-width: 0px;"> | |
38 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
39 | - <tr> | |
40 | - <td class=verdeclaro id=contemImg> | |
41 | - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
42 | - </td> | |
43 | - </tr> | |
44 | - </table> | |
45 | - </td> | |
46 | - </tr> | |
47 | - <tr> | |
48 | - <td> | |
49 | - <table style="width: 100%; height: 28px"> | |
50 | - <tr> | |
51 | - <td class=fundoRodape style="width: 25%"> | |
52 | - <!-- aqui será incluída a escala numérica --> | |
53 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
54 | - </td> | |
55 | - <td class=fundoRodape style="width: 5%"></td> | |
56 | - <td class=fundoRodape style="width: 40%"> | |
57 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
58 | - <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
59 | - </td> | |
60 | - <td class=fundoRodape style="width: 20%"> | |
61 | - <!-- botão de compartilhamento em redes sociais--> | |
62 | - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
63 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
64 | - <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
65 | - </td> | |
66 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
67 | - <td class=fundoRodape style="width: 10%;"> | |
68 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
69 | - </td> | |
70 | - </tr> | |
71 | - </table> | |
72 | - </td> | |
73 | - </tr> | |
74 | - </table> | |
75 | - <div id="i3GEOlogoMarca"> | |
76 | - <table> | |
77 | - <tr> | |
78 | - <td> | |
79 | - <div id=versaoi3geo></div> | |
80 | - <h1 class="i3GEOlogoMarca">i3Geo | |
81 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
82 | - <h1 class="i3GEOlogoMarca">Baseado | |
83 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
84 | - Brasileiro</h1> | |
85 | - </td> | |
86 | - </tr> | |
87 | - </table> | |
88 | - <img src='../imagens/logo_inicio.png'> | |
89 | - </div> | |
90 | - | |
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: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
93 | - <div id="iconeGuia_temas"></div> | |
94 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
95 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
96 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
97 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
98 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
99 | - </div> | |
100 | - <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"> | |
101 | - <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'> | |
102 | - <div id='guia1obj' style='display: none;'> | |
103 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
104 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
105 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
106 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
107 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
108 | - <!-- 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 --> | |
109 | - <div id=listaLayersBase style='top: 15px;'></div> | |
110 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
111 | - <div id=listaTemas style='top: 15px;'></div> | |
112 | - </div> | |
113 | - <div id='guia2obj' style='display: none;'> | |
114 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
115 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
116 | - </div> | |
117 | - <div id='guia4obj' style='display: none; text-align: left'> | |
118 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
119 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
120 | - </div> | |
121 | - </div> | |
122 | - </div> | |
123 | - </div> | |
124 | - | |
125 | - <script> | |
126 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
127 | - + window.location.host + "/i3geo"; | |
128 | - i3GEO.configura.autotamanho = false; | |
129 | - i3GEO.Interface.ATUAL = "openlayers"; | |
130 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
131 | - i3GEO.Interface.openlayers.TILES = true; | |
132 | - | |
133 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
134 | - i3GEO.cria(); | |
135 | - i3GEO.configura.mapaRefDisplay = "none"; | |
136 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
137 | - //ajusta o deslocamento da barra de botoes | |
138 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
139 | - //ajusta a posicao da barra de botoes no IE | |
140 | - if(navm){ | |
141 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
142 | - } | |
143 | - if(chro){ | |
144 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
145 | - } | |
146 | - | |
147 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
148 | - i3GEO.ajuda.ATIVAJANELA = false; | |
149 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
150 | - | |
151 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
152 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
153 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
154 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
155 | - i3GEO.mapa.AUTORESIZE = true; | |
156 | - i3GEO.guias.TIPO = "movel"; | |
157 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
158 | - i3GEO.janela.ativaAlerta(); | |
159 | - i3GEO.finaliza = function() { | |
160 | - if ($i("i3GEOlogoMarca")) { | |
161 | - $i("i3GEOlogoMarca").style.display = "none"; | |
162 | - } | |
163 | - //i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png"); | |
164 | - }; | |
165 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
166 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
167 | - | |
168 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
169 | - (function() { | |
170 | - var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
171 | - "ESRI National Geographic", | |
172 | - "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
173 | - { | |
174 | - format : "jpeg" | |
175 | - }, { | |
176 | - isBaseLayer : true, | |
177 | - visibility : true, | |
178 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
179 | - }); | |
180 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
181 | - "ESRI Ocean Basemap", | |
182 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
183 | - { | |
184 | - format : "jpeg" | |
185 | - }, { | |
186 | - isBaseLayer : true, | |
187 | - visibility : false, | |
188 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
189 | - }); | |
190 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
191 | - "ESRI Imagery World 2D", | |
192 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
193 | - { | |
194 | - format : "jpeg" | |
195 | - }, { | |
196 | - isBaseLayer : true, | |
197 | - visibility : false, | |
198 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
199 | - }); | |
200 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
201 | - "ESRI World Street Map", | |
202 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
203 | - { | |
204 | - format : "jpeg" | |
205 | - }, { | |
206 | - isBaseLayer : true, | |
207 | - visibility : false, | |
208 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
209 | - }); | |
210 | - var bra = new OpenLayers.Layer.WMS( | |
211 | - "Base carto MMA", | |
212 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
213 | - { | |
214 | - layers : "baseraster", | |
215 | - srs : "EPSG:4618", | |
216 | - format : "image/png", | |
217 | - isBaseLayer : false | |
218 | - }, { | |
219 | - isBaseLayer : true, | |
220 | - visibility : false | |
221 | - }); | |
222 | - | |
223 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
224 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
225 | - layername : "basic", | |
226 | - type : "png", | |
227 | - // set if different than the bottom left of map.maxExtent | |
228 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
229 | - isBaseLayer : true, | |
230 | - visibility : false, | |
231 | - attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
232 | - }); | |
233 | - | |
234 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
235 | - bra ]; | |
236 | - })(); | |
237 | - | |
238 | - //redefine a funcao onclique do botao localizar da barra de ferramentas | |
239 | - i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | |
240 | - i3GEO.mapa.dialogo.locregiao(); | |
241 | - }; | |
242 | - i3GEO.inicia(); | |
243 | - //parametros especificos dos cartogramas | |
244 | - //ver i3geo/ferramentas/metaestat | |
245 | - i3GEOF.metaestat.INTERFACE = "flutuante"; | |
246 | - i3GEOF.metaestat.CONEXAODEFAULT = 1; | |
247 | - i3GEOF.metaestat.TOP = 50; | |
248 | - i3GEOF.metaestat.LEFT = 100; | |
249 | - //i3GEOF.metaestat.LARGURA = 270; | |
250 | - //i3GEOF.metaestat.ALTURA = 300; | |
251 | - // | |
252 | - //define a funcao que sera executada ao clicar no mapa | |
253 | - //default (balao do tipo etiqueta) | |
254 | - i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
255 | - //alternativo (janela de identificacao | |
256 | - //i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
257 | - // | |
258 | - i3GEOF.metaestat.inicia(); | |
259 | - // | |
260 | - //substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
261 | - // | |
262 | - i3GEO.janela.ativaAlerta(); | |
263 | - </script> | |
264 | -</body> | |
265 | -</html> | |
1 | +<!DOCTYPE html> | |
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" | |
7 | + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> | |
8 | +<title>i3GEO - OpenLayers</title> | |
9 | +<script src="../pacotes/ol3/ol.js"></script> | |
10 | +<script src="../js/i3geo.js"></script> | |
11 | +<script src="../ferramentas/metaestat/index.js"></script> | |
12 | +<script src="config.php?tipo=OL"></script> | |
13 | +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
14 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
15 | +<style> | |
16 | +.ol-attribution img { | |
17 | + display: none; | |
18 | +} | |
19 | + | |
20 | +.ol-attribution.ol-uncollapsible { | |
21 | + height: 2.1em; | |
22 | + right: 24px; | |
23 | + background: none; | |
24 | + margin-bottom: 15px; | |
25 | +} | |
26 | +</style> | |
27 | +</head> | |
28 | +<body id="i3geo" style='background: white;'> | |
29 | + | |
30 | + <!-- inclui o nome do usuario logado --> | |
31 | + <div id="i3GEONomeLogin" | |
32 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
33 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
34 | + <tr> | |
35 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
36 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
37 | + </td> | |
38 | + </tr> | |
39 | + </table> | |
40 | + <div id="i3GEOlogoMarca"> | |
41 | + <table> | |
42 | + <tr> | |
43 | + <td> | |
44 | + <div id=versaoi3geo></div> | |
45 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas | |
46 | + interativos e geoprocessamento</h1> | |
47 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o | |
48 | + Portal do Software Público Brasileiro</h1> | |
49 | + </td> | |
50 | + </tr> | |
51 | + </table> | |
52 | + <img src='../imagens/logo_inicio.png'> | |
53 | + </div> | |
54 | + <div id="contemMenu"> | |
55 | + <!--menu suspenso--> | |
56 | + <div id="menus"></div> | |
57 | + </div> | |
58 | + <!-- aqui será incluída a escala numérica --> | |
59 | + <div id=escala class=fundoRodape></div> | |
60 | + | |
61 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
62 | + <div id=localizarxy class="fundoRodape"></div> | |
63 | + | |
64 | + <!-- mensagem de copyright --> | |
65 | + <div id="i3GEOcopyright">i3Geo</div> | |
66 | + | |
67 | + <div id="i3GEOguiaMovel" | |
68 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
69 | + <div | |
70 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
71 | + <div id="iconeGuia_temas"></div> | |
72 | + <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
73 | + <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
74 | + <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
75 | + <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
76 | + <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
77 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
78 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
79 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
80 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
81 | + </div> | |
82 | + <div id="i3GEOguiaMovelMolde" | |
83 | + 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"> | |
84 | + <div id="i3GEOguiaMovelConteudo" | |
85 | + 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'> | |
86 | + <div id='guia1obj' style='display: none;'> | |
87 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
88 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
89 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
90 | + <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
91 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
92 | + <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
93 | + <!-- 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 --> | |
94 | + <div id=listaLayersBase style='top: 15px;'></div> | |
95 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
96 | + <div id=listaTemas style='top: 15px;'></div> | |
97 | + </div> | |
98 | + <div id='guia2obj' style='display: none;'> | |
99 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
100 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
101 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
102 | + </div> | |
103 | + <div id='guia4obj' style='display: none; text-align: left'> | |
104 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
105 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
106 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
107 | + </div> | |
108 | + </div> | |
109 | + </div> | |
110 | + </div> | |
111 | + <script> | |
112 | + i3GEO.cria(); | |
113 | + i3GEO.inicia(); | |
114 | + //parametros especificos dos cartogramas | |
115 | + //ver i3geo/ferramentas/metaestat | |
116 | + i3GEOF.metaestat.INTERFACE = "flutuante"; | |
117 | + i3GEOF.metaestat.CONEXAODEFAULT = 1; | |
118 | + i3GEOF.metaestat.TOP = 50; | |
119 | + i3GEOF.metaestat.LEFT = 100; | |
120 | + //i3GEOF.metaestat.LARGURA = 270; | |
121 | + //i3GEOF.metaestat.ALTURA = 300; | |
122 | + // | |
123 | + //define a funcao que sera executada ao clicar no mapa | |
124 | + //default (balao do tipo etiqueta) | |
125 | + i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ]; | |
126 | + //alternativo (janela de identificacao | |
127 | + //i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
128 | + // | |
129 | + i3GEOF.metaestat.inicia(); | |
130 | + </script> | |
131 | +</body> | |
132 | +</html> | ... | ... |
interface/black_editor.php
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" 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"> | |
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 | - top: 10px; | |
19 | - } | |
20 | - </style> | |
21 | - <script src="../classesjs/i3geo.js"></script> | |
22 | - <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
23 | - <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
24 | -</head> | |
25 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
26 | - <!-- inclui o nome do usuario logado --> | |
27 | - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
28 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
29 | - <tr> | |
30 | - <td id="contemMenu"> | |
31 | - <!--menu suspenso--> | |
32 | - <div id="menus" style="height: 0px;"></div> | |
33 | - </td> | |
34 | - </tr> | |
35 | - <tr> | |
36 | - <td style="vertical-align: top; border-width: 0px;"> | |
37 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
38 | - <tr> | |
39 | - <td class=verdeclaro id=contemImg> | |
40 | - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
41 | - </td> | |
42 | - </tr> | |
43 | - </table> | |
44 | - </td> | |
45 | - </tr> | |
46 | - <tr> | |
47 | - <td> | |
48 | - <table style="width: 100%; height: 28px"> | |
49 | - <tr> | |
50 | - <td class=fundoRodape style="width: 25%"> | |
51 | - <!-- aqui será incluída a escala numérica --> | |
52 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
53 | - </td> | |
54 | - <td class=fundoRodape style="width: 5%"></td> | |
55 | - <td class=fundoRodape style="width: 40%"> | |
56 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
57 | - <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
58 | - </td> | |
59 | - <td class=fundoRodape style="width: 20%"> | |
60 | - <!-- botão de compartilhamento em redes sociais--> | |
61 | - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
62 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
63 | - <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
64 | - </td> | |
65 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
66 | - <td class=fundoRodape style="width: 10%;"> | |
67 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
68 | - </td> | |
69 | - </tr> | |
70 | - </table> | |
71 | - </td> | |
72 | - </tr> | |
73 | - </table> | |
74 | - <div id="i3GEOlogoMarca"> | |
75 | - <table> | |
76 | - <tr> | |
77 | - <td> | |
78 | - <div id=versaoi3geo></div> | |
79 | - <h1 class="i3GEOlogoMarca">i3Geo | |
80 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
81 | - <h1 class="i3GEOlogoMarca">Baseado | |
82 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
83 | - Brasileiro</h1> | |
84 | - </td> | |
85 | - </tr> | |
86 | - </table> | |
87 | - <img src='../imagens/logo_inicio.png'> | |
88 | - </div> | |
89 | - | |
90 | - <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
91 | - <div style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
92 | - <div id="iconeGuia_temas"></div> | |
93 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
94 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
95 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
96 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
97 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
98 | - </div> | |
99 | - <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"> | |
100 | - <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'> | |
101 | - <div id='guia1obj' style='display: none;'> | |
102 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
103 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
104 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
105 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
106 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
107 | - <!-- 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 --> | |
108 | - <div id=listaLayersBase style='top: 15px;'></div> | |
109 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
110 | - <div id=listaTemas style='top: 15px;'></div> | |
111 | - </div> | |
112 | - <div id='guia2obj' style='display: none;'> | |
113 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
114 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
115 | - </div> | |
116 | - <div id='guia4obj' style='display: none; text-align: left'> | |
117 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
118 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
119 | - </div> | |
120 | - </div> | |
121 | - </div> | |
122 | - </div> <script> | |
123 | - /** | |
124 | - Essa interface e usada no sistema de administracao, na opcao de edicao de mapfiles. | |
125 | - Mostra um mapa com uma janela com as principais operacoes de edicao de um tema | |
126 | - **/ | |
127 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
128 | - + window.location.host + "/i3geo"; | |
129 | - i3GEO.configura.autotamanho = false; | |
130 | - i3GEO.Interface.ATUAL = "openlayers"; | |
131 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
132 | - i3GEO.Interface.openlayers.TILES = true; | |
133 | - | |
134 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
135 | - | |
136 | - // | |
137 | - i3GEO.mapa.TEMASINICIAIS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
138 | - i3GEO.mapa.TEMASINICIAISLIGADOS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
139 | - | |
140 | - i3GEO.cria(); | |
141 | - i3GEO.configura.mapaRefDisplay = "none"; | |
142 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
143 | - //ajusta o deslocamento da barra de botoes | |
144 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
145 | - //ajusta a posicao da barra de botoes no IE | |
146 | - if(navm){ | |
147 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
148 | - } | |
149 | - if(chro){ | |
150 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
151 | - } | |
152 | - | |
153 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
154 | - i3GEO.ajuda.ATIVAJANELA = false; | |
155 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
156 | - | |
157 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
158 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
159 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
160 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
161 | - i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
162 | - i3GEO.mapa.AUTORESIZE = true; | |
163 | - i3GEO.guias.TIPO = "movel"; | |
164 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
165 | - i3GEO.janela.ativaAlerta(); | |
166 | - | |
167 | - i3GEO.finaliza = function() { | |
168 | - if ($i("i3GEOlogoMarca")) { | |
169 | - $i("i3GEOlogoMarca").style.display = "none"; | |
170 | - } | |
171 | - i3GEO.mapa.ativaTema("<?php echo strip_tags($_GET["temaEdicao"]); ?>"); | |
172 | - i3GEO.mapa.dialogo.atalhosedicao(); | |
173 | - }; | |
174 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
175 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
176 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
177 | - | |
178 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
179 | - (function() { | |
180 | - var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
181 | - "ESRI National Geographic", | |
182 | - "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
183 | - { | |
184 | - format : "jpeg" | |
185 | - }, { | |
186 | - isBaseLayer : true, | |
187 | - visibility : true, | |
188 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
189 | - }); | |
190 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
191 | - "ESRI Ocean Basemap", | |
192 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
193 | - { | |
194 | - format : "jpeg" | |
195 | - }, { | |
196 | - isBaseLayer : true, | |
197 | - visibility : false, | |
198 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
199 | - }); | |
200 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
201 | - "ESRI Imagery World 2D", | |
202 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
203 | - { | |
204 | - format : "jpeg" | |
205 | - }, { | |
206 | - isBaseLayer : true, | |
207 | - visibility : false, | |
208 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
209 | - }); | |
210 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
211 | - "ESRI World Street Map", | |
212 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
213 | - { | |
214 | - format : "jpeg" | |
215 | - }, { | |
216 | - isBaseLayer : true, | |
217 | - visibility : false, | |
218 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
219 | - }); | |
220 | - var bra = new OpenLayers.Layer.WMS( | |
221 | - "Base carto MMA", | |
222 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
223 | - { | |
224 | - layers : "baseraster", | |
225 | - srs : "EPSG:4618", | |
226 | - format : "image/png", | |
227 | - isBaseLayer : false | |
228 | - }, { | |
229 | - isBaseLayer : true, | |
230 | - visibility : false | |
231 | - }); | |
232 | - | |
233 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
234 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
235 | - layername : "basic", | |
236 | - type : "png", | |
237 | - // set if different than the bottom left of map.maxExtent | |
238 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
239 | - isBaseLayer : true, | |
240 | - visibility : false, | |
241 | - attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
242 | - }); | |
243 | - | |
244 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
245 | - bra ]; | |
246 | - })(); | |
247 | - | |
248 | - i3GEO.inicia(); | |
249 | - </script> | |
250 | -</body> | |
251 | -</html> | |
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" 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"> | |
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 | + top: 10px; | |
19 | + } | |
20 | + </style> | |
21 | + <script src="../classesjs/i3geo6.js"></script> | |
22 | + <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
23 | + <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
24 | +</head> | |
25 | +<body id="i3geo" style='margin-left: 7px; background: white;'> | |
26 | + <!-- inclui o nome do usuario logado --> | |
27 | + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
28 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
29 | + <tr> | |
30 | + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
31 | + <!--menu suspenso--> | |
32 | + <div id="menus" style="height: 0px;"></div> | |
33 | + </td> | |
34 | + </tr> | |
35 | + <tr> | |
36 | + <td style="vertical-align: top; border-width: 0px;"> | |
37 | + <table width="100%" style="vertical-align: top; border-width: 0px"> | |
38 | + <tr> | |
39 | + <td class=verdeclaro id=contemImg> | |
40 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
41 | + </td> | |
42 | + </tr> | |
43 | + </table> | |
44 | + </td> | |
45 | + </tr> | |
46 | + <tr> | |
47 | + <td> | |
48 | + <table style="width: 100%; height: 28px"> | |
49 | + <tr> | |
50 | + <td class=fundoRodape style="width: 25%"> | |
51 | + </td> | |
52 | + <td class=fundoRodape style="width: 5%"></td> | |
53 | + <td class=fundoRodape style="width: 40%"> | |
54 | + </td> | |
55 | + <td class=fundoRodape style="width: 20%"> | |
56 | + </td> | |
57 | + <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
58 | + <td class=fundoRodape style="width: 10%;"> | |
59 | + <div id=seletorIdiomas style="right: 15px;"></div> | |
60 | + </td> | |
61 | + </tr> | |
62 | + </table> | |
63 | + </td> | |
64 | + </tr> | |
65 | + </table> | |
66 | + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
67 | + <tr> | |
68 | + <td style="height: 30px"><div id=versaoi3geo></div> | |
69 | + <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> | |
70 | + <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> | |
71 | + </tr> | |
72 | + <tr> | |
73 | + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td> | |
74 | + </tr> | |
75 | + <tr> | |
76 | + <td> | |
77 | + <!-- | |
78 | + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
79 | + --> | |
80 | + </td> | |
81 | + </tr> | |
82 | + </table> | |
83 | + | |
84 | +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none"> | |
85 | + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;"> | |
86 | + <div id="iconeGuia_temas" ></div> | |
87 | + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div> | |
88 | + <div id="iconeGuia_legenda" style="margin-top:3px;"></div> | |
89 | + </div> | |
90 | + <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"> | |
91 | + <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'> | |
92 | + <div id='guia1obj' style='display:none;' > | |
93 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
94 | + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div> | |
95 | + <div id=listaTemas style='top:15px;'></div> | |
96 | + </div> | |
97 | + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
98 | + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
99 | + <!-- | |
100 | + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
101 | + --> | |
102 | + </div> | |
103 | + </div> | |
104 | +</div> | |
105 | + <script> | |
106 | + /** | |
107 | + Essa interface e usada no sistema de administracao, na opcao de edicao de mapfiles. | |
108 | + Mostra um mapa com uma janela com as principais operacoes de edicao de um tema | |
109 | + **/ | |
110 | + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
111 | + + window.location.host + "/i3geo"; | |
112 | + i3GEO.configura.autotamanho = false; | |
113 | + i3GEO.Interface.ATUAL = "openlayers"; | |
114 | + i3GEO.Interface.IDCORPO = "contemImg"; | |
115 | + i3GEO.Interface.openlayers.TILES = true; | |
116 | + | |
117 | + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
118 | + | |
119 | + // | |
120 | + i3GEO.mapa.TEMASINICIAIS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
121 | + i3GEO.mapa.TEMASINICIAISLIGADOS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
122 | + | |
123 | + i3GEO.cria(); | |
124 | + i3GEO.configura.mapaRefDisplay = "none"; | |
125 | + i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
126 | + //ajusta o deslocamento da barra de botoes | |
127 | + i3GEO.barraDeBotoes.OFFSET = 11; | |
128 | + //ajusta a posicao da barra de botoes no IE | |
129 | + if(navm){ | |
130 | + i3GEO.barraDeBotoes.OFFSET = 5; | |
131 | + } | |
132 | + if(chro){ | |
133 | + i3GEO.barraDeBotoes.OFFSET = 15; | |
134 | + } | |
135 | + | |
136 | + i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
137 | + i3GEO.ajuda.ATIVAJANELA = false; | |
138 | + i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
139 | + | |
140 | + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
141 | + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
142 | + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
143 | + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
144 | + i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
145 | + i3GEO.mapa.AUTORESIZE = true; | |
146 | + i3GEO.guias.TIPO = "movel"; | |
147 | + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
148 | + i3GEO.janela.ativaAlerta(); | |
149 | + | |
150 | + i3GEO.finaliza = function() { | |
151 | + if ($i("i3GEOlogoMarca")) { | |
152 | + $i("i3GEOlogoMarca").style.display = "none"; | |
153 | + } | |
154 | + i3GEO.mapa.ativaTema("<?php echo strip_tags($_GET["temaEdicao"]); ?>"); | |
155 | + i3GEO.mapa.dialogo.atalhosedicao(); | |
156 | + }; | |
157 | + //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
158 | + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
159 | + i3GEO.janela.TRANSICAOSUAVE = true; | |
160 | + | |
161 | + OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
162 | + (function() { | |
163 | + var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
164 | + "ESRI National Geographic", | |
165 | + "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
166 | + { | |
167 | + format : "jpeg" | |
168 | + }, { | |
169 | + isBaseLayer : true, | |
170 | + visibility : true, | |
171 | + attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
172 | + }); | |
173 | + var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
174 | + "ESRI Ocean Basemap", | |
175 | + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
176 | + { | |
177 | + format : "jpeg" | |
178 | + }, { | |
179 | + isBaseLayer : true, | |
180 | + visibility : false, | |
181 | + attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
182 | + }); | |
183 | + var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
184 | + "ESRI Imagery World 2D", | |
185 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
186 | + { | |
187 | + format : "jpeg" | |
188 | + }, { | |
189 | + isBaseLayer : true, | |
190 | + visibility : false, | |
191 | + attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
192 | + }); | |
193 | + var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
194 | + "ESRI World Street Map", | |
195 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
196 | + { | |
197 | + format : "jpeg" | |
198 | + }, { | |
199 | + isBaseLayer : true, | |
200 | + visibility : false, | |
201 | + attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
202 | + }); | |
203 | + var bra = new OpenLayers.Layer.WMS( | |
204 | + "Base carto MMA", | |
205 | + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
206 | + { | |
207 | + layers : "baseraster", | |
208 | + srs : "EPSG:4618", | |
209 | + format : "image/png", | |
210 | + isBaseLayer : false | |
211 | + }, { | |
212 | + isBaseLayer : true, | |
213 | + visibility : false | |
214 | + }); | |
215 | + | |
216 | + var tms = new OpenLayers.Layer.TMS("OSGEO", | |
217 | + "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
218 | + layername : "basic", | |
219 | + type : "png", | |
220 | + // set if different than the bottom left of map.maxExtent | |
221 | + tileOrigin : new OpenLayers.LonLat(-180, -90), | |
222 | + isBaseLayer : true, | |
223 | + visibility : false, | |
224 | + attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
225 | + }); | |
226 | + | |
227 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
228 | + bra ]; | |
229 | + })(); | |
230 | + | |
231 | + | |
232 | + i3GEO.inicia(); | |
233 | + </script> | |
234 | +</body> | |
235 | +</html> | ... | ... |
interface/black_gm.phtml
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 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
10 | -<title>i3GEO - Google Maps</title> | |
11 | -<script type="text/javascript" | |
12 | - src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script> | |
13 | -<script type="text/javascript" src="../classesjs/i3geo6.js"></script> | |
14 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
15 | -</head> | |
16 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
17 | - <!-- inclui o nome do usuario logado --> | |
18 | - <div id="i3GEONomeLogin" | |
19 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
20 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
21 | - <tr> | |
22 | - <td id="contemMenu"> | |
23 | - <!--menu suspenso--> | |
24 | - <div id="menus"></div> | |
25 | - </td> | |
26 | - </tr> | |
27 | - <tr> | |
28 | - <td style="vertical-align: top; border-width: 0px;"> | |
29 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
30 | - <tr> | |
31 | - <td class=verdeclaro id=contemImg> | |
32 | - <div id=googlemapsdiv | |
33 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
34 | - </td> | |
35 | - </tr> | |
36 | - </table> | |
37 | - </td> | |
38 | - </tr> | |
39 | - <tr> | |
40 | - <td> | |
41 | - <table style="width: 100%; height: 28px"> | |
42 | - <tr> | |
43 | - <td class=fundoRodape style="width: 25%"> | |
44 | - <!-- aqui será incluída a escala numérica --> | |
45 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
46 | - </td> | |
47 | - <td class=fundoRodape style="width: 5%"></td> | |
48 | - <td class=fundoRodape style="width: 40%"> | |
49 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
50 | - <div id=localizarxy | |
51 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
52 | - </td> | |
53 | - <td class=fundoRodape style="width: 20%"> | |
54 | - <!-- botão de compartilhamento em redes sociais--> <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
55 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
56 | - <div id=tempoRedesenho | |
57 | - style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
58 | - </td> | |
59 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
60 | - <td class=fundoRodape style="width: 10%;"> | |
61 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
62 | - </td> | |
63 | - </tr> | |
64 | - </table> | |
65 | - </td> | |
66 | - </tr> | |
67 | - </table> | |
68 | - <div id="i3GEOlogoMarca"> | |
69 | - <table> | |
70 | - <tr> | |
71 | - <td> | |
72 | - <div id=versaoi3geo></div> | |
73 | - <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas | |
74 | - interativos e geoprocessamento</h1> | |
75 | - <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal | |
76 | - do Software Público Brasileiro</h1> | |
77 | - </td> | |
78 | - </tr> | |
79 | - </table> | |
80 | - <img src='../imagens/logo_inicio.png'> | |
81 | - </div> | |
82 | - | |
83 | - <div id="i3GEOguiaMovel" | |
84 | - style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
85 | - <div | |
86 | - style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
87 | - <div id="iconeGuia_temas"></div> | |
88 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
89 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
90 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
91 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
92 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
93 | - </div> | |
94 | - <div id="i3GEOguiaMovelMolde" | |
95 | - 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"> | |
96 | - <div id="i3GEOguiaMovelConteudo" | |
97 | - 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'> | |
98 | - <div id='guia1obj' style='display: none;'> | |
99 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
100 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
101 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
102 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
103 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
104 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
105 | - <!-- 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 --> | |
106 | - <div id=listaLayersBase style='top: 15px;'></div> | |
107 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
108 | - <div id=listaTemas style='top: 15px;'></div> | |
109 | - </div> | |
110 | - <div id='guia2obj' style='display: none;'> | |
111 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
112 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
113 | - <div id="arvoreAdicionaTema">Aguarde...</div> | |
114 | - </div> | |
115 | - <div id='guia4obj' style='display: none; text-align: left'> | |
116 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
117 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
118 | - <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
119 | - </div> | |
120 | - </div> | |
121 | - </div> | |
122 | - </div> | |
123 | - | |
124 | - | |
125 | - | |
126 | - | |
127 | - <script type="text/javascript"> | |
128 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
129 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
130 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
131 | -i3GEO.configura.diminuixN = 0; | |
132 | - | |
133 | -i3GEO.configura.autotamanho = false; | |
134 | -i3GEO.Interface.openlayers.TILES = true; | |
135 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
136 | -i3GEO.cria(); | |
137 | -i3GEO.configura.mapaRefDisplay = "none"; | |
138 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
139 | -//ajusta o deslocamento da barra de botoes | |
140 | -i3GEO.barraDeBotoes.OFFSET = 11; | |
141 | -//ajusta a posicao da barra de botoes no IE | |
142 | -if(navm){ | |
143 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
144 | -} | |
145 | -if(chro){ | |
146 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
147 | -} | |
148 | - | |
149 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
150 | -i3GEO.ajuda.ATIVAJANELA = false; | |
151 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
152 | - | |
153 | -//i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
154 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
155 | -i3GEO.mapa.AUTORESIZE = true; | |
156 | -i3GEO.guias.TIPO = "movel"; | |
157 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
158 | -i3GEO.janela.ativaAlerta(); | |
159 | - | |
160 | -//i3GEO.Interface.googlemaps.TIPOMAPA = "satellite"; | |
161 | - | |
162 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
163 | -i3GEO.janela.TRANSICAOSUAVE = true; | |
164 | - | |
165 | -i3GEO.finaliza = function(){ | |
166 | - if($i("i3GEOlogoMarca")){ | |
167 | - $i("i3GEOlogoMarca").style.display = "none"; | |
168 | - } | |
169 | - //i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png"); | |
170 | -}; | |
171 | -i3GEO.finalizaAPI = function(){ | |
172 | -}; | |
173 | -i3GEO.inicia(); | |
174 | -</script> | |
175 | -</body> | |
176 | -</html> | |
1 | +<!DOCTYPE html> | |
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, maximum-scale=1.0, user-scalable=0"> | |
7 | +<title>i3GEO - Google Maps</title> | |
8 | +<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script> | |
9 | +<script src="../js/i3geo.js"></script> | |
10 | +<script src="config.php?tipo=GM"></script> | |
11 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
12 | + | |
13 | +</head> | |
14 | +<body id="i3geo" style='background: white; overflow: hidden;'> | |
15 | + | |
16 | + <!-- inclui o nome do usuario logado --> | |
17 | + <div id="i3GEONomeLogin" | |
18 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
19 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
20 | + <tr> | |
21 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
22 | + <div id=googlemapsdiv style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
23 | + </td> | |
24 | + </tr> | |
25 | + </table> | |
26 | + <div id="i3GEOlogoMarca"> | |
27 | + <table> | |
28 | + <tr> | |
29 | + <td> | |
30 | + <div id=versaoi3geo></div> | |
31 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
32 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h1> | |
33 | + </td> | |
34 | + </tr> | |
35 | + </table> | |
36 | + <img src='../imagens/logo_inicio.png'> | |
37 | + </div> | |
38 | + <div id="contemMenu"> | |
39 | + <!--menu suspenso--> | |
40 | + <div id="menus"></div> | |
41 | + </div> | |
42 | + <!-- aqui será incluída a escala numérica --> | |
43 | + <div id=escala class=fundoRodape style="margin-left:100px;"></div> | |
44 | + | |
45 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
46 | + <div id=localizarxy class="fundoRodape" style="margin-left:100px;"></div> | |
47 | + | |
48 | + <!-- mensagem de copyright --> | |
49 | + <div id="i3GEOcopyright" >i3Geo</div> | |
50 | + | |
51 | + <div id="i3GEOguiaMovel" | |
52 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
53 | + <div | |
54 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
55 | + <div id="iconeGuia_temas"></div> | |
56 | + <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
57 | + <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
58 | + <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
59 | + <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
60 | + <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
61 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
62 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
63 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
64 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
65 | + </div> | |
66 | + <div id="i3GEOguiaMovelMolde" | |
67 | + 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"> | |
68 | + <div id="i3GEOguiaMovelConteudo" | |
69 | + 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'> | |
70 | + <div id='guia1obj' style='display: none;'> | |
71 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
72 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
73 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
74 | + <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
75 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
76 | + <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
77 | + <!-- 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 --> | |
78 | + <div id=listaLayersBase style='top: 15px;'></div> | |
79 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
80 | + <div id=listaTemas style='top: 15px;'></div> | |
81 | + </div> | |
82 | + <div id='guia2obj' style='display: none;'> | |
83 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
84 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
85 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
86 | + </div> | |
87 | + <div id='guia4obj' style='display: none; text-align: left'> | |
88 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
89 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
90 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
91 | + </div> | |
92 | + </div> | |
93 | + </div> | |
94 | + </div> | |
95 | + <script> | |
96 | + i3GEO.cria(); | |
97 | + i3GEO.inicia(); | |
98 | + </script> | |
99 | +</body> | |
100 | +</html> | ... | ... |
interface/black_ol.htm
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" 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"> | |
7 | -<title>i3GEO - OpenLayers 3</title> | |
8 | -<script src="../pacotes/ol3/ol.js"></script> | |
9 | -<script src="../js/i3geo.js"></script> | |
10 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
11 | -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
12 | -<style> | |
13 | -.ol-attribution img { | |
14 | - display: none; | |
15 | -} | |
16 | - | |
17 | -.ol-attribution.ol-uncollapsible { | |
18 | - height: 2.1em; | |
19 | - right: 24px; | |
20 | - background: none; | |
21 | - margin-bottom: 15px; | |
22 | -} | |
23 | -</style> | |
24 | -</head> | |
25 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
26 | - <!-- inclui o nome do usuario logado --> | |
27 | - <div id="i3GEONomeLogin" | |
28 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
29 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
30 | - <tr> | |
31 | - <td id="contemMenu"> | |
32 | - <!--menu suspenso--> | |
33 | - <div id="menus"></div> | |
34 | - </td> | |
35 | - </tr> | |
36 | - <tr> | |
37 | - <td style="vertical-align: top; border-width: 0px;"> | |
38 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
39 | - <tr> | |
40 | - <td class=verdeclaro id=contemImg> | |
41 | - <div id=corpoMapa | |
42 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
43 | - </td> | |
44 | - </tr> | |
45 | - </table> | |
46 | - </td> | |
47 | - </tr> | |
48 | - <tr> | |
49 | - <td> | |
50 | - <table style="width: 100%; height: 28px"> | |
51 | - <tr> | |
52 | - <td class=fundoRodape style="width: 25%"> | |
53 | - <!-- aqui será incluída a escala numérica --> | |
54 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
55 | - </td> | |
56 | - <td class=fundoRodape style="width: 5%"></td> | |
57 | - <td class=fundoRodape style="width: 40%"> | |
58 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
59 | - <div id=localizarxy | |
60 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
61 | - </td> | |
62 | - <td class=fundoRodape style="width: 20%"> | |
63 | - <!-- botão de compartilhamento em redes sociais--> <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
64 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
65 | - <div id=tempoRedesenho | |
66 | - style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
67 | - </td> | |
68 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
69 | - <td class=fundoRodape style="width: 10%;"> | |
70 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
71 | - </td> | |
72 | - </tr> | |
73 | - </table> | |
74 | - </td> | |
75 | - </tr> | |
76 | - </table> | |
77 | - <div id="i3GEOlogoMarca"> | |
78 | - <table> | |
79 | - <tr> | |
80 | - <td> | |
81 | - <div id=versaoi3geo></div> | |
82 | - <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas | |
83 | - interativos e geoprocessamento</h1> | |
84 | - <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o | |
85 | - Portal do Software Público Brasileiro</h1> | |
86 | - </td> | |
87 | - </tr> | |
88 | - </table> | |
89 | - <img src='../imagens/logo_inicio.png'> | |
90 | - </div> | |
91 | - | |
92 | - <div id="i3GEOguiaMovel" | |
93 | - style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
94 | - <div | |
95 | - style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
96 | - <div id="iconeGuia_temas"></div> | |
97 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
98 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
99 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
100 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
101 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
102 | - </div> | |
103 | - <div id="i3GEOguiaMovelMolde" | |
104 | - 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"> | |
105 | - <div id="i3GEOguiaMovelConteudo" | |
106 | - 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 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
109 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
110 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
111 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
112 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
113 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
114 | - <!-- 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 --> | |
115 | - <div id=listaLayersBase style='top: 15px;'></div> | |
116 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
117 | - <div id=listaTemas style='top: 15px;'></div> | |
118 | - </div> | |
119 | - <div id='guia2obj' style='display: none;'> | |
120 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
121 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
122 | - <div id="arvoreAdicionaTema">Aguarde...</div> | |
123 | - </div> | |
124 | - <div id='guia4obj' style='display: none; text-align: left'> | |
125 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
126 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
127 | - <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
128 | - </div> | |
129 | - </div> | |
130 | - </div> | |
131 | - </div> | |
132 | - <script> | |
133 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
134 | - + window.location.host + "/i3geo"; | |
135 | - | |
136 | - i3GEO.idioma.MOSTRASELETOR = true; | |
137 | - | |
138 | - i3GEO.configura.autotamanho = false; | |
139 | - i3GEO.Interface.ATUAL = "openlayers"; | |
140 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
141 | - i3GEO.Interface.openlayers.TILES = true; | |
142 | - //aplica ou nao a ultima extensao definida pelo usuario ao iniciar o mapa | |
143 | - i3GEO.configura.guardaExtensao = true; | |
144 | - | |
145 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
146 | - i3GEO.cria(); | |
147 | - i3GEO.configura.mapaRefDisplay = "none"; | |
148 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
149 | - //ajusta o deslocamento da barra de botoes | |
150 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
151 | - //ajusta a posicao da barra de botoes no IE | |
152 | - if (navm) { | |
153 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
154 | - } | |
155 | - if (chro) { | |
156 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
157 | - } | |
158 | - | |
159 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
160 | - i3GEO.ajuda.ATIVAJANELA = false; | |
161 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
162 | - | |
163 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
164 | - i3GEO.mapa.AUTORESIZE = true; | |
165 | - i3GEO.guias.TIPO = "movel"; | |
166 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
167 | - i3GEO.janela.ativaAlerta(); | |
168 | - i3GEO.finaliza = function() { | |
169 | - if ($i("i3GEOlogoMarca")) { | |
170 | - $i("i3GEOlogoMarca").style.display = "none"; | |
171 | - } | |
172 | - //muda o valor default do botao 'enquadramento inicial' | |
173 | - i3GEO.parametros.extentTotal = "-180 -90 180 90"; | |
174 | - }; | |
175 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
176 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
177 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
178 | - //desliga a camada com o mapa mundi | |
179 | - i3GEO.configura.mashuppar = "&desligar=mundo"; | |
180 | - //se vc nao quer o fundo, mude visibility true para false | |
181 | - (function() { | |
182 | - var eng = new ol.layer.Tile( | |
183 | - { | |
184 | - title : "ESRI National Geographic", | |
185 | - visible : true, | |
186 | - isBaseLayer : true, | |
187 | - name : "eng", | |
188 | - source : new ol.source.TileArcGISRest( | |
189 | - { | |
190 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
191 | - attributions : [ new ol.Attribution( | |
192 | - { | |
193 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
194 | - }) ] | |
195 | - }) | |
196 | - }); | |
197 | - var oce = new ol.layer.Tile( | |
198 | - { | |
199 | - title : "ESRI Ocean Basemap", | |
200 | - visible : false, | |
201 | - isBaseLayer : true, | |
202 | - name : "oce", | |
203 | - source : new ol.source.TileArcGISRest( | |
204 | - { | |
205 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
206 | - attributions : [ new ol.Attribution( | |
207 | - { | |
208 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
209 | - }) ] | |
210 | - }) | |
211 | - }); | |
212 | - var ims = new ol.layer.Tile( | |
213 | - { | |
214 | - title : "ESRI Imagery World 2D", | |
215 | - visible : false, | |
216 | - isBaseLayer : true, | |
217 | - name : "ims", | |
218 | - source : new ol.source.TileArcGISRest( | |
219 | - { | |
220 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
221 | - attributions : [ new ol.Attribution( | |
222 | - { | |
223 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
224 | - }) ] | |
225 | - }) | |
226 | - }); | |
227 | - var wsm = new ol.layer.Tile( | |
228 | - { | |
229 | - title : "ESRI World Street Map", | |
230 | - visible : false, | |
231 | - isBaseLayer : true, | |
232 | - name : "wsm", | |
233 | - source : new ol.source.TileArcGISRest( | |
234 | - { | |
235 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
236 | - attributions : [ new ol.Attribution( | |
237 | - { | |
238 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
239 | - }) ] | |
240 | - }) | |
241 | - }); | |
242 | - var bra = new ol.layer.Tile( | |
243 | - { | |
244 | - title : "Base carto MMA", | |
245 | - visible : false, | |
246 | - isBaseLayer : true, | |
247 | - name : "bra", | |
248 | - source : new ol.source.TileWMS( | |
249 | - { | |
250 | - url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
251 | - params : { | |
252 | - 'layers' : "baseraster", | |
253 | - 'srs' : "EPSG:4326", | |
254 | - 'format' : "image/png" | |
255 | - } | |
256 | - }) | |
257 | - }); | |
258 | - var tms = new ol.layer.Tile( | |
259 | - { | |
260 | - title : "OSGEO", | |
261 | - visible : false, | |
262 | - isBaseLayer : true, | |
263 | - name : "tms", | |
264 | - source : new ol.source.TileWMS( | |
265 | - { | |
266 | - url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
267 | - params : { | |
268 | - 'layers' : "basic", | |
269 | - 'type' : "png", | |
270 | - 'srs' : "EPSG:4326", | |
271 | - 'format' : "image/png", | |
272 | - 'VERSION' : '1.1.1' | |
273 | - }, | |
274 | - attributions : [ new ol.Attribution( | |
275 | - { | |
276 | - html : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
277 | - }) ] | |
278 | - }) | |
279 | - }); | |
280 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, | |
281 | - bra, tms ]; | |
282 | - })(); | |
283 | - i3GEO.inicia(); | |
284 | - </script> | |
285 | -</body> | |
286 | -</html> | |
287 | 1 | \ No newline at end of file |
2 | +<!DOCTYPE html> | |
3 | +<html> | |
4 | +<head> | |
5 | +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
6 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
7 | +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> | |
8 | +<title>i3GEO - OpenLayers</title> | |
9 | +<script src="../pacotes/ol3/ol.js"></script> | |
10 | +<script src="../js/i3geo.js"></script> | |
11 | +<script src="config.php?tipo=OL"></script> | |
12 | +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
13 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
14 | +<style> | |
15 | +.ol-attribution img { | |
16 | + display: none; | |
17 | +} | |
18 | +.ol-attribution.ol-uncollapsible { | |
19 | + height: 2.1em; | |
20 | + right: 24px; | |
21 | + background: none; | |
22 | + margin-bottom: 15px; | |
23 | +} | |
24 | +</style> | |
25 | +</head> | |
26 | +<body id="i3geo" style='background: white;'> | |
27 | + | |
28 | + <!-- inclui o nome do usuario logado --> | |
29 | + <div id="i3GEONomeLogin" | |
30 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
31 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
32 | + <tr> | |
33 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
34 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
35 | + </td> | |
36 | + </tr> | |
37 | + </table> | |
38 | + <div id="i3GEOlogoMarca"> | |
39 | + <table> | |
40 | + <tr> | |
41 | + <td> | |
42 | + <div id=versaoi3geo></div> | |
43 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
44 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h1> | |
45 | + </td> | |
46 | + </tr> | |
47 | + </table> | |
48 | + <img src='../imagens/logo_inicio.png'> | |
49 | + </div> | |
50 | + <div id="contemMenu"> | |
51 | + <!--menu suspenso--> | |
52 | + <div id="menus"></div> | |
53 | + </div> | |
54 | + <!-- aqui será incluída a escala numérica --> | |
55 | + <div id=escala class=fundoRodape ></div> | |
56 | + | |
57 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
58 | + <div id=localizarxy class="fundoRodape" ></div> | |
59 | + | |
60 | + <!-- mensagem de copyright --> | |
61 | + <div id="i3GEOcopyright" >i3Geo</div> | |
62 | + | |
63 | + <div id="i3GEOguiaMovel" | |
64 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
65 | + <div | |
66 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
67 | + <div id="iconeGuia_temas"></div> | |
68 | + <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
69 | + <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
70 | + <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
71 | + <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
72 | + <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
73 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
74 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
75 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
76 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
77 | + </div> | |
78 | + <div id="i3GEOguiaMovelMolde" | |
79 | + 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"> | |
80 | + <div id="i3GEOguiaMovelConteudo" | |
81 | + 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'> | |
82 | + <div id='guia1obj' style='display: none;'> | |
83 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
84 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
85 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
86 | + <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
87 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
88 | + <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
89 | + <!-- 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 --> | |
90 | + <div id=listaLayersBase style='top: 15px;'></div> | |
91 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
92 | + <div id=listaTemas style='top: 15px;'></div> | |
93 | + </div> | |
94 | + <div id='guia2obj' style='display: none;'> | |
95 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
96 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
97 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
98 | + </div> | |
99 | + <div id='guia4obj' style='display: none; text-align: left'> | |
100 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
101 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
102 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
103 | + </div> | |
104 | + </div> | |
105 | + </div> | |
106 | + </div> | |
107 | + <script> | |
108 | + i3GEO.cria(); | |
109 | + i3GEO.inicia(); | |
110 | + </script> | |
111 | +</body> | |
112 | +</html> | ... | ... |
interface/black_osm.htm
1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
1 | +<!DOCTYPE html> | |
2 | 2 | <html> |
3 | 3 | <head> |
4 | 4 | <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> |
5 | 5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
6 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
7 | -<title>i3GEO - OpenLayers+OSM</title> | |
6 | +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> | |
7 | +<title>i3GEO - OpenLayers</title> | |
8 | 8 | <script src="../pacotes/ol3/ol.js"></script> |
9 | 9 | <script src="../js/i3geo.js"></script> |
10 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
10 | +<script src="config.php?tipo=OSM"></script> | |
11 | 11 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> |
12 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
12 | 13 | <style> |
13 | 14 | .ol-attribution img { |
14 | 15 | display: none; |
... | ... | @@ -21,52 +22,15 @@ |
21 | 22 | } |
22 | 23 | </style> |
23 | 24 | </head> |
24 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
25 | +<body id="i3geo" style='background: white;'> | |
26 | + | |
25 | 27 | <!-- inclui o nome do usuario logado --> |
26 | - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
28 | + <div id="i3GEONomeLogin" | |
29 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
27 | 30 | <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> |
28 | 31 | <tr> |
29 | - <td id="contemMenu"> | |
30 | - <!--menu suspenso--> | |
31 | - <div id="menus"></div> | |
32 | - </td> | |
33 | - </tr> | |
34 | - <tr> | |
35 | - <td style="vertical-align: top; border-width: 0px;"> | |
36 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
37 | - <tr> | |
38 | - <td class=verdeclaro id=contemImg> | |
39 | - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
40 | - </td> | |
41 | - </tr> | |
42 | - </table> | |
43 | - </td> | |
44 | - </tr> | |
45 | - <tr> | |
46 | - <td> | |
47 | - <table style="width: 100%; height: 28px"> | |
48 | - <tr> | |
49 | - <td class=fundoRodape style="width: 25%"> | |
50 | - <!-- aqui será incluída a escala numérica --> | |
51 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
52 | - </td> | |
53 | - <td class=fundoRodape style="width: 5%"></td> | |
54 | - <td class=fundoRodape style="width: 40%"> | |
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 | - <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> | |
63 | - </td> | |
64 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
65 | - <td class=fundoRodape style="width: 10%;"> | |
66 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
67 | - </td> | |
68 | - </tr> | |
69 | - </table> | |
32 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
33 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
70 | 34 | </td> |
71 | 35 | </tr> |
72 | 36 | </table> |
... | ... | @@ -75,30 +39,48 @@ |
75 | 39 | <tr> |
76 | 40 | <td> |
77 | 41 | <div id=versaoi3geo></div> |
78 | - <h1 class="i3GEOlogoMarca">i3Geo | |
79 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
80 | - <h1 class="i3GEOlogoMarca">Baseado | |
81 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
82 | - Brasileiro</h1> | |
42 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
43 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h1> | |
83 | 44 | </td> |
84 | 45 | </tr> |
85 | 46 | </table> |
86 | 47 | <img src='../imagens/logo_inicio.png'> |
87 | 48 | </div> |
49 | + <div id="contemMenu"> | |
50 | + <!--menu suspenso--> | |
51 | + <div id="menus"></div> | |
52 | + </div> | |
53 | + <!-- aqui será incluída a escala numérica --> | |
54 | + <div id=escala class=fundoRodape ></div> | |
55 | + | |
56 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
57 | + <div id=localizarxy class="fundoRodape" ></div> | |
58 | + | |
59 | + <!-- mensagem de copyright --> | |
60 | + <div id="i3GEOcopyright" >i3Geo</div> | |
88 | 61 | |
89 | - <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
90 | - <div style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
62 | + <div id="i3GEOguiaMovel" | |
63 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
64 | + <div | |
65 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
91 | 66 | <div id="iconeGuia_temas"></div> |
92 | 67 | <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> |
93 | 68 | <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> |
94 | 69 | <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> |
95 | 70 | <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> |
96 | 71 | <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> |
72 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
73 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
74 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
75 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
97 | 76 | </div> |
98 | - <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"> | |
99 | - <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'> | |
77 | + <div id="i3GEOguiaMovelMolde" | |
78 | + 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"> | |
79 | + <div id="i3GEOguiaMovelConteudo" | |
80 | + 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'> | |
100 | 81 | <div id='guia1obj' style='display: none;'> |
101 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
82 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
83 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
102 | 84 | <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> |
103 | 85 | <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> |
104 | 86 | <!-- Esta div acrescenta a lista de propriedades do mapa --> |
... | ... | @@ -109,120 +91,21 @@ |
109 | 91 | <div id=listaTemas style='top: 15px;'></div> |
110 | 92 | </div> |
111 | 93 | <div id='guia2obj' style='display: none;'> |
112 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
113 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
94 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
95 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
96 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
114 | 97 | </div> |
115 | 98 | <div id='guia4obj' style='display: none; text-align: left'> |
116 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
117 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
99 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
100 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
101 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
118 | 102 | </div> |
119 | 103 | </div> |
120 | 104 | </div> |
121 | 105 | </div> |
122 | 106 | <script> |
123 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
124 | - + window.location.host + "/i3geo"; | |
125 | - i3GEO.configura.autotamanho = false; | |
126 | - i3GEO.Interface.ATUAL = "openlayers"; | |
127 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
128 | - i3GEO.Interface.openlayers.TILES = true; | |
129 | - i3GEO.configura.guardaExtensao = false; | |
130 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
131 | - i3GEO.Interface.openlayers.googleLike = true; | |
132 | - i3GEO.cria(); | |
133 | - i3GEO.configura.mapaRefDisplay = "none"; | |
134 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
135 | - //ajusta o deslocamento da barra de botoes | |
136 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
137 | - //ajusta a posicao da barra de botoes no IE | |
138 | - if(navm){ | |
139 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
140 | - } | |
141 | - if(chro){ | |
142 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
143 | - } | |
144 | - | |
145 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
146 | - i3GEO.ajuda.ATIVAJANELA = false; | |
147 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
148 | - | |
149 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
150 | - i3GEO.mapa.AUTORESIZE = true; | |
151 | - i3GEO.guias.TIPO = "movel"; | |
152 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
153 | - i3GEO.janela.ativaAlerta(); | |
154 | - i3GEO.finaliza = function() { | |
155 | - if ($i("i3GEOlogoMarca")) { | |
156 | - $i("i3GEOlogoMarca").style.display = "none"; | |
157 | - } | |
158 | - }; | |
159 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
160 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
161 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
162 | - (function() { | |
163 | - var attribOSMData = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
164 | - var attribMapQuestAerial = 'Map Data: © Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
165 | - var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'; | |
166 | - | |
167 | - var osm = new ol.layer.Tile({ | |
168 | - title : "OSM", | |
169 | - visible : true, | |
170 | - isBaseLayer : true, | |
171 | - name : "osm", | |
172 | - source: new ol.source.OSM({ | |
173 | - attributions : [new ol.Attribution({html: attribOSMData})], | |
174 | - crossOrigin : "anonymous", | |
175 | - url : "http://tile.openstreetmap.org/{z}/{x}/{y}.png" | |
176 | - }) | |
177 | - }); | |
178 | - var aquarela = new ol.layer.Tile({ | |
179 | - title : "Aquarela", | |
180 | - visible : false, | |
181 | - isBaseLayer : true, | |
182 | - name : "aquarela", | |
183 | - source: new ol.source.OSM({ | |
184 | - attributions : [new ol.Attribution({html: attribStamen})], | |
185 | - crossOrigin : "anonymous", | |
186 | - url : "http://tile.stamen.com/watercolor/{z}/{x}/{y}.jpg" | |
187 | - }) | |
188 | - }); | |
189 | - var toner = new ol.layer.Tile({ | |
190 | - title : "Toner", | |
191 | - visible : false, | |
192 | - isBaseLayer : true, | |
193 | - name : "toner", | |
194 | - source: new ol.source.OSM({ | |
195 | - attributions : [new ol.Attribution({html: attribStamen})], | |
196 | - crossOrigin : "anonymous", | |
197 | - url : "http://tile.stamen.com/toner/{z}/{x}/{y}.png" | |
198 | - }) | |
199 | - }); | |
200 | - var tonerlite = new ol.layer.Tile({ | |
201 | - title : "Toner Lite", | |
202 | - visible : false, | |
203 | - isBaseLayer : true, | |
204 | - name : "tonerlite", | |
205 | - source: new ol.source.OSM({ | |
206 | - attributions : [new ol.Attribution({html: attribStamen})], | |
207 | - crossOrigin : "anonymous", | |
208 | - url : "http://tile.stamen.com/toner-lite/{z}/{x}/{y}.png" | |
209 | - }) | |
210 | - }); | |
211 | - var layMapQuestAerial = new ol.layer.Tile({ | |
212 | - title : "MapQuest Open Aerial", | |
213 | - visible : false, | |
214 | - isBaseLayer : true, | |
215 | - name : "layMapQuestAerial", | |
216 | - source: new ol.source.OSM({ | |
217 | - attributions : [new ol.Attribution({html: attribMapQuestAerial})], | |
218 | - crossOrigin : "anonymous", | |
219 | - url : "http://oatile4.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg" | |
220 | - }) | |
221 | - }); | |
222 | - | |
223 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ osm, aquarela, toner, tonerlite, layMapQuestAerial ]; | |
224 | - })(); | |
225 | - i3GEO.inicia(); | |
107 | + i3GEO.cria(); | |
108 | + i3GEO.inicia(); | |
226 | 109 | </script> |
227 | 110 | </body> |
228 | -</html> | |
229 | 111 | \ No newline at end of file |
112 | +</html> | ... | ... |
interface/carto_ol.htm
... | ... | @@ -1,285 +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" content="i3Geo Mapa interativo Cartogramas Estatistica 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"> | |
7 | -<title>i3GEO - Cartogramas com OpenLayers</title> | |
8 | -<script src="../classesjs/i3geo.js"></script> | |
9 | -<script src="../ferramentas/metaestat/index.js"></script> | |
10 | -<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
11 | -<style> | |
12 | -.olControlEditingToolbar1 div { | |
13 | - background-image:url(../mashups/openlayers.png); | |
14 | - background-repeat:no-repeat; | |
15 | - float:right; | |
16 | - right: 50px; | |
17 | - height:29px; | |
18 | - margin:2px; | |
19 | - width:29px; | |
20 | - cursor:pointer; | |
21 | -} | |
22 | -</style> | |
23 | -</head> | |
24 | -<body id="i3geo" style="background-color:white"> | |
25 | -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div> | |
26 | -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> | |
27 | - <tr style="border:0px"> | |
28 | - <td id="barraSuperior" style="background-image:url('../imagenscabeca.png');height:10px"></td> | |
29 | - </tr> | |
30 | - <tr> | |
31 | - <td id="contemMenu"> | |
32 | - <div id="menus" ></div> | |
33 | - </td> | |
34 | - </tr> | |
35 | - <tr> | |
36 | - <td style="vertical-align:top;border-width:0px;"> | |
37 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
38 | - <tr> | |
39 | - <td class=verdeclaro id=contemImg > | |
40 | - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
41 | - </td> | |
42 | - </tr> | |
43 | - </table> | |
44 | - </td> | |
45 | - </tr> | |
46 | - <tr> | |
47 | - <td> | |
48 | - <table width=100% > | |
49 | - <tr> | |
50 | - <td class=tdbranca > | |
51 | - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
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 | - <td class=tdbranca > | |
55 | - <div id=escala style="text-align:right;" ></div> | |
56 | - </td> | |
57 | - <td class=tdbranca > | |
58 | - <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div> | |
59 | - </td> | |
60 | - <td class=tdbranca > | |
61 | - <div id=seletorIdiomas ></div> | |
62 | - </td> | |
63 | - </tr> | |
64 | - </table> | |
65 | - </td> | |
66 | - </tr> | |
67 | - <tr style="border:0px"> | |
68 | - <td id="barraInferior" style="background-image:url('../imagensrodape.png');height:10px"></td> | |
69 | - </tr> | |
70 | -</table> | |
71 | - <div id="i3GEOlogoMarca"> | |
72 | - <table> | |
73 | - <tr> | |
74 | - <td> | |
75 | - <div id=versaoi3geo></div> | |
76 | - <h1 class="i3GEOlogoMarca">i3Geo | |
77 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
78 | - <h1 class="i3GEOlogoMarca">Baseado | |
79 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
80 | - Brasileiro</h1> | |
81 | - </td> | |
82 | - </tr> | |
83 | - </table> | |
84 | - <img src='../imagens/logo_inicio.png'> | |
85 | - </div> | |
86 | - | |
87 | - <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
88 | - <div style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
89 | - <div id="iconeGuia_temas"></div> | |
90 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
91 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
92 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
93 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
94 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
95 | - </div> | |
96 | - <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"> | |
97 | - <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'> | |
98 | - <div id='guia1obj' style='display: none;'> | |
99 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
100 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
101 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
102 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
103 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
104 | - <!-- 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 --> | |
105 | - <div id=listaLayersBase style='top: 15px;'></div> | |
106 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
107 | - <div id=listaTemas style='top: 15px;'></div> | |
108 | - </div> | |
109 | - <div id='guia2obj' style='display: none;'> | |
110 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
111 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
112 | - </div> | |
113 | - <div id='guia4obj' style='display: none; text-align: left'> | |
114 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
115 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
116 | - </div> | |
117 | - </div> | |
118 | - </div> | |
119 | - </div> | |
120 | - | |
121 | -<script> | |
122 | -/* | |
123 | -Interface para geração de cartogramas com Openlayers | |
124 | - | |
125 | -Utiliza o modulo de metadados estatisticos para geracao de cartogramas | |
126 | - | |
127 | -File: i3geo/interface/carto_ol.htm | |
128 | -*/ | |
129 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
130 | -i3GEO.configura.autotamanho = false; | |
131 | -//ativa ou desativa o balao de info ao clicar no mapa | |
132 | -i3GEO.eventos.cliquePerm.ativo = true; | |
133 | -// | |
134 | -i3GEO.Interface.ALTTABLET = ""; | |
135 | -i3GEO.Interface.ATUAL = "openlayers"; | |
136 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
137 | -i3GEO.Interface.openlayers.GADGETS = { | |
138 | - PanZoomBar:true, | |
139 | - PanZoom:false, | |
140 | - LayerSwitcher:true, | |
141 | - ScaleLine:true, | |
142 | - OverviewMap:false | |
143 | - }; | |
144 | -i3GEO.Interface.openlayers.TILES = true; | |
145 | -/* | |
146 | -i3GEO.Interface.openlayers.parametrosMap.scales = [ | |
147 | - 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | |
148 | -]; | |
149 | -*/ | |
150 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
151 | -i3GEO.cria(); | |
152 | -i3GEO.configura.mapaRefDisplay = "none"; | |
153 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
154 | -//ajusta o deslocamento da barra de botoes | |
155 | -i3GEO.barraDeBotoes.OFFSET = 11; | |
156 | -//ajusta a posicao da barra de botoes no IE | |
157 | -if(navm){ | |
158 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
159 | -} | |
160 | -if(chro){ | |
161 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
162 | -} | |
163 | - | |
164 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
165 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
166 | -i3GEO.barraDeBotoes.ATIVA = true; | |
167 | -i3GEO.ajuda.ATIVAJANELA = false; | |
168 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
169 | - | |
170 | -//i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
171 | -//i3GEO.configura.templateLegenda = "legenda4.htm"; | |
172 | - | |
173 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
174 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
175 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
176 | -i3GEO.mapa.AUTORESIZE = true; | |
177 | -i3GEO.guias.TIPO = "movel"; | |
178 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
179 | -i3GEO.configura.tempoMouseParado = 500; | |
180 | -//a pagina nao e recarregada quando o usuario faz login | |
181 | -i3GEO.login.recarrega = false; | |
182 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
183 | -(function() { | |
184 | - var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
185 | - "ESRI National Geographic", | |
186 | - "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
187 | - { | |
188 | - format : "jpeg" | |
189 | - }, { | |
190 | - isBaseLayer : true, | |
191 | - visibility : true, | |
192 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
193 | - }); | |
194 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
195 | - "ESRI Ocean Basemap", | |
196 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
197 | - { | |
198 | - format : "jpeg" | |
199 | - }, { | |
200 | - isBaseLayer : true, | |
201 | - visibility : false, | |
202 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
203 | - }); | |
204 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
205 | - "ESRI Imagery World 2D", | |
206 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
207 | - { | |
208 | - format : "jpeg" | |
209 | - }, { | |
210 | - isBaseLayer : true, | |
211 | - visibility : false, | |
212 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
213 | - }); | |
214 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
215 | - "ESRI World Street Map", | |
216 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
217 | - { | |
218 | - format : "jpeg" | |
219 | - }, { | |
220 | - isBaseLayer : true, | |
221 | - visibility : false, | |
222 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
223 | - }); | |
224 | - var bra = new OpenLayers.Layer.WMS( | |
225 | - "Base carto MMA", | |
226 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
227 | - { | |
228 | - layers : "baseraster", | |
229 | - srs : "EPSG:4618", | |
230 | - format : "image/png", | |
231 | - isBaseLayer : false | |
232 | - }, { | |
233 | - isBaseLayer : true, | |
234 | - visibility : false | |
235 | - }); | |
236 | - | |
237 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
238 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
239 | - layername : "basic", | |
240 | - type : "png", | |
241 | - // set if different than the bottom left of map.maxExtent | |
242 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
243 | - isBaseLayer : true, | |
244 | - visibility : false, | |
245 | - attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
246 | - }); | |
247 | - | |
248 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
249 | - bra ]; | |
250 | -})(); | |
251 | - | |
252 | -i3GEO.finaliza = function(){ | |
253 | - if($i("i3GEOlogoMarca")) | |
254 | - {$i("i3GEOlogoMarca").style.display = "none";} | |
255 | - //i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png"); | |
256 | -}; | |
257 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
258 | -//redefine a funcao onclique do botao localizar da barra de ferramentas | |
259 | -i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | |
260 | - i3GEO.mapa.dialogo.locregiao(); | |
261 | -}; | |
262 | -i3GEO.inicia(); | |
263 | -//parametros especificos dos cartogramas | |
264 | -//ver i3geo/ferramentas/metaestat | |
265 | -i3GEOF.metaestat.INTERFACE = "flutuante"; | |
266 | -i3GEOF.metaestat.CONEXAODEFAULT = 1; | |
267 | -i3GEOF.metaestat.TOP = 50; | |
268 | -i3GEOF.metaestat.LEFT = 100; | |
269 | -//i3GEOF.metaestat.LARGURA = 270; | |
270 | -//i3GEOF.metaestat.ALTURA = 300; | |
271 | -// | |
272 | -//define a funcao que sera executada ao clicar no mapa | |
273 | -//default (balao do tipo etiqueta) | |
274 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
275 | -//alternativo (janela de identificacao | |
276 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
277 | -// | |
278 | -i3GEOF.metaestat.inicia(); | |
279 | -// | |
280 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
281 | -// | |
282 | -i3GEO.janela.ativaAlerta(); | |
283 | -</script> | |
284 | -</body> | |
285 | -</html> |
... | ... | @@ -0,0 +1,241 @@ |
1 | +<?php | |
2 | +//utilizado para facilitar a carga de javascript das interfaces do i3geo | |
3 | +//tipo pode ser OL|OSM|GM (openlayers, OSM, google maps) | |
4 | +?> | |
5 | +i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
6 | ++ window.location.host + "/i3geo"; | |
7 | +i3GEO.configura.autotamanho = false; | |
8 | +i3GEO.Interface.IDCORPO = "contemImg"; | |
9 | +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
10 | + | |
11 | +i3GEO.Interface.openlayers.TILES = true; | |
12 | + | |
13 | +<?php | |
14 | +$tipo = filter_var($_GET["tipo"], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH); | |
15 | +if($tipo == "OL"){ | |
16 | + echo 'i3GEO.Interface.ATUAL = "openlayers";'; | |
17 | + echo 'i3GEO.Interface.openlayers.googleLike = false;'; | |
18 | +} | |
19 | +if($tipo == "OSM"){ | |
20 | + echo 'i3GEO.Interface.ATUAL = "openlayers";'; | |
21 | + echo 'i3GEO.Interface.openlayers.googleLike = true;'; | |
22 | +} | |
23 | +if($tipo == "GM"){ | |
24 | + echo 'i3GEO.Interface.ATUAL = "googlemaps";'; | |
25 | +} | |
26 | +?> | |
27 | +i3GEO.scrollerWidth = 0; | |
28 | + | |
29 | +i3GEO.configura.guardaExtensao = true; | |
30 | +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
31 | + | |
32 | +i3GEO.configura.mapaRefDisplay = "none"; | |
33 | +i3GEO.barraDeBotoes.ATIVA = false; | |
34 | +i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
35 | +i3GEO.ajuda.ATIVAJANELA = false; | |
36 | +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = false; | |
37 | +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = false; | |
38 | +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
39 | +i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
40 | +i3GEO.mapa.AUTORESIZE = true; | |
41 | +i3GEO.guias.TIPO = "movel"; | |
42 | +i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
43 | +i3GEO.janela.ativaAlerta(); | |
44 | +i3GEO.finaliza = function() { | |
45 | + if ($i("i3GEOlogoMarca")) { | |
46 | + $i("i3GEOlogoMarca").style.display = "none"; | |
47 | + } | |
48 | +}; | |
49 | +//indica se a opcao de navegacao nas pastas do servidor sera ativada | |
50 | +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
51 | +i3GEO.janela.TRANSICAOSUAVE = true; | |
52 | +//desliga a camada com o mapa mundi | |
53 | +i3GEO.configura.mashuppar = "&desligar=mundo"; | |
54 | +(function() { | |
55 | + if(typeof ol != "undefined" && i3GEO.Interface.googleLike === false){ | |
56 | + var eng = new ol.layer.Tile( | |
57 | + { | |
58 | + title : "ESRI National Geographic", | |
59 | + visible : true, | |
60 | + isBaseLayer : true, | |
61 | + name : "eng", | |
62 | + source : new ol.source.TileArcGISRest( | |
63 | + { | |
64 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
65 | + attributions : [ new ol.Attribution( | |
66 | + { | |
67 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
68 | + }) ] | |
69 | + }) | |
70 | + }); | |
71 | + var oce = new ol.layer.Tile( | |
72 | + { | |
73 | + title : "ESRI Ocean Basemap", | |
74 | + visible : false, | |
75 | + isBaseLayer : true, | |
76 | + name : "oce", | |
77 | + source : new ol.source.TileArcGISRest( | |
78 | + { | |
79 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
80 | + attributions : [ new ol.Attribution( | |
81 | + { | |
82 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
83 | + }) ] | |
84 | + }) | |
85 | + }); | |
86 | + var ims = new ol.layer.Tile( | |
87 | + { | |
88 | + title : "ESRI Imagery World 2D", | |
89 | + visible : false, | |
90 | + isBaseLayer : true, | |
91 | + name : "ims", | |
92 | + source : new ol.source.TileArcGISRest( | |
93 | + { | |
94 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
95 | + attributions : [ new ol.Attribution( | |
96 | + { | |
97 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
98 | + }) ] | |
99 | + }) | |
100 | + }); | |
101 | + var wsm = new ol.layer.Tile( | |
102 | + { | |
103 | + title : "ESRI World Street Map", | |
104 | + visible : false, | |
105 | + isBaseLayer : true, | |
106 | + name : "wsm", | |
107 | + source : new ol.source.TileArcGISRest( | |
108 | + { | |
109 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
110 | + attributions : [ new ol.Attribution( | |
111 | + { | |
112 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
113 | + }) ] | |
114 | + }) | |
115 | + }); | |
116 | + var bra = new ol.layer.Tile( | |
117 | + { | |
118 | + title : "Base carto MMA", | |
119 | + visible : false, | |
120 | + isBaseLayer : true, | |
121 | + name : "bra", | |
122 | + source : new ol.source.TileWMS( | |
123 | + { | |
124 | + url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
125 | + params : { | |
126 | + 'layers' : "baseraster", | |
127 | + 'srs' : "EPSG:4326", | |
128 | + 'format' : "image/png" | |
129 | + } | |
130 | + }) | |
131 | + }); | |
132 | + var tms = new ol.layer.Tile( | |
133 | + { | |
134 | + title : "OSGEO", | |
135 | + visible : false, | |
136 | + isBaseLayer : true, | |
137 | + name : "tms", | |
138 | + source : new ol.source.TileWMS( | |
139 | + { | |
140 | + url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
141 | + params : { | |
142 | + 'layers' : "basic", | |
143 | + 'type' : "png", | |
144 | + 'srs' : "EPSG:4326", | |
145 | + 'format' : "image/png", | |
146 | + 'VERSION' : '1.1.1' | |
147 | + }, | |
148 | + attributions : [ new ol.Attribution( | |
149 | + { | |
150 | + html : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
151 | + }) ] | |
152 | + }) | |
153 | + }); | |
154 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, | |
155 | + bra, tms ]; | |
156 | + } | |
157 | + if(typeof ol != "undefined" && i3GEO.Interface.openlayers.googleLike === true){ | |
158 | + var attribOSMData = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
159 | + var attribMapQuestAerial = 'Map Data: © Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
160 | + var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'; | |
161 | + | |
162 | + var osm = new ol.layer.Tile({ | |
163 | + title : "OSM", | |
164 | + visible : true, | |
165 | + isBaseLayer : true, | |
166 | + name : "osm", | |
167 | + source: new ol.source.OSM({ | |
168 | + attributions : [new ol.Attribution({html: attribOSMData})], | |
169 | + crossOrigin : "anonymous", | |
170 | + url : "http://tile.openstreetmap.org/{z}/{x}/{y}.png" | |
171 | + }) | |
172 | + }); | |
173 | + var aquarela = new ol.layer.Tile({ | |
174 | + title : "Aquarela", | |
175 | + visible : false, | |
176 | + isBaseLayer : true, | |
177 | + name : "aquarela", | |
178 | + source: new ol.source.OSM({ | |
179 | + attributions : [new ol.Attribution({html: attribStamen})], | |
180 | + crossOrigin : "anonymous", | |
181 | + url : "http://tile.stamen.com/watercolor/{z}/{x}/{y}.jpg" | |
182 | + }) | |
183 | + }); | |
184 | + var toner = new ol.layer.Tile({ | |
185 | + title : "Toner", | |
186 | + visible : false, | |
187 | + isBaseLayer : true, | |
188 | + name : "toner", | |
189 | + source: new ol.source.OSM({ | |
190 | + attributions : [new ol.Attribution({html: attribStamen})], | |
191 | + crossOrigin : "anonymous", | |
192 | + url : "http://tile.stamen.com/toner/{z}/{x}/{y}.png" | |
193 | + }) | |
194 | + }); | |
195 | + var tonerlite = new ol.layer.Tile({ | |
196 | + title : "Toner Lite", | |
197 | + visible : false, | |
198 | + isBaseLayer : true, | |
199 | + name : "tonerlite", | |
200 | + source: new ol.source.OSM({ | |
201 | + attributions : [new ol.Attribution({html: attribStamen})], | |
202 | + crossOrigin : "anonymous", | |
203 | + url : "http://tile.stamen.com/toner-lite/{z}/{x}/{y}.png" | |
204 | + }) | |
205 | + }); | |
206 | + var layMapQuestAerial = new ol.layer.Tile({ | |
207 | + title : "MapQuest Open Aerial", | |
208 | + visible : false, | |
209 | + isBaseLayer : true, | |
210 | + name : "layMapQuestAerial", | |
211 | + source: new ol.source.OSM({ | |
212 | + attributions : [new ol.Attribution({html: attribMapQuestAerial})], | |
213 | + crossOrigin : "anonymous", | |
214 | + url : "http://oatile4.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg" | |
215 | + }) | |
216 | + }); | |
217 | + | |
218 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ osm, aquarela, toner, tonerlite, layMapQuestAerial ]; | |
219 | + } | |
220 | +})(); | |
221 | +//para a interface googlemaps | |
222 | +if(i3GEO.Interface.ATUAL === "googlemaps"){ | |
223 | + i3GEO.configura.diminuiyM = 1; | |
224 | + i3GEO.configura.diminuiyN = 1; | |
225 | + i3GEO.Interface.googlemaps.MAPOPTIONS = { | |
226 | + scaleControl : true, | |
227 | + mapTypeControl:true, | |
228 | + mapTypeControlOptions: { | |
229 | + position:google.maps.ControlPosition.LEFT_BOTTOM | |
230 | + }, | |
231 | + zoomControl:true, | |
232 | + zoomControlOptions: { | |
233 | + style:google.maps.ZoomControlStyle.SMALL, | |
234 | + position:google.maps.ControlPosition.LEFT_CENTER | |
235 | + }, | |
236 | + streetViewControl:true, | |
237 | + streetViewControlOptions: { | |
238 | + position:google.maps.ControlPosition.LEFT_CENTER | |
239 | + } | |
240 | + }; | |
241 | +} | ... | ... |
interface/openlayersdebug.htm
... | ... | @@ -5,15 +5,15 @@ |
5 | 5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> |
7 | 7 | <title>i3GEO - OpenLayers</title> |
8 | -<script src="../pacotes/ol3/ol-debug.js"></script> | |
8 | +<script src="../pacotes/ol3/ol.js"></script> | |
9 | 9 | <script src="../js/i3geonaocompacto.js"></script> |
10 | +<script src="config.php?tipo=OL"></script> | |
10 | 11 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> |
11 | 12 | <link rel="stylesheet" type="text/css" href="../css/black.css"> |
12 | 13 | <style> |
13 | 14 | .ol-attribution img { |
14 | 15 | display: none; |
15 | 16 | } |
16 | - | |
17 | 17 | .ol-attribution.ol-uncollapsible { |
18 | 18 | height: 2.1em; |
19 | 19 | right: 24px; |
... | ... | @@ -104,151 +104,8 @@ |
104 | 104 | </div> |
105 | 105 | </div> |
106 | 106 | <script> |
107 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
108 | - + window.location.host + "/i3geo"; | |
109 | - i3GEO.configura.autotamanho = false; | |
110 | - i3GEO.Interface.ATUAL = "openlayers"; | |
111 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
112 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
113 | - | |
114 | - i3GEO.Interface.openlayers.TILES = true; | |
115 | - i3GEO.Interface.openlayers.googleLike = false; | |
116 | - | |
117 | - i3GEO.configura.guardaExtensao = true; | |
118 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
119 | - | |
120 | - i3GEO.cria(); | |
121 | - i3GEO.configura.mapaRefDisplay = "none"; | |
122 | - i3GEO.barraDeBotoes.ATIVA = false; | |
123 | - //i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
124 | - //ajusta o deslocamento da barra de botoes | |
125 | - //i3GEO.barraDeBotoes.OFFSET = 25; | |
126 | - | |
127 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
128 | - i3GEO.ajuda.ATIVAJANELA = false; | |
129 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
130 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
131 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
132 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
133 | - i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
134 | - i3GEO.mapa.AUTORESIZE = true; | |
135 | - i3GEO.guias.TIPO = "movel"; | |
136 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
137 | - i3GEO.janela.ativaAlerta(); | |
138 | - i3GEO.finaliza = function() { | |
139 | - if ($i("i3GEOlogoMarca")) { | |
140 | - $i("i3GEOlogoMarca").style.display = "none"; | |
141 | - } | |
142 | - //i3GEO.mapa.insereDobraPagina("googlemaps", "../imagens/dobragooglemaps.png"); | |
143 | - }; | |
144 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
145 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
146 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
147 | - //desliga a camada com o mapa mundi | |
148 | - i3GEO.configura.mashuppar = "&desligar=mundo"; | |
149 | - (function() { | |
150 | - var eng = new ol.layer.Tile( | |
151 | - { | |
152 | - title : "ESRI National Geographic", | |
153 | - visible : true, | |
154 | - isBaseLayer : true, | |
155 | - name : "eng", | |
156 | - source : new ol.source.TileArcGISRest( | |
157 | - { | |
158 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
159 | - attributions : [ new ol.Attribution( | |
160 | - { | |
161 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
162 | - }) ] | |
163 | - }) | |
164 | - }); | |
165 | - var oce = new ol.layer.Tile( | |
166 | - { | |
167 | - title : "ESRI Ocean Basemap", | |
168 | - visible : false, | |
169 | - isBaseLayer : true, | |
170 | - name : "oce", | |
171 | - source : new ol.source.TileArcGISRest( | |
172 | - { | |
173 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
174 | - attributions : [ new ol.Attribution( | |
175 | - { | |
176 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
177 | - }) ] | |
178 | - }) | |
179 | - }); | |
180 | - var ims = new ol.layer.Tile( | |
181 | - { | |
182 | - title : "ESRI Imagery World 2D", | |
183 | - visible : false, | |
184 | - isBaseLayer : true, | |
185 | - name : "ims", | |
186 | - source : new ol.source.TileArcGISRest( | |
187 | - { | |
188 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
189 | - attributions : [ new ol.Attribution( | |
190 | - { | |
191 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
192 | - }) ] | |
193 | - }) | |
194 | - }); | |
195 | - var wsm = new ol.layer.Tile( | |
196 | - { | |
197 | - title : "ESRI World Street Map", | |
198 | - visible : false, | |
199 | - isBaseLayer : true, | |
200 | - name : "wsm", | |
201 | - source : new ol.source.TileArcGISRest( | |
202 | - { | |
203 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
204 | - attributions : [ new ol.Attribution( | |
205 | - { | |
206 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
207 | - }) ] | |
208 | - }) | |
209 | - }); | |
210 | - var bra = new ol.layer.Tile( | |
211 | - { | |
212 | - title : "Base carto MMA", | |
213 | - visible : false, | |
214 | - isBaseLayer : true, | |
215 | - name : "bra", | |
216 | - source : new ol.source.TileWMS( | |
217 | - { | |
218 | - url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
219 | - params : { | |
220 | - 'layers' : "baseraster", | |
221 | - 'srs' : "EPSG:4326", | |
222 | - 'format' : "image/png" | |
223 | - } | |
224 | - }) | |
225 | - }); | |
226 | - var tms = new ol.layer.Tile( | |
227 | - { | |
228 | - title : "OSGEO", | |
229 | - visible : false, | |
230 | - isBaseLayer : true, | |
231 | - name : "tms", | |
232 | - source : new ol.source.TileWMS( | |
233 | - { | |
234 | - url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
235 | - params : { | |
236 | - 'layers' : "basic", | |
237 | - 'type' : "png", | |
238 | - 'srs' : "EPSG:4326", | |
239 | - 'format' : "image/png", | |
240 | - 'VERSION' : '1.1.1' | |
241 | - }, | |
242 | - attributions : [ new ol.Attribution( | |
243 | - { | |
244 | - html : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
245 | - }) ] | |
246 | - }) | |
247 | - }); | |
248 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, | |
249 | - bra, tms ]; | |
250 | - })(); | |
251 | - i3GEO.inicia(); | |
107 | + i3GEO.cria(); | |
108 | + i3GEO.inicia(); | |
252 | 109 | </script> |
253 | 110 | </body> |
254 | 111 | </html> | ... | ... |
interface/teste.phtml
... | ... | @@ -1,216 +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" 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"> | |
7 | -<title>i3GEO - OpenLayers</title> | |
8 | -<script src="../pacotes/ol3/ol-debug.js"></script> | |
9 | -<script src="../js/i3geonaocompacto.js"></script> | |
10 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
11 | -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
12 | -<style> | |
13 | -.ol-attribution img { | |
14 | - display: none; | |
15 | -} | |
16 | - | |
17 | -.ol-attribution.ol-uncollapsible { | |
18 | - height: 2.1em; | |
19 | - right: 24px; | |
20 | - background: none; | |
21 | - margin-bottom: 15px; | |
22 | -} | |
23 | - | |
24 | -</style> | |
25 | -</head> | |
26 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
27 | -<div id=contemImg > | |
28 | -<div id=corpoMapa ></div> | |
29 | -</div> | |
30 | - <script> | |
31 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"; | |
32 | - i3GEO.configura.autotamanho = false; | |
33 | - i3GEO.Interface.ATUAL = "openlayers"; | |
34 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
35 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
36 | - i3GEO.Interface.openlayers.googleLike = true; | |
37 | - i3GEO.Interface.openlayers.TILES = true; | |
38 | - | |
39 | - i3GEO.configura.guardaExtensao = false; | |
40 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = | |
41 | - 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
42 | - | |
43 | - i3GEO.cria(); | |
44 | - i3GEO.configura.mapaRefDisplay = "none"; | |
45 | - i3GEO.barraDeBotoes.ATIVA = true; | |
46 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
47 | - //ajusta o deslocamento da barra de botoes | |
48 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
49 | - //ajusta a posicao da barra de botoes no IE | |
50 | - if (navm) { | |
51 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
52 | - } | |
53 | - if (chro) { | |
54 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
55 | - } | |
56 | - | |
57 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
58 | - i3GEO.ajuda.ATIVAJANELA = false; | |
59 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
60 | - | |
61 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
62 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
63 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
64 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
65 | - i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
66 | - i3GEO.mapa.AUTORESIZE = true; | |
67 | - i3GEO.guias.TIPO = "movel"; | |
68 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
69 | - i3GEO.janela.ativaAlerta(); | |
70 | - i3GEO.finaliza = function() { | |
71 | - if ($i("i3GEOlogoMarca")) { | |
72 | - $i("i3GEOlogoMarca").style.display = "none"; | |
73 | - } | |
74 | - //i3GEO.mapa.insereDobraPagina("googlemaps", "../imagens/dobragooglemaps.png"); | |
75 | - }; | |
76 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
77 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
78 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
79 | - //desliga a camada com o mapa mundi | |
80 | - i3GEO.configura.mashuppar = "&desligar=mundo"; | |
81 | - (function() { | |
82 | - var attribOSMData = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
83 | - var attribMapQuestOSM = attribOSMData + ', Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
84 | - var attribMapQuestAerial = 'Map Data: © Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
85 | - var attribOpenCycleMap = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
86 | - var attribDEMData = '<a href="http://srtm.csi.cgiar.org/">SRTM</a>; ASTER GDEM is a product of <a href="http://www.meti.go.jp/english/press/data/20090626_03.html">METI</a> and <a href="https://lpdaac.usgs.gov/products/aster_policies">NASA</a>'; | |
87 | - var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'; | |
88 | - var mapSurfer = 'Map data © OpenStreetMap contributors, Imagery GIScience Research Group @ Heidelberg University'; | |
89 | - | |
90 | - var osm = new ol.layer.Tile({ | |
91 | - title : "OSM Layer", | |
92 | - visible : true, | |
93 | - isBaseLayer : true, | |
94 | - name : "osm", | |
95 | - source: new ol.source.OSM({ | |
96 | - attributions : [new ol.Attribution({html: attribOSMData})], | |
97 | - crossOrigin : "anonymous", | |
98 | - url : "http://tile.openstreetmap.org/{z}/{x}/{y}.png", | |
99 | - projection: 'EPSG:3857' | |
100 | - }) | |
101 | - }); | |
102 | - tdb = new ol.layer.Tile({ | |
103 | - name : "tdb", | |
104 | - isBaseLayer : true, | |
105 | - title : "OSM Tile", | |
106 | - visible : true, | |
107 | - source: new ol.source.TileDebug({ | |
108 | - projection: 'EPSG:3857', | |
109 | - tileGrid: new ol.source.OSM().getTileGrid() | |
110 | - }) | |
111 | - }); | |
112 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [osm,tdb]; | |
113 | - | |
114 | - /* | |
115 | - | |
116 | - var eng = new ol.layer.Tile({ | |
117 | - title : "ESRI National Geographic", | |
118 | - visible : true, | |
119 | - isBaseLayer : true, | |
120 | - name : "eng", | |
121 | - source : new ol.source.TileArcGISRest({ | |
122 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
123 | - attributions: [ | |
124 | - new ol.Attribution({ | |
125 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
126 | - }) | |
127 | - ] | |
128 | - }) | |
129 | - }); | |
130 | - var oce = new ol.layer.Tile({ | |
131 | - title : "ESRI Ocean Basemap", | |
132 | - visible : false, | |
133 | - isBaseLayer : true, | |
134 | - name : "oce", | |
135 | - source : new ol.source.TileArcGISRest({ | |
136 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
137 | - attributions: [ | |
138 | - new ol.Attribution({ | |
139 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
140 | - }) | |
141 | - ] | |
142 | - }) | |
143 | - }); | |
144 | - var ims = new ol.layer.Tile({ | |
145 | - title : "ESRI Imagery World 2D", | |
146 | - visible : false, | |
147 | - isBaseLayer : true, | |
148 | - name : "ims", | |
149 | - source : new ol.source.TileArcGISRest({ | |
150 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
151 | - attributions: [ | |
152 | - new ol.Attribution({ | |
153 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
154 | - }) | |
155 | - ] | |
156 | - }) | |
157 | - }); | |
158 | - var wsm = new ol.layer.Tile({ | |
159 | - title : "ESRI World Street Map", | |
160 | - visible : false, | |
161 | - isBaseLayer : true, | |
162 | - name : "wsm", | |
163 | - source : new ol.source.TileArcGISRest({ | |
164 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
165 | - attributions: [ | |
166 | - new ol.Attribution({ | |
167 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
168 | - }) | |
169 | - ] | |
170 | - }) | |
171 | - }); | |
172 | - var bra = new ol.layer.Tile({ | |
173 | - title : "Base carto MMA", | |
174 | - visible : false, | |
175 | - isBaseLayer : true, | |
176 | - name : "bra", | |
177 | - source : new ol.source.TileWMS({ | |
178 | - url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
179 | - params : { | |
180 | - 'layers' : "baseraster", | |
181 | - 'srs' : "EPSG:4326", | |
182 | - 'format' : "image/png" | |
183 | - } | |
184 | - }) | |
185 | - }); | |
186 | - var tms = new ol.layer.Tile({ | |
187 | - title : "OSGEO", | |
188 | - visible : false, | |
189 | - isBaseLayer : true, | |
190 | - name : "tms", | |
191 | - source : new ol.source.TileWMS({ | |
192 | - url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
193 | - params : { | |
194 | - 'layers' : "basic", | |
195 | - 'type' : "png", | |
196 | - 'srs' : "EPSG:4326", | |
197 | - 'format' : "image/png", | |
198 | - 'VERSION' : '1.1.1' | |
199 | - }, | |
200 | - attributions: [ | |
201 | - new ol.Attribution({ | |
202 | - html: '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
203 | - }) | |
204 | - ] | |
205 | - }) | |
206 | - }); | |
207 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ | |
208 | - eng, oce, ims, wsm, bra, tms | |
209 | - ]; | |
210 | - */ | |
211 | - })(); | |
212 | - | |
213 | - i3GEO.inicia(); | |
214 | - </script> | |
215 | -</body> | |
216 | -</html> |
interface/theme/default/framedCloud.css
interface/theme/default/google.css
interface/theme/default/google.tidy.css
interface/theme/default/ie6-style.css
interface/theme/default/ie6-style.tidy.css
interface/theme/default/style.css
... | ... | @@ -1,394 +0,0 @@ |
1 | -div.olMap { | |
2 | - z-index: 0; | |
3 | - padding: 0px!important; | |
4 | - margin: 0px!important; | |
5 | - cursor: default; | |
6 | -} | |
7 | - | |
8 | -div.olMapViewport { | |
9 | - text-align: left; | |
10 | -} | |
11 | - | |
12 | -div.olLayerDiv { | |
13 | - -moz-user-select: none; | |
14 | -} | |
15 | - | |
16 | -.olLayerGoogleCopyright { | |
17 | - left: 2px; | |
18 | - bottom: 2px; | |
19 | -} | |
20 | -.olLayerGooglePoweredBy { | |
21 | - left: 2px; | |
22 | - bottom: 15px; | |
23 | -} | |
24 | -.olControlAttribution { | |
25 | - font-size: smaller; | |
26 | - right: 3px; | |
27 | - bottom: 4.5em; | |
28 | - position: absolute; | |
29 | - display: block; | |
30 | -} | |
31 | -.olControlScale { | |
32 | - right: 3px; | |
33 | - bottom: 3em; | |
34 | - display: block; | |
35 | - position: absolute; | |
36 | - font-size: smaller; | |
37 | -} | |
38 | -.olControlScaleLine { | |
39 | - left: 10px; | |
40 | - bottom: 15px; | |
41 | - font-size: xx-small; | |
42 | -} | |
43 | -.olControlScaleLineBottom { | |
44 | - border: solid 2px black; | |
45 | - border-bottom: none; | |
46 | - margin-top:-2px; | |
47 | - text-align: center; | |
48 | -} | |
49 | -.olControlScaleLineTop { | |
50 | - border: solid 2px black; | |
51 | - border-top: none; | |
52 | - text-align: center; | |
53 | -} | |
54 | - | |
55 | -.olControlPermalink { | |
56 | - right: 3px; | |
57 | - bottom: 1.5em; | |
58 | - display: block; | |
59 | - position: absolute; | |
60 | - font-size: smaller; | |
61 | -} | |
62 | - | |
63 | -div.olControlMousePosition { | |
64 | - bottom: 0em; | |
65 | - right: 3px; | |
66 | - display: block; | |
67 | - position: absolute; | |
68 | - font-family: Arial; | |
69 | - font-size: smaller; | |
70 | -} | |
71 | - | |
72 | -.olControlOverviewMapContainer { | |
73 | - position: absolute; | |
74 | - bottom: 0px; | |
75 | - right: 0px; | |
76 | -} | |
77 | - | |
78 | -.olControlOverviewMapElement { | |
79 | - padding: 10px 18px 10px 10px; | |
80 | - background-color: #00008B; | |
81 | - -moz-border-radius: 1em 0 0 0; | |
82 | -} | |
83 | - | |
84 | -.olControlOverviewMapMinimizeButton { | |
85 | - right: 0px; | |
86 | - bottom: 80px; | |
87 | -} | |
88 | - | |
89 | -.olControlOverviewMapMaximizeButton { | |
90 | - right: 0px; | |
91 | - bottom: 80px; | |
92 | -} | |
93 | - | |
94 | -.olControlOverviewMapExtentRectangle { | |
95 | - overflow: hidden; | |
96 | - background-image: url("img/blank.gif"); | |
97 | - cursor: move; | |
98 | - border: 2px dotted red; | |
99 | -} | |
100 | -.olControlOverviewMapRectReplacement { | |
101 | - overflow: hidden; | |
102 | - cursor: move; | |
103 | - background-image: url("img/overview_replacement.gif"); | |
104 | - background-repeat: no-repeat; | |
105 | - background-position: center; | |
106 | -} | |
107 | - | |
108 | -.olLayerGeoRSSDescription { | |
109 | - float:left; | |
110 | - width:100%; | |
111 | - overflow:auto; | |
112 | - font-size:1.0em; | |
113 | -} | |
114 | -.olLayerGeoRSSClose { | |
115 | - float:right; | |
116 | - color:gray; | |
117 | - font-size:1.2em; | |
118 | - margin-right:6px; | |
119 | - font-family:sans-serif; | |
120 | -} | |
121 | -.olLayerGeoRSSTitle { | |
122 | - float:left;font-size:1.2em; | |
123 | -} | |
124 | - | |
125 | -.olPopupContent { | |
126 | - padding:5px; | |
127 | - overflow: auto; | |
128 | -} | |
129 | -.olControlNavToolbar { | |
130 | - width:0px; | |
131 | - height:0px; | |
132 | -} | |
133 | -.olControlNavToolbar div { | |
134 | - display:block; | |
135 | - width: 28px; | |
136 | - height: 28px; | |
137 | - top: 300px; | |
138 | - left: 6px; | |
139 | - position: relative; | |
140 | -} | |
141 | - | |
142 | -.olControlNavigationHistory { | |
143 | - background-image: url("img/navigation_history.png"); | |
144 | - background-repeat: no-repeat; | |
145 | - width: 24px; | |
146 | - height: 24px; | |
147 | - | |
148 | -} | |
149 | -.olControlNavigationHistoryPreviousItemActive { | |
150 | - background-position: 0px 0px; | |
151 | -} | |
152 | -.olControlNavigationHistoryPreviousItemInactive { | |
153 | - background-position: 0px -24px; | |
154 | -} | |
155 | -.olControlNavigationHistoryNextItemActive { | |
156 | - background-position: -24px 0px; | |
157 | -} | |
158 | -.olControlNavigationHistoryNextItemInactive { | |
159 | - background-position: -24px -24px; | |
160 | -} | |
161 | - | |
162 | -.olControlNavToolbar .olControlNavigationItemActive { | |
163 | - background-image: url("img/panning-hand-on.png"); | |
164 | - background-repeat: no-repeat; | |
165 | -} | |
166 | -.olControlNavToolbar .olControlNavigationItemInactive { | |
167 | - background-image: url("img/panning-hand-off.png"); | |
168 | - background-repeat: no-repeat; | |
169 | -} | |
170 | -.olControlNavToolbar .olControlZoomBoxItemActive { | |
171 | - background-image: url("img/drag-rectangle-on.png"); | |
172 | - background-color: orange; | |
173 | - background-repeat: no-repeat; | |
174 | -} | |
175 | -.olControlNavToolbar .olControlZoomBoxItemInactive { | |
176 | - background-image: url("img/drag-rectangle-off.png"); | |
177 | - background-repeat: no-repeat; | |
178 | -} | |
179 | -.olControlEditingToolbar { | |
180 | - float:right; | |
181 | - right: 0px; | |
182 | - height: 30px; | |
183 | - width: 200px; | |
184 | -} | |
185 | -.olControlEditingToolbar div { | |
186 | - background-image: url("img/editing_tool_bar.png"); | |
187 | - background-repeat: no-repeat; | |
188 | - float:right; | |
189 | - width: 24px; | |
190 | - height: 24px; | |
191 | - margin: 5px; | |
192 | -} | |
193 | -.olControlEditingToolbar .olControlNavigationItemActive { | |
194 | - background-position: -103px -23px; | |
195 | -} | |
196 | -.olControlEditingToolbar .olControlNavigationItemInactive { | |
197 | - background-position: -103px -0px; | |
198 | -} | |
199 | -.olControlEditingToolbar .olControlDrawFeaturePointItemActive { | |
200 | - background-position: -77px -23px; | |
201 | -} | |
202 | -.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { | |
203 | - background-position: -77px -0px; | |
204 | -} | |
205 | -.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { | |
206 | - background-position: -51px 0px; | |
207 | -} | |
208 | -.olControlEditingToolbar .olControlDrawFeaturePathItemActive { | |
209 | - background-position: -51px -23px; | |
210 | -} | |
211 | -.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { | |
212 | - background-position: -26px 0px; | |
213 | -} | |
214 | -.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { | |
215 | - background-position: -26px -23px ; | |
216 | -} | |
217 | -.olControlSaveFeaturesItemActive { | |
218 | - background-image: url(img/save_features_on.png); | |
219 | - background-repeat: no-repeat; | |
220 | - background-position: 0px 1px; | |
221 | -} | |
222 | -.olControlSaveFeaturesItemInactive { | |
223 | - background-image: url(img/save_features_off.png); | |
224 | - background-repeat: no-repeat; | |
225 | - background-position: 0px 1px; | |
226 | -} | |
227 | - | |
228 | -.olHandlerBoxZoomBox { | |
229 | - border: 2px solid red; | |
230 | - position: absolute; | |
231 | - background-color: white; | |
232 | - opacity: 0.50; | |
233 | - font-size: 1px; | |
234 | - filter: alpha(opacity=50); | |
235 | -} | |
236 | -.olHandlerBoxSelectFeature { | |
237 | - border: 2px solid blue; | |
238 | - position: absolute; | |
239 | - background-color: white; | |
240 | - opacity: 0.50; | |
241 | - font-size: 1px; | |
242 | - filter: alpha(opacity=50); | |
243 | -} | |
244 | - | |
245 | -.olControlPanPanel { | |
246 | - top: 10px; | |
247 | - left: 5px; | |
248 | -} | |
249 | - | |
250 | -.olControlPanPanel div { | |
251 | - background-image: url(img/pan-panel.png); | |
252 | - height: 18px; | |
253 | - width: 18px; | |
254 | - cursor: pointer; | |
255 | - position: absolute; | |
256 | -} | |
257 | - | |
258 | -.olControlPanPanel .olControlPanNorthItemInactive { | |
259 | - top: 0px; | |
260 | - left: 9px; | |
261 | - background-position: 0px 0px; | |
262 | -} | |
263 | -.olControlPanPanel .olControlPanSouthItemInactive { | |
264 | - top: 36px; | |
265 | - left: 9px; | |
266 | - background-position: 18px 0px; | |
267 | -} | |
268 | -.olControlPanPanel .olControlPanWestItemInactive { | |
269 | - position: absolute; | |
270 | - top: 18px; | |
271 | - left: 0px; | |
272 | - background-position: 0px 18px; | |
273 | -} | |
274 | -.olControlPanPanel .olControlPanEastItemInactive { | |
275 | - top: 18px; | |
276 | - left: 18px; | |
277 | - background-position: 18px 18px; | |
278 | -} | |
279 | - | |
280 | -.olControlZoomPanel { | |
281 | - top: 71px; | |
282 | - left: 14px; | |
283 | -} | |
284 | - | |
285 | - | |
286 | -.olControlZoomPanel div { | |
287 | - background-image: url(img/zoom-panel.png); | |
288 | - position: absolute; | |
289 | - height: 18px; | |
290 | - width: 18px; | |
291 | - cursor: pointer; | |
292 | -} | |
293 | - | |
294 | -.olControlZoomPanel .olControlZoomInItemInactive { | |
295 | - top: 0px; | |
296 | - left: 0px; | |
297 | - background-position: 0px 0px; | |
298 | -} | |
299 | - | |
300 | -.olControlZoomPanel .olControlZoomToMaxExtentItemInactive { | |
301 | - top: 18px; | |
302 | - left: 0px; | |
303 | - background-position: 0px -18px; | |
304 | -} | |
305 | - | |
306 | -.olControlZoomPanel .olControlZoomOutItemInactive { | |
307 | - top: 36px; | |
308 | - left: 0px; | |
309 | - background-position: 0px 18px; | |
310 | -} | |
311 | - | |
312 | -.olPopupCloseBox { | |
313 | - background: url("img/edit-delete.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); | |
314 | - cursor: pointer; | |
315 | -} | |
316 | -.olFramedCloudPopupContent { | |
317 | - padding: 5px; | |
318 | - overflow: auto; | |
319 | -} | |
320 | - | |
321 | -.olControlNoSelect { | |
322 | - -moz-user-select: none; | |
323 | -} | |
324 | - | |
325 | -/** | |
326 | - * Cursor styles | |
327 | - */ | |
328 | - | |
329 | -.olCursorWait { | |
330 | - cursor: wait; | |
331 | -} | |
332 | -.olDragDown { | |
333 | - cursor: move; | |
334 | -} | |
335 | -.olDrawBox { | |
336 | - cursor: crosshair; | |
337 | -} | |
338 | -.olControlDragFeatureOver { | |
339 | - cursor: move; | |
340 | -} | |
341 | -.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { | |
342 | - cursor: -moz-grabbing; | |
343 | -} | |
344 | - | |
345 | -/** | |
346 | - * Layer switcher | |
347 | - */ | |
348 | -.olControlLayerSwitcher { | |
349 | - position: absolute; | |
350 | - top: 35px; | |
351 | - right: 0px; | |
352 | - width: 20em; | |
353 | - font-family: sans-serif; | |
354 | - font-weight: bold; | |
355 | - margin-top: 3px; | |
356 | - margin-left: 3px; | |
357 | - margin-bottom: 3px; | |
358 | - font-size: smaller; | |
359 | - color: white; | |
360 | - background-color: transparent; | |
361 | - text-align:left; | |
362 | -} | |
363 | - | |
364 | -.olControlLayerSwitcher .layersDiv { | |
365 | - padding-top: 5px; | |
366 | - padding-left: 10px; | |
367 | - padding-bottom: 5px; | |
368 | - padding-right: 75px; | |
369 | - background-color: black; | |
370 | - width: 100%; | |
371 | - height: 100%; | |
372 | - text-align:left; | |
373 | -} | |
374 | - | |
375 | -.olControlLayerSwitcher .layersDiv .baseLbl, | |
376 | -.olControlLayerSwitcher .layersDiv .dataLbl { | |
377 | - margin-top: 3px; | |
378 | - margin-left: 3px; | |
379 | - margin-bottom: 3px; | |
380 | - text-align:left; | |
381 | -} | |
382 | - | |
383 | -.olControlLayerSwitcher .layersDiv .baseLayersDiv, | |
384 | -.olControlLayerSwitcher .layersDiv .dataLayersDiv { | |
385 | - padding-left: 10px; | |
386 | - text-align:left; | |
387 | -} | |
388 | - | |
389 | -.olControlLayerSwitcher .maximizeDiv, | |
390 | -.olControlLayerSwitcher .minimizeDiv { | |
391 | - top: 5px; | |
392 | - right: 0px; | |
393 | - text-align:left; | |
394 | -} |
interface/theme/default/style.tidy.css
... | ... | @@ -1 +0,0 @@ |
1 | -div.olMap{z-index:0;cursor:default;margin:0!important;padding:0!important;}div.olMapViewport{text-align:left;}.olLayerGoogleCopyright{left:2px;bottom:2px;}.olLayerGoogleV3.olLayerGoogleCopyright{right:auto!important;}.olLayerGooglePoweredBy{left:2px;bottom:15px;}.olLayerGoogleV3.olLayerGooglePoweredBy{bottom:15px!important;}.olControlAttribution{font-size:smaller;right:3px;bottom:4.5em;position:absolute;display:block;}.olControlScale{right:3px;bottom:3em;display:block;position:absolute;font-size:smaller;}.olControlScaleLine{display:block;position:absolute;left:10px;bottom:15px;font-size:xx-small;}.olControlScaleLineBottom{border:solid 2px #000;border-bottom:none;margin-top:-2px;text-align:center;}.olControlScaleLineTop{border:solid 2px #000;border-top:none;text-align:center;}.olControlPermalink{right:3px;bottom:1.5em;display:block;position:absolute;font-size:smaller;}div.olControlMousePosition{bottom:0;right:3px;display:block;position:absolute;font-family:Arial;font-size:smaller;}.olControlOverviewMapContainer{position:absolute;bottom:0;right:0;}.olControlOverviewMapElement{background-color:#00008B;-moz-border-radius:1em 0 0;padding:10px 18px 10px 10px;}.olControlOverviewMapExtentRectangle{overflow:hidden;background-image:url(img/blank.gif);cursor:move;border:2px dotted red;}.olControlOverviewMapRectReplacement{overflow:hidden;cursor:move;background-image:url(img/overview_replacement.gif);background-repeat:no-repeat;background-position:center;}.olLayerGeoRSSDescription{float:left;width:100%;overflow:auto;font-size:1em;}.olLayerGeoRSSClose{float:right;color:gray;font-size:1.2em;margin-right:6px;font-family:sans-serif;}.olLayerGeoRSSTitle{float:left;font-size:1.2em;}.olControlNavigationHistory{background-image:url(img/navigation_history.png);background-repeat:no-repeat;width:24px;height:24px;}.olControlNavigationHistoryPreviousItemActive{background-position:0 0;}.olControlNavigationHistoryPreviousItemInactive{background-position:0 -24px;}.olControlNavigationHistoryNextItemActive{background-position:-24px 0;}.olControlNavigationHistoryNextItemInactive{background-position:-24px -24px;}div.olControlSaveFeaturesItemActive{background-image:url(img/save_features_on.png);background-repeat:no-repeat;background-position:0 1px;}div.olControlSaveFeaturesItemInactive{background-image:url(img/save_features_off.png);background-repeat:no-repeat;background-position:0 1px;}.olHandlerBoxZoomBox{border:2px solid red;position:absolute;background-color:#FFF;opacity:.5;font-size:1px;filter:alpha(opacity=50);}.olHandlerBoxSelectFeature{border:2px solid blue;position:absolute;background-color:#FFF;opacity:.5;font-size:1px;filter:alpha(opacity=50);}.olControlPanPanel{top:10px;left:5px;}.olControlPanPanel div{background-image:url(img/pan-panel.png);height:18px;width:18px;cursor:pointer;position:absolute;}.olControlPanPanel .olControlPanNorthItemInactive{top:0;left:9px;background-position:0 0;}.olControlPanPanel .olControlPanSouthItemInactive{top:36px;left:9px;background-position:18px 0;}.olControlPanPanel .olControlPanWestItemInactive{position:absolute;top:18px;left:0;background-position:0 18px;}.olControlPanPanel .olControlPanEastItemInactive{top:18px;left:18px;background-position:18px 18px;}.olControlZoomPanel{top:71px;left:14px;}.olControlZoomPanel div{background-image:url(img/zoom-panel.png);position:absolute;height:18px;width:18px;cursor:pointer;}.olControlZoomPanel .olControlZoomInItemInactive{top:0;left:0;background-position:0 0;}.olControlZoomPanel .olControlZoomToMaxExtentItemInactive{top:18px;left:0;background-position:0 -18px;}.olControlZoomPanel .olControlZoomOutItemInactive{top:36px;left:0;background-position:0 18px;}.olControlPanZoomBar div{font-size:1px;}.olPopupCloseBox{background:url(img/close.gif) no-repeat;cursor:pointer;}.olImageLoadError{background-color:#FFC0CB;opacity:.5;filter:alpha(opacity=50);}.olCursorWait{cursor:wait;}.olDrawBox{cursor:crosshair;}.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown{cursor:0;}.olControlLayerSwitcher{position:absolute;top:25px;right:0;width:20em;font-family:sans-serif;font-weight:700;margin-top:3px;margin-left:3px;margin-bottom:3px;font-size:smaller;color:#FFF;background-color:transparent;}.olControlLayerSwitcher .layersDiv{background-color:#00008B;width:100%;height:100%;padding:5px 75px 5px 10px;}.olControlLayerSwitcher .layersDiv .baseLbl,.olControlLayerSwitcher .layersDiv .dataLbl{margin-top:3px;margin-left:3px;margin-bottom:3px;}.olControlLayerSwitcher .layersDiv .baseLayersDiv,.olControlLayerSwitcher .layersDiv .dataLayersDiv{padding-left:10px;}.olControlLayerSwitcher .maximizeDiv,.olControlLayerSwitcher .minimizeDiv{top:5px;right:0;cursor:pointer;}.olBingAttribution{color:#DDD;}span.olGoogleAttribution a{color:#77C;}.olControlNavToolbar,.olControlEditingToolbar{margin:5px 5px 0 0;}.olControlNavToolbar div,.olControlEditingToolbar div{background-image:url(img/editing_tool_bar.png);background-repeat:no-repeat;width:24px;height:22px;cursor:pointer;margin:0 0 5px 5px;}.olControlEditingToolbar{right:0;top:0;}.olControlNavToolbar{top:295px;left:9px;}.olControlEditingToolbar div{float:right;}.olControlNavToolbar .olControlNavigationItemInactive,.olControlEditingToolbar .olControlNavigationItemInactive{background-position:-103px -1px;}.olControlNavToolbar .olControlNavigationItemActive,.olControlEditingToolbar .olControlNavigationItemActive{background-position:-103px -24px;}.olControlNavToolbar .olControlZoomBoxItemInactive{background-position:-128px -1px;}.olControlNavToolbar .olControlZoomBoxItemActive{background-position:-128px -24px;}.olControlEditingToolbar .olControlDrawFeaturePointItemInactive{background-position:-77px -1px;}.olControlEditingToolbar .olControlDrawFeaturePointItemActive{background-position:-77px -24px;}.olControlEditingToolbar .olControlDrawFeaturePathItemInactive{background-position:-51px -1px;}.olControlEditingToolbar .olControlDrawFeaturePathItemActive{background-position:-51px -24px;}.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{background-position:-26px -1px;}.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive{background-position:-26px -24px;}div.olLayerDiv,.olControlNoSelect{-khtml-user-select:none;-moz-user-select:none;}.olControlOverviewMapMinimizeButton,.olControlOverviewMapMaximizeButton{bottom:80px;cursor:pointer;right:0;}.olPopupContent,.olFramedCloudPopupContent{overflow:auto;padding:5px;}.olDragDown,.olControlDragFeatureOver{cursor:move;}.olBingAttribution.road,.olGoogleAttribution{color:#333;}.olGoogleAttribution.hybrid,.olGoogleAttribution.satellite,span.olGoogleAttribution.hybrid a,span.olGoogleAttribution.satellite a{color:#EEE;} | |
2 | 0 | \ No newline at end of file |
js/guias.js
... | ... | @@ -99,7 +99,7 @@ i3GEO.guias = |
99 | 99 | CONFIGURA : { |
100 | 100 | "zoomanterior" : { |
101 | 101 | icone : "imagens/gisicons/zoom-last.png", |
102 | - titulo : $trad("d2"), | |
102 | + titulo : "", | |
103 | 103 | id : "guiaZoomanterior", |
104 | 104 | idconteudo : "", |
105 | 105 | click : function() { |
... | ... | @@ -134,7 +134,7 @@ i3GEO.guias = |
134 | 134 | }, |
135 | 135 | "zoomproximo" : { |
136 | 136 | icone : "imagens/gisicons/zoom-next.png", |
137 | - titulo : $trad("d2"), | |
137 | + titulo : "", | |
138 | 138 | id : "guiaZoomproximo", |
139 | 139 | idconteudo : "", |
140 | 140 | click : function() { | ... | ... |
js/ini_i3geo.js
... | ... | @@ -795,10 +795,10 @@ var i3GEO = { |
795 | 795 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; |
796 | 796 | menos = 0; |
797 | 797 | //se for mobile |
798 | - if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
799 | - menos = 20; | |
800 | - i3GEO.configura.autotamanho = true; | |
801 | - } | |
798 | + //if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
799 | + // menos = 20; | |
800 | + // i3GEO.configura.autotamanho = true; | |
801 | + //} | |
802 | 802 | temp = $i("contemFerramentas"); |
803 | 803 | if (temp |
804 | 804 | && temp.style |
... | ... | @@ -903,9 +903,9 @@ var i3GEO = { |
903 | 903 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; |
904 | 904 | menos = 0; |
905 | 905 | //se for mobile |
906 | - if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
907 | - menos = 20; | |
908 | - } | |
906 | + //if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
907 | + // menos = 20; | |
908 | + //} | |
909 | 909 | temp = $i("contemFerramentas"); |
910 | 910 | if (temp |
911 | 911 | && temp.style |
... | ... | @@ -922,7 +922,7 @@ var i3GEO = { |
922 | 922 | $i("ferramentas").style.width, |
923 | 923 | 10); |
924 | 924 | } |
925 | - document.body.style.width = "99%"; | |
925 | + document.body.style.width = "100%"; | |
926 | 926 | temp = i3GEO.util.tamanhoBrowser(); |
927 | 927 | novow = temp[0]; |
928 | 928 | novoh = temp[1]; | ... | ... |