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 | ... | ... |