Download as
Browse Code »

Commit 50875af7861c5d65a7e8217f751b0e44553fa00d

Authored by Edmar Moretti
1 parent 9575b582
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Ajustes no estilo da página ogc.htm

Showing 1 changed file with 246 additions and 130 deletions   Show diff stats
ogc.htm
  Diff comments   View file @50875af
... ... @@ -7,140 +7,256 @@
7 7 <meta name="keywords" content="WMS OGC mapa sig gis webmapping geo geoprocessamento interativo meio ambiente MMA cartografia geografia">
8 8 <meta name="robots" content="index,follow">
9 9 <script type="text/javascript" src="classesjs/i3geo.js"></script>
  10 +<link rel="stylesheet" type="text/css" href="admin/html/admin.css">
10 11 <style>
11   -P
12   -{padding-top:12px;COLOR: #2F4632;text-align: left;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
13   -#arvoreTemas
14   -{width:280px;}
15   -#corpo
16   -{text-align:left;font-size:12px;width:450px;position:absolute;top:0px;left:300px;background:rgb(250,250,250);}
17   -#bandeiras
18   -{width:80px;text-align:left;}
  12 +.ajuda_usuario {
  13 + margin-left: 10px;
  14 +}
  15 +P {
  16 + padding-top: 12px;
  17 + COLOR: #2F4632;
  18 + text-align: left;
  19 + font-size: 12px;
  20 + font-family: Verdana, Arial, Helvetica, sans-serif;
  21 +}
  22 +
  23 +#corpo {
  24 + text-align: left;
  25 + font-size: 12px;
  26 + width: 450px;
  27 + position: absolute;
  28 + top: 0px;
  29 + left: 300px;
  30 + background: rgb(250, 250, 250);
  31 +}
  32 +
  33 +#arvoreTemas {
  34 + width: 280px;
  35 +}
  36 +
  37 +body {
  38 + padding-top: 0px;
  39 + COLOR: #2F4632;
  40 + text-align: center;
  41 + font-size: 0.6cm;
  42 + font-family: Verdana, Arial, Helvetica, sans-serif;
  43 + background-color: rgb(250, 250, 250);
  44 + margin: auto;
  45 +}
  46 +
  47 +#brasil {
  48 + background-image: url("imagens/sprite.png");
  49 + background-position: 0 -600px;
  50 + background-repeat: no-repeat;
  51 + cursor: pointer;
  52 + height: 10px;
  53 + width: 20px;
  54 +}
  55 +
  56 +#uk {
  57 + background-image: url("imagens/sprite.png");
  58 + background-position: 0 -625px;
  59 + background-repeat: no-repeat;
  60 + cursor: pointer;
  61 + height: 10px;
  62 + width: 20px;
  63 +}
  64 +
  65 +#espanhol {
  66 + background-image: url("imagens/sprite.png");
  67 + background-position: 0 -1400px;
  68 + background-repeat: no-repeat;
  69 + cursor: pointer;
  70 + height: 10px;
  71 + width: 20px;
  72 +}
  73 +
  74 +#bandeiras img {
  75 + margin-left: 7px;
  76 +}
  77 +
  78 +#bandeiras {
  79 + width: 100px;
  80 + text-align: left;
  81 + position: absolute;
  82 + left: 0.2cm;
  83 + z-index: 10;
  84 +}
  85 +
  86 +a {
  87 + margin: 0px auto;
  88 + text-decoration: none;
  89 + font-size: 14px;
  90 + color: #26298D;
  91 + outline: none;
  92 +}
  93 +
  94 +A:hover {
  95 + color: #4142ff;
  96 +}
  97 +
  98 +.borda {
  99 + background-color: #990000;
  100 + padding: 5px 0px 5px 0px;
  101 + text-align: left;
  102 + width: 100%;
  103 +}
19 104 </style>
20   -<link rel="stylesheet" type="text/css" href="admin/html/admin.css">
  105 +
