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 | \ No newline at end of file | 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 | <html> | 2 | <html> |
3 | <head> | 3 | <head> |
4 | <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | 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"> | 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 | <script src="../pacotes/ol3/ol.js"></script> | 8 | <script src="../pacotes/ol3/ol.js"></script> |
9 | <script src="../js/i3geo.js"></script> | 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 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | 11 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> |
12 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | ||
12 | <style> | 13 | <style> |
13 | .ol-attribution img { | 14 | .ol-attribution img { |
14 | display: none; | 15 | display: none; |
@@ -21,52 +22,15 @@ | @@ -21,52 +22,15 @@ | ||
21 | } | 22 | } |
22 | </style> | 23 | </style> |
23 | </head> | 24 | </head> |
24 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | 25 | +<body id="i3geo" style='background: white;'> |
26 | + | ||
25 | <!-- inclui o nome do usuario logado --> | 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 | <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | 30 | <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> |
28 | <tr> | 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 | </td> | 34 | </td> |
71 | </tr> | 35 | </tr> |
72 | </table> | 36 | </table> |
@@ -75,30 +39,48 @@ | @@ -75,30 +39,48 @@ | ||
75 | <tr> | 39 | <tr> |
76 | <td> | 40 | <td> |
77 | <div id=versaoi3geo></div> | 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 | </td> | 44 | </td> |
84 | </tr> | 45 | </tr> |
85 | </table> | 46 | </table> |
86 | <img src='../imagens/logo_inicio.png'> | 47 | <img src='../imagens/logo_inicio.png'> |
87 | </div> | 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 | <div id="iconeGuia_temas"></div> | 66 | <div id="iconeGuia_temas"></div> |
92 | <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | 67 | <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> |
93 | <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | 68 | <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> |
94 | <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | 69 | <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> |
95 | <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | 70 | <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> |
96 | <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | 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 | </div> | 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 | <div id='guia1obj' style='display: none;'> | 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 | <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | 84 | <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> |
103 | <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | 85 | <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> |
104 | <!-- Esta div acrescenta a lista de propriedades do mapa --> | 86 | <!-- Esta div acrescenta a lista de propriedades do mapa --> |
@@ -109,120 +91,21 @@ | @@ -109,120 +91,21 @@ | ||
109 | <div id=listaTemas style='top: 15px;'></div> | 91 | <div id=listaTemas style='top: 15px;'></div> |
110 | </div> | 92 | </div> |
111 | <div id='guia2obj' style='display: none;'> | 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 | </div> | 97 | </div> |
115 | <div id='guia4obj' style='display: none; text-align: left'> | 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 | </div> | 102 | </div> |
119 | </div> | 103 | </div> |
120 | </div> | 104 | </div> |
121 | </div> | 105 | </div> |
122 | <script> | 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 | </script> | 109 | </script> |
227 | </body> | 110 | </body> |
228 | -</html> | ||
229 | \ No newline at end of file | 111 | \ No newline at end of file |
112 | +</html> |
interface/carto_ol.htm
@@ -1,285 +0,0 @@ | @@ -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 @@ | @@ -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,15 +5,15 @@ | ||
5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | 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"> | 6 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> |
7 | <title>i3GEO - OpenLayers</title> | 7 | <title>i3GEO - OpenLayers</title> |
8 | -<script src="../pacotes/ol3/ol-debug.js"></script> | 8 | +<script src="../pacotes/ol3/ol.js"></script> |
9 | <script src="../js/i3geonaocompacto.js"></script> | 9 | <script src="../js/i3geonaocompacto.js"></script> |
10 | +<script src="config.php?tipo=OL"></script> | ||
10 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | 11 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> |
11 | <link rel="stylesheet" type="text/css" href="../css/black.css"> | 12 | <link rel="stylesheet" type="text/css" href="../css/black.css"> |
12 | <style> | 13 | <style> |
13 | .ol-attribution img { | 14 | .ol-attribution img { |
14 | display: none; | 15 | display: none; |
15 | } | 16 | } |
16 | - | ||
17 | .ol-attribution.ol-uncollapsible { | 17 | .ol-attribution.ol-uncollapsible { |
18 | height: 2.1em; | 18 | height: 2.1em; |
19 | right: 24px; | 19 | right: 24px; |
@@ -104,151 +104,8 @@ | @@ -104,151 +104,8 @@ | ||
104 | </div> | 104 | </div> |
105 | </div> | 105 | </div> |
106 | <script> | 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 | </script> | 109 | </script> |
253 | </body> | 110 | </body> |
254 | </html> | 111 | </html> |
interface/teste.phtml
@@ -1,216 +0,0 @@ | @@ -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
@@ -1 +0,0 @@ | @@ -1 +0,0 @@ | ||
1 | -.olLayerGoogleCopyright{right:3px;bottom:2px;left:auto;}.olLayerGoogleV3.olLayerGoogleCopyright{bottom:0;right:0!important;}.olLayerGooglePoweredBy{left:2px;bottom:2px;}.olLayerGoogleV3.olLayerGooglePoweredBy{bottom:0!important;} | ||
2 | \ No newline at end of file | 0 | \ No newline at end of file |
interface/theme/default/ie6-style.css
interface/theme/default/ie6-style.tidy.css
interface/theme/default/style.css
@@ -1,394 +0,0 @@ | @@ -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 +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 | \ No newline at end of file | 0 | \ No newline at end of file |
js/guias.js
@@ -99,7 +99,7 @@ i3GEO.guias = | @@ -99,7 +99,7 @@ i3GEO.guias = | ||
99 | CONFIGURA : { | 99 | CONFIGURA : { |
100 | "zoomanterior" : { | 100 | "zoomanterior" : { |
101 | icone : "imagens/gisicons/zoom-last.png", | 101 | icone : "imagens/gisicons/zoom-last.png", |
102 | - titulo : $trad("d2"), | 102 | + titulo : "", |
103 | id : "guiaZoomanterior", | 103 | id : "guiaZoomanterior", |
104 | idconteudo : "", | 104 | idconteudo : "", |
105 | click : function() { | 105 | click : function() { |
@@ -134,7 +134,7 @@ i3GEO.guias = | @@ -134,7 +134,7 @@ i3GEO.guias = | ||
134 | }, | 134 | }, |
135 | "zoomproximo" : { | 135 | "zoomproximo" : { |
136 | icone : "imagens/gisicons/zoom-next.png", | 136 | icone : "imagens/gisicons/zoom-next.png", |
137 | - titulo : $trad("d2"), | 137 | + titulo : "", |
138 | id : "guiaZoomproximo", | 138 | id : "guiaZoomproximo", |
139 | idconteudo : "", | 139 | idconteudo : "", |
140 | click : function() { | 140 | click : function() { |
js/ini_i3geo.js
@@ -795,10 +795,10 @@ var i3GEO = { | @@ -795,10 +795,10 @@ var i3GEO = { | ||
795 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; | 795 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; |
796 | menos = 0; | 796 | menos = 0; |
797 | //se for mobile | 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 | temp = $i("contemFerramentas"); | 802 | temp = $i("contemFerramentas"); |
803 | if (temp | 803 | if (temp |
804 | && temp.style | 804 | && temp.style |
@@ -903,9 +903,9 @@ var i3GEO = { | @@ -903,9 +903,9 @@ var i3GEO = { | ||
903 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; | 903 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; |
904 | menos = 0; | 904 | menos = 0; |
905 | //se for mobile | 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 | temp = $i("contemFerramentas"); | 909 | temp = $i("contemFerramentas"); |
910 | if (temp | 910 | if (temp |
911 | && temp.style | 911 | && temp.style |
@@ -922,7 +922,7 @@ var i3GEO = { | @@ -922,7 +922,7 @@ var i3GEO = { | ||
922 | $i("ferramentas").style.width, | 922 | $i("ferramentas").style.width, |
923 | 10); | 923 | 10); |
924 | } | 924 | } |
925 | - document.body.style.width = "99%"; | 925 | + document.body.style.width = "100%"; |
926 | temp = i3GEO.util.tamanhoBrowser(); | 926 | temp = i3GEO.util.tamanhoBrowser(); |
927 | novow = temp[0]; | 927 | novow = temp[0]; |
928 | novoh = temp[1]; | 928 | novoh = temp[1]; |