Commit 4b2ffa6969caf5e2bbc0507ba44dd334f64d4c7f

Authored by Edmar Moretti
1 parent 0677021e

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">&nbsp;</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&atilde;o pequenos programas que podem ser facilmente inseridos em p&aacute;ginas HTML e que mostram determinados conte&uacute;dos.</p>
26   - <p>No caso do i3Geo, os mashups mostram mapas tendo como base o conjunto de temas existentes no diret&oacute;rio i3geo/temas.</p>
27   - <p><b>Aten&ccedil;&atilde;o:</b><br>
28   - Se voc&ecirc; estiver usando o i3Geo em um servidor Linux remova da URL dos testes as refer&ecirc;ncias aos temas cujo nome inicie com &quot;_w&quot;. Se estiver usando Linux, remova os temas que iniciem com &quot;_l&quot;.
29   - </p>
30   - <p><b>OpenLayers</b></p>
31   - <p>O <a href="http://openlayers.org">OpenLayers</a> &eacute; uma biblioteca em javascript bastante popular. Possu&iacute; uma interface simples mas que pode
32   - conter um grande n&uacute;mero de funcionalidades.</p>
33   - <p>Para ver todos os par&acirc;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&amp;format=application/openlayers&amp;bbox=-54,-14,-50,-10</a></p>
35   - <p>Exemplo: todas as op&ccedil;&otilde;es e um tema adicionado <a href="openlayers.php?temas=_wbiomashp,_lbiomashp&largura=800&altura=500">openlayers.php?temas=_wbiomashp,_lbiomashp&amp;largura=800&amp;altura=500</a></p>
36   - <p>Exemplo: duas camadas mas com apenas uma vis&iacute;vel na inicializa&ccedil;&atilde;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&amp;largura=800&amp;altura=500&amp;visiveis=_wbiomashp,_lbiomashp</a></p>
37   - <p>Exemplo: zoom para uma regi&atilde;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&amp;largura=800&amp;mapext=-68.39967 -12.16172 -62.67402 -5.366808</a></p>
38   - <p>Exemplo: Bot&otilde;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&amp;largura=800&amp;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&amp;numzoomlevels=10</a>
39   - </p><p>Exemplo: Inclus&atilde;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&amp;largura=800&amp;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&amp;largura=800&amp;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&amp;largura=700&amp;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&eacute;rio do Meio Ambiente Brasil
64   - Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
65   -
66   - Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo
67   - e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral
68   - GNU conforme publicada pela Free Software Foundation;
69   -
70   - Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,
71   - por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita
72   - de COMERCIABILIDADE OU ADEQUA&Ccedil;&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.
73   - Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.
74   - Voc&ecirc; deve ter recebido uma c�pia da Licen&ccedil;a P&uacute;blica Geral do
75   - GNU junto com este programa; se n&atilde;o, escreva para a
76   - Free Software Foundation, Inc., no endere&ccedil;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">&nbsp;</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&atilde;o pequenos programas que podem ser facilmente inseridos em p&aacute;ginas HTML e que mostram determinados
  31 + conte&uacute;dos.</p>
  32 + <p>No caso do i3Geo, os mashups mostram mapas tendo como base o conjunto de temas existentes no diret&oacute;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> &eacute; uma biblioteca em javascript bastante popular. Possu&iacute;
  40 + uma interface simples mas que pode conter um grande n&uacute;mero de funcionalidades.
  41 + </p>
  42 + <p>
  43 + Para ver todos os par&acirc;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&ccedil;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&amp;largura=800&amp;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&amp;largura=800&amp;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&amp;format=application/openlayers&amp;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&amp;format=application/openlayers&amp;bbox=-54,-14,-50,-10</a>
  61 + </p>
  62 + </fieldset>
  63 + <fieldset>
  64 + <p>Todas as op&ccedil;&otilde;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&amp;largura=800&amp;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&amp;largura=800&amp;altura=500</a>
  70 + </p>
  71 + </fieldset>
  72 + <fieldset>
  73 + <p>
  74 + Duas camadas mas com apenas uma vis&iacute;vel na inicializa&ccedil;&atilde;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&amp;largura=800&amp;altura=500&amp;visiveis=_wbiomashp,_lbiomashp</a>
  76 + </p>
  77 + </fieldset>
  78 + <fieldset>
  79 + <p>Zoom para uma regi&atilde;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&amp;largura=800&amp;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&amp;largura=800&amp;mapext=-68.39967
  86 + -12.16172 -62.67402 -5.366808</a>
  87 + </p>
  88 + </fieldset>
  89 + <fieldset>
  90 + <p>Bot&otilde;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&amp;largura=800&amp;botoes=pan,zoombox,zoomtot,distancia,area,identifica&amp;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&amp;largura=800&amp;botoes=pan,zoombox,zoomtot,distancia,area,identifica&amp;numzoomlevels=10</a>
  98 + </p>
  99 + </fieldset>
  100 + <fieldset>
  101 + <p>Inclus&atilde;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&amp;largura=800&amp;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&amp;largura=800&amp;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&amp;largura=800&amp;fundo=_wbiomashp</a>
  115 + </p>
  116 + <p class="m">
  117 + Linux: <a target=_blank href="openlayers.php?temas=_lbiomashp&largura=800&fundo=_lbiomashp&amp;largura=800&amp;fundo=_lbiomashp">openlayers.php?temas=_lbiomashp&amp;largura=800&amp;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&amp;largura=700&amp;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&amp;largura=700&amp;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&eacute;rio do Meio Ambiente Brasil
  153 + Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
  154 +
  155 + Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo
  156 + e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral
  157 + GNU conforme publicada pela Free Software Foundation;
  158 +
  159 + Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,
  160 + por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita
  161 + de COMERCIABILIDADE OU ADEQUA&Ccedil;&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.
  162 + Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.
  163 + Voc&ecirc; deve ter recebido uma c�pia da Licen&ccedil;a P&uacute;blica Geral do
  164 + GNU junto com este programa; se n&atilde;o, escreva para a
  165 + Free Software Foundation, Inc., no endere&ccedil;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
... ...