21 106 </head>
22   -<body class=" yui-skin-sam fundoPonto">
23   -<div class="bordaSuperior" >&nbsp;</div>
24   -<div class="mascaraPrincipal" id="divGeral" style='height:20000px' >
25   - <div id="bandeiras" ></div>
26   - <br>
27   - <div id=arvoreTemas >
28   - <p>Carregando &aacute;rvore...
  107 +<body class=" yui-skin-sam " style="background-color: rgb(250, 250, 250);">
  108 + <div class="borda">
  109 + <div id="bandeiras"></div>
  110 + <div style="text-align: center">
  111 + <a href="http://www.softwarepublico.gov.br" target="_blank" style="color: white;"> <b>i3Geo 6.0</b>
  112 + </a>
  113 + </div>
29 114 </div>
30   - <!-- aqui vai o corpo da aplica&ccedil;&atilde;o -->
31   - <div id=corpo style="background-color:rgb(250,250,250)">
32   - <H1>Web services OGC</H1>
33   - <p>Navegue pela &aacute;rvore ao lado para localizar o tema desejado.
34   - <p>Clicando-se em um tema, &eacute; mostrado o endere&ccedil;o do servi&ccedil;o OGC.
35   - <p>Os servi&ccedil;os s&atilde;o Web Wervices que possibilitam o acesso aos dados dispon&iacute;veis nessa instala&ccedil;&atilde;o do i3Geo.
36   - <p>A lista de temas baseia-se nas configura&ccedil;&otilde;es espec&iacute;ficas de cada servidor onde o i3Geo est&aacute; instalado.
37   - <p>Voc&ecirc; pode usar um Web Service para acessar os dados configurados nesse servidor por meio de outros softwares de geoprocessamento, como o <a href="http://www.gvsig.gva.es/index.php?id=gvsig&L=0" >gvSIG.</a>
38   - <p>Para maiores informa&ccedil;&otilde;es sobre o uso de web services, veja <a href='http://www.opengeospatial.org/standards' target=blank >http://www.opengeospatial.org/standards</a>
39   - <p>Bookmark: <span id=bm1 ></span>
40   - <p><div style=text-align:left id=curtir ></div>
  115 +
  116 + <div id="conteudo" style="position: relative; top: 10px; margin: auto; max-width: 1000px; left: 10px;">
  117 +
  118 + <div id=arvoreTemas>
  119 + <p>Carregando &aacute;rvore...
  120 + </div>
  121 + <!-- aqui vai o corpo da aplica&ccedil;&atilde;o -->
  122 + <div id=corpo style="background-color: rgb(250, 250, 250)">
  123 + <H1>Web services OGC</H1>
  124 + <p>Navegue pela &aacute;rvore ao lado para localizar o tema desejado.
  125 + <p>Clicando-se em um tema, &eacute; mostrado o endere&ccedil;o do servi&ccedil;o OGC.
  126 + <p>Os servi&ccedil;os s&atilde;o Web Wervices que possibilitam o acesso aos dados dispon&iacute;veis nessa instala&ccedil;&atilde;o do i3Geo.
  127 + <p>A lista de temas baseia-se nas configura&ccedil;&otilde;es espec&iacute;ficas de cada servidor onde o i3Geo est&aacute; instalado.
  128 + <p>
  129 + Voc&ecirc; pode usar um Web Service para acessar os dados configurados nesse servidor por meio de outros softwares de geoprocessamento, como o <a href="http://www.gvsig.gva.es/index.php?id=gvsig&L=0">gvSIG.</a>
  130 + <p>
  131 + Para maiores informa&ccedil;&otilde;es sobre o uso de web services, veja <a href='http://www.opengeospatial.org/standards' target=blank>http://www.opengeospatial.org/standards</a>
  132 + <p>
  133 + Bookmark: <span id=bm1></span>
  134 + <p>
  135 + <div style="text-align: left" id=curtir></div>
  136 + </div>
