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 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | 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 | border: 0px solid #FFFFFF; | 10 | border: 0px solid #FFFFFF; |
| 9 | font-family: Verdana, Arial, Helvetica, sans-serif; | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 173 | \ No newline at end of file |