Commit 5d6cf00a05126d3a9ac3a134c548497f5790ffb1
1 parent
2cdd960b
Exists in
master
and in
7 other branches
--no commit message
Showing
4 changed files
with
282 additions
and
0 deletions
Show diff stats
... | ... | @@ -0,0 +1,196 @@ |
1 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | |
2 | +<html> | |
3 | +<head> | |
4 | +<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
5 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | +<title>i3GEO - OpenLayers</title> | |
7 | +<script type="text/javascript" src="../classesjs/i3geo.js"></script> | |
8 | +<script type="text/javascript" src="../classesjs/atlas.js"></script> | |
9 | +<script type="text/javascript" src="../pacotes/openlayers/OpenLayers29.js.php"></script> | |
10 | +</head> | |
11 | +<body id="i3geo"> | |
12 | + | |
13 | +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> | |
14 | + | |
15 | +<!-- | |
16 | + Inclui a barra superior. Se vc não quiser o menu, é só comentar o TR | |
17 | +--> | |
18 | +<tr style="border:0px"> | |
19 | + <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
20 | +</tr> | |
21 | +<tr> | |
22 | +<td> | |
23 | + <table width=100% cellspacing=0 cellpadding=0 > | |
24 | + <tr> | |
25 | + <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td> | |
26 | + <td> | |
27 | + <!-- | |
28 | + Guias principais, não mude o ID, apenas o nome se for desejado | |
29 | + --> | |
30 | + | |
31 | + <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
32 | + <div id=guia1 class=guia ></div> | |
33 | + <div id=guia2 class=guia ></div> | |
34 | + <div id=guia4 class=guia ></div> | |
35 | + <div id=guia5 class=guia ></div> | |
36 | + </div> | |
37 | + </td> | |
38 | + | |
39 | + </tr> | |
40 | + </table> | |
41 | +</td> | |
42 | +<td class="yui-navset" style="text-align:left;height:0px;border-width:0pt 0pt 0px;border-color:rgb(240,240,240)"> | |
43 | + <div id="guiasAtlas" style="top:0px;cursor:pointer;overflow:auto;" > | |
44 | + </div> | |
45 | +</td> | |
46 | +</tr> | |
47 | +<tr> | |
48 | + <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:268px;text-align:left;"> | |
49 | + <div id='guia1obj' > | |
50 | + <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
51 | + <div id=listaPropriedades style='top:15px;' ></div> | |
52 | + <div id=listaLayersBase style='top:15px;'></div> | |
53 | + <div id=listaTemas style='top:15px;'></div> | |
54 | + </div> | |
55 | + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
56 | + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
57 | + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
58 | + </td> | |
59 | + <td style="vertical-align:top;border-width:0px;"> | |
60 | + <table width="100%" style="vertical-align:top;border-width:0px"> | |
61 | + <tr><td class=verdeclaro id=contemImg > | |
62 | + <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
63 | + </td></tr> | |
64 | + </table> | |
65 | + </td> | |
66 | + </tr> | |
67 | +<tr> | |
68 | + <td class=tdbranca > | |
69 | + <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> | |
70 | + </td> | |
71 | + <td class=tdbranca > | |
72 | + <table width=100% > | |
73 | + <tr> | |
74 | + <td class=tdbranca > | |
75 | + <div id=escala style="text-align:right;" ></div> | |
76 | + </td> | |
77 | + <td class=tdbranca > | |
78 | + <div id=localizarxy style="text-align:left;font-size:10px;">Aguarde...</div> | |
79 | + </td> | |
80 | + <td class=tdbranca ><div id=seletorIdiomas ></div></td> | |
81 | + <td class=tdbranca ><div id=ondeestou ></div></td> | |
82 | + </tr> | |
83 | + </table> | |
84 | + </td> | |
85 | +</tr> | |
86 | +<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
87 | +<tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr> | |
88 | +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white >geoprocessamento@mma.gov.br</td></tr> | |
89 | + | |
90 | +</table> | |
91 | +<center> | |
92 | +<br><br> | |
93 | +<table> | |
94 | +<tr> | |
95 | + <td><center><h1><div id=versaoi3geo ></div><h2>i3Geo - Software livre para criação de mapas interativos e geoprocessamento<h3>Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></h2></h1></td> | |
96 | +</tr> | |
97 | +<tr> | |
98 | + <td style="padding:10px;"><center><img alt="logomarca" src='../imagens/logo_inicio.png'></td> | |
99 | +</tr> | |
100 | +<tr> | |
101 | + <td><center> | |
102 | + </td> | |
103 | +</tr> | |
104 | +</table> | |
105 | +<script type="text/javascript"> | |
106 | +/* | |
107 | +Title: Interface padrão dos Atlas | |
108 | + | |
109 | +Define o layout do mapa quando um atlas é aberto por http://localhost/i3geo/atlas | |
110 | + | |
111 | +File: i3geo/atlas/geral.htm | |
112 | + | |
113 | +*/ | |
114 | +/* | |
115 | + Indica a localização correta do i3geo. | |
116 | + | |
117 | + É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
118 | +*/ | |
119 | +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
120 | + | |
121 | +i3GEO.Interface.ATUAL = "openlayers"; | |
122 | +i3GEO.Interface.IDCORPO = "contemImg"; | |
123 | +i3GEO.configura.diminuixN = 20 | |
124 | + | |
125 | +i3GEO.Interface.openlayers.GADGETS = { | |
126 | + PanZoomBar:true, | |
127 | + PanZoom:false, | |
128 | + LayerSwitcher:true, | |
129 | + ScaleLine:true, | |
130 | + OverviewMap:false | |
131 | + }; | |
132 | +i3GEO.Interface.openlayers.TILES = false; | |
133 | +/* | |
134 | +Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
135 | +Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
136 | +*/ | |
137 | +i3GEO.cria(); | |
138 | +i3GEO.finaliza = "iniciaAtlas()"; | |
139 | +/* | |
140 | + Inicializa o mapa | |
141 | +*/ | |
142 | +i3GEO.barraDeBotoes.AUTOALTURA = false; | |
143 | +i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
144 | +i3GEO.barraDeBotoes.PERMITEFECHAR = true; | |
145 | +i3GEO.barraDeBotoes.PERMITEDESLOCAR = true; | |
146 | +i3GEO.barraDeBotoes.AUTO = true; | |
147 | +i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
148 | + | |
149 | +i3GEO.Interface.BARRABOTOESLEFT = 50; | |
150 | +i3GEO.Interface.BARRABOTOESTOP = 10; | |
151 | + | |
152 | +i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
153 | +i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
154 | +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
155 | +i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true; | |
156 | +// | |
157 | +//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
158 | +// | |
159 | +OpenLayers.ImgPath = "../pacotes/openlayers/img/" | |
160 | +// | |
161 | +//adiciona camadas que podem ser ativadas como fundo do mapa | |
162 | +// | |
163 | +var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
164 | + "ESRI Imagery World 2D", | |
165 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
166 | + {}, | |
167 | + {isBaseLayer:true,visibility:false} | |
168 | +); | |
169 | +var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
170 | + "ESRI World Street Map", | |
171 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
172 | + {}, | |
173 | + {isBaseLayer:true,visibility:false} | |
174 | +); | |
175 | +var bra = new OpenLayers.Layer.WMS( | |
176 | + "Base carto MMA", | |
177 | + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
178 | + {layers:"baseraster",srs:"EPSG:4291",format:"image/png",isBaseLayer:false}, | |
179 | + {isBaseLayer:true,visibility:false} | |
180 | +); | |
181 | +var osm = new OpenLayers.Layer.WMS( | |
182 | + "Open Street Map", | |
183 | + "http://full.wms.geofabrik.de/std/demo_key", | |
184 | + {layers:""}, | |
185 | + {isBaseLayer:true,visibility:false} | |
186 | +); | |
187 | + | |
188 | +i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra,osm]; | |
189 | + | |
190 | +// | |
191 | +//inicia o mapa | |
192 | +// | |
193 | +i3GEO.inicia(); | |
194 | +</script> | |
195 | +</body> | |
196 | +</html> | ... | ... |
... | ... | @@ -0,0 +1,53 @@ |
1 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | |
2 | +<html> | |
3 | +<head> | |
4 | +<title>i3Geo - Atlas</title> | |
5 | +<script type="text/javascript" src="../classesjs/i3geo.js"></script> | |
6 | +<script type="text/javascript" src="../classesjs/atlas.js"></script> | |
7 | +</head> | |
8 | +<style> | |
9 | +radio | |
10 | +{cursor:pointer;} | |
11 | +.titulo | |
12 | +{ | |
13 | + text-align:left; | |
14 | + border: 0px solid #FFFFFF; | |
15 | + font-family: Verdana, Arial, Helvetica, sans-serif; | |
16 | + position:relative; | |
17 | + font-size:12pt; | |
18 | + font-weight:bold; | |
19 | +} | |
20 | +.descricao | |
21 | +{ | |
22 | + text-align:left; | |
23 | + border: 0px solid #FFFFFF; | |
24 | + font-family: Verdana, Arial, Helvetica, sans-serif; | |
25 | + position:relative; | |
26 | + font-size:10pt; | |
27 | + color:gray; | |
28 | + left:20px; | |
29 | +} | |
30 | + | |
31 | +</style> | |
32 | +<body style=background-color:white > | |
33 | +<center> | |
34 | +<img src='../imagens/i3geo1.jpg' /><br> | |
35 | +<div id='tituloinstituicao' class="titulo" style="color:gray;width:500px;font-size:14pt;text-align:center;" > | |
36 | +</div><br> | |
37 | + | |
38 | +<div class="titulo" style="width:500px;font-size:14pt;text-align:center;" > | |
39 | +Escolha o Atlas que você quer abrir: | |
40 | +</div><br> | |
41 | +<div id="listaAtlas" style="width:500px;text-align:left" >Aguarde...</div> | |
42 | +</body> | |
43 | +<script> | |
44 | +/* | |
45 | +Title: index.htm | |
46 | + | |
47 | +Apresenta os links para abrir cada Atlas. | |
48 | + | |
49 | +File: atlas/index.htm | |
50 | +*/ | |
51 | +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
52 | +iniciaListaAtlas(); | |
53 | +</script> | |
0 | 54 | \ No newline at end of file | ... | ... |
... | ... | @@ -0,0 +1,25 @@ |
1 | +<html> | |
2 | +<head> | |
3 | +<meta http-equiv="Category" content="Geoprocessamento"> | |
4 | +<meta name= "description" content= "Interface integrada de ferramentas de geoprocessamento para internet - I3Geo"> | |
5 | +<meta name="keywords" content="mapserver,i3geo,geoprocessamento,mapa,gis,sig,geografia, cartografia"> | |
6 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
7 | +</head> | |
8 | +<body> | |
9 | +<pre> | |
10 | +Mapa interativo I3Geo | |
11 | +Elaborado com Mapserver e PHP-Mapscript | |
12 | +O I3Geo é software livre! | |
13 | +Áreas: meio-ambiente, geoprocessamento, SIG | |
14 | +</body> | |
15 | +<script> | |
16 | +/* | |
17 | +Title: index.html | |
18 | + | |
19 | +Redirecionador HTML para o index.htm da interface Atlas | |
20 | + | |
21 | +File: atlas/index.html | |
22 | +*/ | |
23 | +window.location="index.htm" | |
24 | +</script> | |
25 | +</html> | |
0 | 26 | \ No newline at end of file | ... | ... |
... | ... | @@ -0,0 +1,8 @@ |
1 | +<html> | |
2 | +<body> | |
3 | +Isso é um teste para mostrar que ao abrir o atlas pode ser apresentada uma janela de informações.<br> | |
4 | +Nessa janela vc pode incluir uma saudação de boas vindas ou então um texto explicativo sobre o seu Atlas.<br> | |
5 | +Vc pode utilizar qualquer endereço web válido para colocar aqui.<br><br> | |
6 | +<img src="../imagens/i3geo2.jpg /> | |
7 | +</body> | |
8 | +</html> | |
0 | 9 | \ No newline at end of file | ... | ... |