Commit 4b2ffa6969caf5e2bbc0507ba44dd334f64d4c7f
1 parent
0677021e
Exists in
master
and in
7 other branches
Ajustes no layout do indice de mashups
Showing
1 changed file
with
166 additions
and
75 deletions
Show diff stats
mashups/index.html
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
2 | -<html><head> | |
3 | - | |
4 | -<title>i3Geo</title><link rel="stylesheet" type="text/css" href="../admin/html/admin.css"><style> | |
5 | -body,td | |
6 | -{ | |
7 | - text-align:left; | |
2 | +<html> | |
3 | +<head> | |
4 | + | |
5 | +<title>i3Geo</title> | |
6 | +<link rel="stylesheet" type="text/css" href="../admin/html/admin.css"> | |
7 | +<style> | |
8 | +body,td { | |
9 | + text-align: left; | |
8 | 10 | border: 0px solid #FFFFFF; |
9 | 11 | font-family: Verdana, Arial, Helvetica, sans-serif; |
10 | - position:relative; | |
11 | - font-size:10pt; | |
12 | - padding-bottom:10px; | |
12 | + position: relative; | |
13 | + font-size: 10pt; | |
14 | + padding-bottom: 10px; | |
13 | 15 | } |
14 | 16 | |
15 | -</style></head> | |
16 | - | |
17 | - | |
18 | - | |
19 | -<body class="yui-skin-sam fundoPonto"> | |
20 | -<center> | |
21 | -<div class="bordaSuperior"> </div> | |
22 | -<div class="mascaraPrincipal" id="divGeral" style="height: 2000px;"> | |
23 | - <img src="../imagens/i3geo1.jpg"><br> | |
24 | - <h1>Mashups do i3geo</h1> | |
25 | - <p>Mashups são pequenos programas que podem ser facilmente inseridos em páginas HTML e que mostram determinados conteúdos.</p> | |
26 | - <p>No caso do i3Geo, os mashups mostram mapas tendo como base o conjunto de temas existentes no diretório i3geo/temas.</p> | |
27 | - <p><b>Atenção:</b><br> | |
28 | - Se você estiver usando o i3Geo em um servidor Linux remova da URL dos testes as referências aos temas cujo nome inicie com "_w". Se estiver usando Linux, remova os temas que iniciem com "_l". | |
29 | - </p> | |
30 | - <p><b>OpenLayers</b></p> | |
31 | - <p>O <a href="http://openlayers.org">OpenLayers</a> é uma biblioteca em javascript bastante popular. Possuí uma interface simples mas que pode | |
32 | - conter um grande número de funcionalidades.</p> | |
33 | - <p>Para ver todos os parâmetros: <a href="openlayers.php">i3geo/mashups/openlayers.php</a></p> | |
34 | - <p>O gerador de Web Services do i3GEO pode ser utilizado para abrir o mashup. Exemplo: <a href="../ogc.php?temas=_wbiomashp,_lbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10">ogc.php?temas=_wbiomashp,_lbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10</a></p> | |
35 | - <p>Exemplo: todas as opções e um tema adicionado <a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&altura=500">openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&altura=500</a></p> | |
36 | - <p>Exemplo: duas camadas mas com apenas uma visível na inicialização do mapa <a href="openlayers.php?temas=_wbiomashp,_lbiomashp,_wlocali,_llocali&largura=800&altura=500&visiveis=_wbiomashp,_lbiomashp">openlayers.php?temas=_wbiomashp,_lbiomashp,locali&largura=800&altura=500&visiveis=_wbiomashp,_lbiomashp</a></p> | |
37 | - <p>Exemplo: zoom para uma região <a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&mapext=-68.39967%20-12.16172%20-62.67402%20-5.366808">openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&mapext=-68.39967 -12.16172 -62.67402 -5.366808</a></p> | |
38 | - <p>Exemplo: Botões principais e barra de zoom maior <a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10">openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&botoes=pan,zoombox,zoomtot,</a></p><p><a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10">distancia,area,identifica&numzoomlevels=10</a> | |
39 | - </p><p>Exemplo: Inclusão de pontos <a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&pontos=-54%20-12%20-56%20-15">openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&pontos=-54 -12 -56 -15</a> | |
40 | - </p><p>Exemplo: Camada adicional como fundo <a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&fundo=_wbiomashp,_lbiomashp">openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&fundo=_wbiomashp,_lbiomashp</a> | |
41 | - </p><p>Exemplo: KML <a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml">openlayers.php?temas=_wbiomashp,_lbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml</a> | |
42 | -</p></div> | |
43 | - | |
44 | -<script> | |
45 | -/* | |
46 | -Title: Mashups | |
47 | - | |
48 | -Como usar os mashups do i3geo | |
49 | -Link: | |
50 | - | |
51 | -http://localhost/i3geo/mashup | |
52 | - | |
53 | -Arquivo: | |
54 | - | |
55 | -mashup/index.htm | |
56 | - | |
57 | -Licenca: | |
58 | - | |
59 | - GPL2 | |
60 | - | |
61 | - I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | |
62 | - | |
63 | - Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil | |
64 | - Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br | |
65 | - | |
66 | - Este programa é software livre; você pode redistribuí-lo | |
67 | - e/ou modificá-lo sob os termos da Licença Pública Geral | |
68 | - GNU conforme publicada pela Free Software Foundation; | |
69 | - | |
70 | - Este programa é distribuído na expectativa de que seja útil, | |
71 | - porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | |
72 | - de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | |
73 | - Consulte a Licença Pública Geral do GNU para mais detalhes. | |
74 | - Você deve ter recebido uma c�pia da Licença Pública Geral do | |
75 | - GNU junto com este programa; se não, escreva para a | |
76 | - Free Software Foundation, Inc., no endereço | |
77 | - 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | |
78 | - | |
79 | -*/ | |
80 | -</script></center></body></html> | |
81 | 17 | \ No newline at end of file |
18 | +.m { | |
19 | + font-size: 11pt; | |
20 | + margin-left: 10px; | |
21 | +} | |
22 | +</style> | |
23 | +</head> | |
24 | +<body class="yui-skin-sam fundoPonto"> | |
25 | + <center> | |
26 | + <div class="bordaSuperior"> </div> | |
27 | + <div class="mascaraPrincipal" id="divGeral" style="height: 2000px;"> | |
28 | + <img src="../imagens/i3geo1.jpg"><br> | |
29 | + <h1>Mashups do i3geo</h1> | |
30 | + <p>Mashups são pequenos programas que podem ser facilmente inseridos em páginas HTML e que mostram determinados | |
31 | + conteúdos.</p> | |
32 | + <p>No caso do i3Geo, os mashups mostram mapas tendo como base o conjunto de temas existentes no diretório i3geo/temas.</p> | |
33 | + | |
34 | + <p> | |
35 | + <b>OpenLayers</b> | |
36 | + </p> | |
37 | + <fieldset> | |
38 | + <p> | |
39 | + O <a href="http://openlayers.org" target=_blank>OpenLayers</a> é uma biblioteca em javascript bastante popular. Possuí | |
40 | + uma interface simples mas que pode conter um grande número de funcionalidades. | |
41 | + </p> | |
42 | + <p> | |
43 | + Para ver todos os parâmetros: <a target=_blank href="openlayers.php">i3geo/mashups/openlayers.php</a> | |
44 | + </p> | |
45 | + <p> | |
46 | + Para usar o Open Street Map (OSM) utilize o endereço <a target=_blank href="osm.php">i3geo/mashups/osm.php</a> | |
47 | + </p> | |
48 | + <p>Nos exemplos, basta substituir openlayers.php por osm.php:</p> | |
49 | + <p class="m"> | |
50 | + Windows: <a target=_blank href="osm.php?temas=_wbiomashp&largura=800&altura=500">osm.php?temas=_wbiomashp&largura=800&altura=500</a> | |
51 | + </p> | |
52 | + <p class="m"> | |
53 | + Linux: <a target=_blank href="osm.php?temas=_lbiomashp&largura=800&altura=500">osm.php?temas=_lbiomashp&largura=800&altura=500</a> | |
54 | + </p> | |
55 | + <p>O gerador de Web Services do i3GEO pode ser utilizado para abrir o mashup.</p> | |
56 | + <p class="m"> | |
57 | + Windows: <a target=_blank href="../ogc.php?temas=_wbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10">ogc.php?temas=_wbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10</a> | |
58 | + </p> | |
59 | + <p class="m"> | |
60 | + Linux: <a target=_blank href="../ogc.php?temas=_lbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10">ogc.php?temas=_lbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10</a> | |
61 | + </p> | |
62 | + </fieldset> | |
63 | + <fieldset> | |
64 | + <p>Todas as opções e um tema adicionado</p> | |
65 | + <p class="m"> | |
66 | + Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&altura=500">openlayers.php?temas=_wbiomashp&largura=800&altura=500</a> | |
67 | + </p> | |
68 | + <p class="m"> | |
69 | + Linux: <a target=_blank href="openlayers.php?temas=_lbiomashp&largura=800&altura=500">openlayers.php?temas=_lbiomashp&largura=800&altura=500</a> | |
70 | + </p> | |
71 | + </fieldset> | |
72 | + <fieldset> | |
73 | + <p> | |
74 | + Duas camadas mas com apenas uma visível na inicialização do mapa <a target=_blank | |
75 | + href="openlayers.php?temas=_wbiomashp,_lbiomashp,_wlocali,_llocali&largura=800&altura=500&visiveis=_wbiomashp,_lbiomashp">openlayers.php?temas=_wbiomashp,_lbiomashp,locali&largura=800&altura=500&visiveis=_wbiomashp,_lbiomashp</a> | |
76 | + </p> | |
77 | + </fieldset> | |
78 | + <fieldset> | |
79 | + <p>Zoom para uma região</p> | |
80 | + <p class="m"> | |
81 | + Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&mapext=-68.39967%20-12.16172%20-62.67402%20-5.366808">openlayers.php?temas=_wbiomashp&largura=800&mapext=-68.39967 | |
82 | + -12.16172 -62.67402 -5.366808</a> | |
83 | + </p> | |
84 | + <p class="m"> | |
85 | + Linux: <a target=_blank href="openlayers.php?temas=_lbiomashp&largura=800&mapext=-68.39967%20-12.16172%20-62.67402%20-5.366808">openlayers.php?temas=_lbiomashp&largura=800&mapext=-68.39967 | |
86 | + -12.16172 -62.67402 -5.366808</a> | |
87 | + </p> | |
88 | + </fieldset> | |
89 | + <fieldset> | |
90 | + <p>Botões principais e barra de zoom maior</p> | |
91 | + <p class="m"> | |
92 | + Windows: <a target=_blank | |
93 | + href="openlayers.php?temas=_wbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10">openlayers.php?temas=_wbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10</a> | |
94 | + </p> | |
95 | + <p class="m"> | |
96 | + Linux: <a target=_blank | |
97 | + href="openlayers.php?temas=_lbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10">openlayers.php?temas=_lbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10</a> | |
98 | + </p> | |
99 | + </fieldset> | |
100 | + <fieldset> | |
101 | + <p>Inclusão de pontos</p> | |
102 | + <p class="m"> | |
103 | + Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&pontos=-54%20-12%20-56%20-15">openlayers.php?temas=_wbiomashp&largura=800&pontos=-54 | |
104 | + -12 -56 -15</a> | |
105 | + </p> | |
106 | + <p class="m"> | |
107 | + Linux: <a target=_blank href="openlayers.php?temas=_lbiomashp&largura=800&pontos=-54%20-12%20-56%20-15">openlayers.php?temas=_lbiomashp&largura=800&pontos=-54 | |
108 | + -12 -56 -15</a> | |
109 | + </p> | |
110 | + </fieldset> | |
111 | + <fieldset> | |
112 | + <p>Camada adicional como fundo</p> | |
113 | + <p class="m"> | |
114 | + Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&fundo=_wbiomashp">openlayers.php?temas=_wbiomashp&largura=800&fundo=_wbiomashp</a> | |
115 | + </p> | |
116 | + <p class="m"> | |
117 | + Linux: <a target=_blank href="openlayers.php?temas=_lbiomashp&largura=800&fundo=_lbiomashp&largura=800&fundo=_lbiomashp">openlayers.php?temas=_lbiomashp&largura=800&fundo=_lbiomashp</a> | |
118 | + </p> | |
119 | + </fieldset> | |
120 | + <fieldset> | |
121 | + | |
122 | + <p>KML</p> | |
123 | + <p class="m"> | |
124 | + Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml">openlayers.php?temas=_wbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml</a> | |
125 | + </p> | |
126 | + <p class="m"> | |
127 | + Linux: <a target=_blank href="openlayers.php?temas=_lbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml">openlayers.php?temas=_lbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml</a> | |
128 | + </p> | |
129 | + | |
130 | + </fieldset> | |
131 | + </div> | |
132 | + | |
133 | + <script> | |
134 | + /* | |
135 | + Title: Mashups | |
136 | + | |
137 | + Como usar os mashups do i3geo | |
138 | + Link: | |
139 | + | |
140 | + http://localhost/i3geo/mashup | |
141 | + | |
142 | + Arquivo: | |
143 | + | |
144 | + mashup/index.htm | |
145 | + | |
146 | + Licenca: | |
147 | + | |
148 | + GPL2 | |
149 | + | |
150 | + I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | |
151 | + | |
152 | + Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil | |
153 | + Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br | |
154 | + | |
155 | + Este programa é software livre; você pode redistribuí-lo | |
156 | + e/ou modificá-lo sob os termos da Licença Pública Geral | |
157 | + GNU conforme publicada pela Free Software Foundation; | |
158 | + | |
159 | + Este programa é distribuído na expectativa de que seja útil, | |
160 | + porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | |
161 | + de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | |
162 | + Consulte a Licença Pública Geral do GNU para mais detalhes. | |
163 | + Você deve ter recebido uma c�pia da Licença Pública Geral do | |
164 | + GNU junto com este programa; se não, escreva para a | |
165 | + Free Software Foundation, Inc., no endereço | |
166 | + 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | |
167 | + | |
168 | + */ | |
169 | + </script> | |
170 | + </center> | |
171 | +</body> | |
172 | +</html> | |
82 | 173 | \ No newline at end of file | ... | ... |