41 137 </div>
42   -</div>
43   -<script>
44   -/*
45   -Monta uma &aacute;rvore de temas permitindo que o usu&aacute;rio clique em um deles e veja o endere&ccedil;o para acesso aos dados via WMS.
46   -
47   -File: i3geo/ogc.htm
48   -About: Licen&ccedil;a
49   -
50   -I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
51   -
52   -Direitos Autorais Reservados (c) 2006 Minist&eacute;rio do Meio Ambiente Brasil
53   -Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
54   -
55   -Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo
56   -e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral
57   -GNU conforme publicada pela Free Software Foundation;
58   -
59   -Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,
60   -por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita
61   -de COMERCIABILIDADE OU ADEQUA&Ccedil;&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.
62   -Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.
63   -Voc&ecirc; deve ter recebido uma cópia da Licen&ccedil;a P&uacute;blica Geral do
64   -GNU junto com este programa; se n&atilde;o, escreva para a
65   -Free Software Foundation, Inc., no endere&ccedil;o
66   -59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
67   -*/
68   -/*
69   -Gera o endere&ccedil;o do webservice do tema escolhido
70   -
71   -Parameters:
72   -
73   -botao - objeto do tipo input com o valor do tema para acesso
74   -*/
75   -function ogc_endereco(botao)
76   -{
77   - botao.checked = false;
78   - tema = botao.value;
79   - if(tema === undefined){
80   - tema = botao.title;
81   - }
82   - ins = "<H1>Endere&ccedil;o do web service:</H1>";
83   - var re = new RegExp(".htm", "g");
84   - var servico = window.location.href.replace(re,'.php?');
85   - var s = ""; //"tema="+tema;
86   - if(botao.name === "metaestat"){
87   - s = "id_medida_variavel="+tema.split("_")[1] + "&";
88   - }
89   - if(botao.name === "mapaCadastrado"){
90   - s = "restauramapa="+tema.split("_")[1] + "&";
91   - tema = "";
92   - }
93   -
94   - servico += s;
95   - ins += "<p>"+servico;
96   - ins += "<p>Bookmark: <span id=bm ></span>";
97   - ins += "<p><iframe src='http://www.facebook.com/plugins/like.php?href="+servico+"&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:100px; height:21px;' allowTransparency='true'></iframe>";
98   - ins += "<p><a target=blank href='"+servico+"service=wms&version=1.1.1&request=getcapabilities&layers="+tema+"' />GetCapabilities</a>";
99   - ins += "<p><a target=blank href='"+servico+"SRS=EPSG:4618&WIDTH=500&HEIGHT=500&BBOX=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&FORMAT=image/png&service=wms&version=1.1.0&request=getmap&layers="+tema+"' />testar getmap</a>";
100   - ins += "<p><a target=blank href='"+servico+"format=application/openlayers&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&layers="+tema+"' />visualizar com openLayers</a>";
101   - ins += "<p><a target=blank href='"+servico+"OUTPUTFORMAT=shape-zip&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />download shapefile via WFS</a>";
102   - ins += "<p><a target=blank href='"+servico+"OUTPUTFORMAT=csv&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />download CSV via WFS</a>";
103   - ins += "<p><a target=blank href='"+servico+"OUTPUTFORMAT=kmz&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />download KMZ</a>";
104   - ins += "<p><a target=blank href='"+servico+"OUTPUTFORMAT=geojson&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />GeoJson</a>";
105   -
106   - if(!$i("panellistaarquivos")){
107   - YAHOO.namespace("datadownloadLista");
108   - YAHOO.datadownloadLista.panel = new YAHOO.widget.Panel("panellistaarquivos", {zIndex:2000, iframe:false, width:"450px",align:"left", visible:false, draggable:true, close:true, modal:true } );
109   - YAHOO.datadownloadLista.panel.setHeader("OGC");
110   - YAHOO.datadownloadLista.panel.setBody("");
111   - YAHOO.datadownloadLista.panel.setFooter("");
112   - YAHOO.datadownloadLista.panel.render(document.body);
113   - YAHOO.datadownloadLista.panel.center();
114   - YAHOO.datadownloadLista.panel.cfg.setProperty("y", 100);
115   - };
116   - YAHOO.datadownloadLista.panel.setBody(ins);
117   - YAHOO.datadownloadLista.panel.show();
118   - $i("bm").innerHTML = i3GEO.social.bookmark(servico);
119   - //document.getElementById("corpo").innerHTML = ins
120   -}
121   -var loc = window.location.href;
122   -var temp = loc.split("/ogc.htm");
123   -g_locaplic = temp[0];
124   -i3GEO.configura.locaplic = g_locaplic;
125   -
126   -$i("bm1").innerHTML = i3GEO.social.bookmark(loc);
127   -i3GEO.social.compartilhar("curtir",loc,loc,"comtotal");
128   -
129   -g_arvoreClicks = "";
130   -i3GEO.idioma.IDSELETOR = "bandeiras";
131   -i3GEO.idioma.mostraSeletor();
132   -i3GEO.arvoreDeTemas.INCLUISISTEMAS = false;
133   -i3GEO.arvoreDeTemas.FILTRAOGC = true;
134   -i3GEO.arvoreDeTemas.INCLUIWMS = false;
135   -i3GEO.arvoreDeTemas.INCLUIWMSMETAESTAT = true;
136   -i3GEO.arvoreDeTemas.INCLUIREGIOES = false;
137   -i3GEO.arvoreDeTemas.INCLUIINDIBR = false;
138   -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluiArvore = false;
139   -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluibusca = false;
140   -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = false;
141   -i3GEO.arvoreDeTemas.INCLUIMAPASCADASTRADOS = true;
142   -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
143   -i3GEO.arvoreDeTemas.cria("",g_locaplic,"arvoreTemas","ogc_endereco\(this\)");
144   -</script>
  138 +
  139 + <script>
  140 + /*
  141 + Monta uma &aacute;rvore de temas permitindo que o usu&aacute;rio clique em um deles e veja o endere&ccedil;o para acesso aos dados via WMS.
  142 +
  143 + File: i3geo/ogc.htm
  144 + About: Licen&ccedil;a
  145 +
  146 + I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
  147 +
  148 + Direitos Autorais Reservados (c) 2006 Minist&eacute;rio do Meio Ambiente Brasil
  149 + Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
  150 +
  151 + Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo
  152 + e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral
  153 + GNU conforme publicada pela Free Software Foundation;
  154 +
  155 + Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,
  156 + por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita
  157 + de COMERCIABILIDADE OU ADEQUA&Ccedil;&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.
  158 + Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.
  159 + Voc&ecirc; deve ter recebido uma cópia da Licen&ccedil;a P&uacute;blica Geral do
  160 + GNU junto com este programa; se n&atilde;o, escreva para a
  161 + Free Software Foundation, Inc., no endere&ccedil;o
  162 + 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
  163 + */
  164 + /*
  165 + Gera o endere&ccedil;o do webservice do tema escolhido
  166 +
  167 + Parameters:
  168 +
  169 + botao - objeto do tipo input com o valor do tema para acesso
  170 + */
  171 + function ogc_endereco(botao) {
  172 + botao.checked = false;
  173 + tema = botao.value;
  174 + if (tema === undefined) {
  175 + tema = botao.title;
  176 + }
  177 + ins = "<H1>Endere&ccedil;o do web service:</H1>";
  178 + var re = new RegExp(".htm", "g");
  179 + var servico = window.location.href.replace(re, '.php?');
  180 + var s = ""; //"tema="+tema;
  181 + if (botao.name === "metaestat") {
  182 + s = "id_medida_variavel=" + tema.split("_")[1] + "&";
  183 + }
  184 + if (botao.name === "mapaCadastrado") {
  185 + s = "restauramapa=" + tema.split("_")[1] + "&";
  186 + tema = "";
  187 + }
  188 +
  189 + servico += s;
  190 + ins += "<p>" + servico;
  191 + ins += "<p>Bookmark: <span id=bm ></span>";
  192 + ins +=
  193 + "<p><iframe src='http://www.facebook.com/plugins/like.php?href=" + servico
  194 + + "&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:100px; height:21px;' allowTransparency='true'></iframe>";
  195 + ins +=
  196 + "<p><a target=blank href='"+servico+"service=wms&version=1.1.1&request=getcapabilities&layers="+tema+"' />GetCapabilities</a>";
  197 + ins +=
  198 + "<p><a target=blank href='"+servico+"SRS=EPSG:4618&WIDTH=500&HEIGHT=500&BBOX=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&FORMAT=image/png&service=wms&version=1.1.0&request=getmap&layers="+tema+"' />testar getmap</a>";
  199 + ins +=
  200 + "<p><a target=blank href='"+servico+"format=application/openlayers&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&layers="+tema+"' />visualizar com openLayers</a>";
  201 + ins +=
  202 + "<p><a target=blank href='"+servico+"OUTPUTFORMAT=shape-zip&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />download shapefile via WFS</a>";
  203 + ins +=
  204 + "<p><a target=blank href='"+servico+"OUTPUTFORMAT=csv&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />download CSV via WFS</a>";
  205 + ins +=
  206 + "<p><a target=blank href='"+servico+"OUTPUTFORMAT=kmz&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />download KMZ</a>";
  207 + ins +=
  208 + "<p><a target=blank href='"+servico+"OUTPUTFORMAT=geojson&bbox=-76.5125927,-39.3925675209,-29.5851853,9.49014852081&service=wfs&version=1.1.0&request=getfeature&layers="+tema+"&typeName="+tema+"' />GeoJson</a>";
  209 +
  210 + if (!$i("panellistaarquivos")) {
  211 + YAHOO.namespace("datadownloadLista");
  212 + YAHOO.datadownloadLista.panel = new YAHOO.widget.Panel("panellistaarquivos", {
  213 + zIndex : 2000,
  214 + iframe : false,
  215 + width : "450px",
  216 + align : "left",
  217 + visible : false,
  218 + draggable : true,
  219 + close : true,
  220 + modal : true
  221 + });
  222 + YAHOO.datadownloadLista.panel.setHeader("OGC");
  223 + YAHOO.datadownloadLista.panel.setBody("");
  224 + YAHOO.datadownloadLista.panel.setFooter("");
  225 + YAHOO.datadownloadLista.panel.render(document.body);
  226 + YAHOO.datadownloadLista.panel.center();
  227 + YAHOO.datadownloadLista.panel.cfg.setProperty("y", 100);
  228 + }
  229 + ;
  230 + YAHOO.datadownloadLista.panel.setBody(ins);
  231 + YAHOO.datadownloadLista.panel.show();
  232 + $i("bm").innerHTML = i3GEO.social.bookmark(servico);
  233 + //document.getElementById("corpo").innerHTML = ins
  234 + }
  235 + var loc = window.location.href;
  236 + var temp = loc.split("/ogc.htm");
  237 + g_locaplic = temp[0];
  238 + i3GEO.configura.locaplic = g_locaplic;
  239 +
  240 + $i("bm1").innerHTML = i3GEO.social.bookmark(loc);
  241 + i3GEO.social.compartilhar("curtir", loc, loc, "comtotal");
  242 +
  243 + g_arvoreClicks = "";
  244 + i3GEO.idioma.IDSELETOR = "bandeiras";
  245 + i3GEO.idioma.mostraSeletor();
  246 + i3GEO.arvoreDeTemas.INCLUISISTEMAS = false;
  247 + i3GEO.arvoreDeTemas.FILTRAOGC = true;
  248 + i3GEO.arvoreDeTemas.INCLUIWMS = false;
  249 + i3GEO.arvoreDeTemas.INCLUIWMSMETAESTAT = true;
  250 + i3GEO.arvoreDeTemas.INCLUIREGIOES = false;
  251 + i3GEO.arvoreDeTemas.INCLUIINDIBR = false;
  252 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluiArvore = false;
  253 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluibusca = false;
  254 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = false;
  255 + i3GEO.arvoreDeTemas.INCLUIMAPASCADASTRADOS = true;
  256 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.flutuante = false;
  257 + i3GEO.arvoreDeTemas.INCLUIESTRELAS = false;
  258 + i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  259 + i3GEO.arvoreDeTemas.cria("", g_locaplic, "arvoreTemas", "ogc_endereco\(this\)");
  260 + </script>
145 261 </body>
146 262 </html>
... ...