Commit db6f80689873e3bfb2cb34e609a240df8f3fce18
1 parent
b199bded
Exists in
master
and in
7 other branches
Ajustes no estilo
Showing
2 changed files
with
167 additions
and
132 deletions
Show diff stats
classesjs/geradordelinks.js
| ... | ... | @@ -378,8 +378,8 @@ function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tem |
| 378 | 378 | this.buscageo_init = function() |
| 379 | 379 | { |
| 380 | 380 | var ins = "<div style=margin:10px;text-align:left; >"; |
| 381 | - ins += "<p class=paragrafo ><b>Utilize o mapa abaixo para definir as coordenadas geográficas do seu mapa, ou digite os valores desejados (opcional):</b></p>"; | |
| 382 | - ins += "<div id=i3geo_gl_mapa1 style='width:250px;height:250px;border:1px solid blue;display:none'></div>"; | |
| 381 | + ins += "<p class=paragrafo ><b>Utilize o navegador abaixo para definir as coordenadas geográficas do seu mapa, ou digite os valores desejados (opcional):</b></p>"; | |
| 382 | + ins += "<div id=i3geo_gl_mapa1 style='width:256px;height:256px;border:1px solid blue;display:none'></div>"; | |
| 383 | 383 | ins += "<div style=position:absolute;top:40px;left:270px;text-align:left; >"; |
| 384 | 384 | ins += "Coordenadas geográficas:<br><br>"; |
| 385 | 385 | ins += "<table style=text-align:left >"; |
| ... | ... | @@ -407,22 +407,38 @@ function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tem |
| 407 | 407 | // |
| 408 | 408 | //layers |
| 409 | 409 | // |
| 410 | - var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0",{layers: 'basic'},{isBaseLayer: true} ); | |
| 411 | - ol_wms.setVisibility(true); | |
| 412 | - $i3geo_gl.OL.addLayer(ol_wms); | |
| 413 | - var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic","http://wms.jpl.nasa.gov/wms.cgi", {layers: "global_mosaic"},{isBaseLayer: false}); | |
| 414 | - jpl_wms.setVisibility(false); | |
| 415 | - $i3geo_gl.OL.addLayer(jpl_wms); | |
| 416 | - var base = new OpenLayers.Layer.WMS( "Cartografia", "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&",{layers:'baseraster',transparent:'true',format:'image/png'},{isBaseLayer:false}); | |
| 417 | - base.setVisibility(false); | |
| 418 | - $i3geo_gl.OL.addLayer(base); | |
| 410 | + var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 411 | + "ESRI World Street Map", | |
| 412 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 413 | + { | |
| 414 | + format : "jpeg" | |
| 415 | + }, { | |
| 416 | + isBaseLayer : true, | |
| 417 | + visibility : true | |
| 418 | + }); | |
| 419 | + $i3geo_gl.OL.addLayer(wsm); | |
| 420 | + | |
| 421 | + var bra = new OpenLayers.Layer.WMS( | |
| 422 | + "Base carto MMA", | |
| 423 | + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 424 | + { | |
| 425 | + layers : "baseraster", | |
| 426 | + srs : "EPSG:4618", | |
| 427 | + format : "image/png", | |
| 428 | + isBaseLayer : false | |
| 429 | + }, { | |
| 430 | + isBaseLayer : true, | |
| 431 | + visibility : false | |
| 432 | + }); | |
| 433 | + $i3geo_gl.OL.addLayer(bra); | |
| 434 | + | |
| 419 | 435 | // |
| 420 | 436 | //zoom e controle de layers |
| 421 | 437 | // |
| 422 | 438 | var ls = new OpenLayers.Control.LayerSwitcher(); |
| 423 | 439 | $i3geo_gl.OL.addControl(ls); |
| 424 | 440 | $i(ls.id).style.zIndex=2000; |
| 425 | - $i3geo_gl.OL.setCenter(new OpenLayers.LonLat(-55,-14), 2); | |
| 441 | + $i3geo_gl.OL.setCenter(new OpenLayers.LonLat(-55,-14), 3); | |
| 426 | 442 | var panel = new OpenLayers.Control.NavToolbar(); |
| 427 | 443 | $i3geo_gl.OL.addControl(panel); |
| 428 | 444 | panel.div.style.left="-4px"; | ... | ... |
geradordelinks.htm
| ... | ... | @@ -7,133 +7,152 @@ |
| 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 | <link rel="stylesheet" type="text/css" href="css/geral.css"> |
| 10 | -<style> | |
| 11 | -P | |
| 12 | -{COLOR: #2F4632;text-align: justify;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;} | |
| 13 | -</style> | |
| 14 | 10 | <script type="text/javascript" src="classesjs/i3geo.js"></script> |
| 15 | 11 | <script type="text/javascript" src="classesjs/geradordelinks.js"></script> |
| 12 | +<style> | |
| 13 | +P { | |
| 14 | + COLOR: #2F4632; | |
| 15 | + text-align: justify; | |
| 16 | + font-size: 12px; | |
| 17 | + font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 18 | +} | |
| 19 | + | |
| 20 | +fieldset { | |
| 21 | + width: 570px; | |
| 22 | + top: 10px; | |
| 23 | + left: 10px; | |
| 24 | + text-align: left; | |
| 25 | + border: 1px gray solid; | |
| 26 | + padding: 5px; | |
| 27 | + margin: 5px; | |
| 28 | +} | |
| 29 | +</style> | |
| 30 | + | |
| 16 | 31 | </head> |
| 17 | -<body style="background-color:white;text-align:left;left:0px;"> | |
| 18 | -<!--<div id=banner style=position:relative;top:0px;left:0px;text-align:left > | |
| 19 | -<img style=left:0px; src="imagens/barrasuperior_geradordelinks_2006.jpg" width="765" > | |
| 20 | -</div>--> | |
| 21 | -<div style=width:550px;position:relative;top:10px;left:10px;background-color:rgb(250,250,250) > | |
| 22 | - <div id=bandeiras style=width:80px ></div><b>Gerador de links do i3Geo</b><br> | |
| 23 | - <p class=paragrafo >Para ver os parâmetros de inicialização com ms_configura basta digitar <a href="ms_criamapa.php?ajuda" target=_blank >ms_criamapa.php?ajuda</a></p> | |
| 24 | - | |
| 25 | - <p class=paragrafo >Aqui você pode gerar links para abrir o i3Geo de forma personalizada. | |
| 26 | -Os links podem ser incluídos em qualquer página WEB, sendo possível | |
| 27 | -definir quais os temas serão mostrados e qual a extensão geográfica do mapa.<br><br></p> | |
| 28 | - </div> | |
| 29 | -<div style=width:550px;left:10px;text-align:left; ><p class=paragrafo >Este é o link para abrir o mapa. Copie e cole em sua página | |
| 30 | -na internet ou clique para testar: | |
| 31 | -<a style=color:blue;font-size:12px href="" id=link target=blanck ></a> | |
| 32 | -</div> | |
| 33 | -<div style='width:550px;top:10px;left:10px;text-align:left;border:1px gray solid;' > | |
| 34 | - <div style=margin:10px; > | |
| 35 | - <p class=paragrafo ><b>Escolha os temas que serão incluídos no mapa (opcional):</b></p> | |
| 36 | - <p class=paragrafo >Menu: | |
| 37 | - <div id=menus style=text-align:left; >Aguarde...</div><br> | |
| 38 | - <p class=paragrafo >Grupo: | |
| 39 | - <div id=grupos style=text-align:left; > </div><br> | |
| 40 | - <p class=paragrafo >Sub-grupo: | |
| 41 | - <div id=subgrupos style=text-align:left; > </div><br> | |
| 42 | - <p class=paragrafo >Tema: | |
| 43 | - <div id=temas style=text-align:left; > </div><br> | |
| 44 | - <div style=left:0px;text-align:left; > | |
| 45 | - Temas já escolhidos. Os que estiverem marcados, ficarão ligados logo ao abrir o mapa: | |
| 46 | - <div id=temasa style='width:530px;border:1px gray solid;height:90px;top:10px;left:0px;text-align:left;overflow:auto' ></div> | |
| 32 | +<body style="background-color: white; text-align: left; left: 0px; margin: auto; width: 600px;"> | |
| 33 | + | |
| 34 | + <fieldset> | |
| 35 | + <legend style="font-size: 14px;"><b>Gerador de links do i3Geo</b></legend> | |
| 36 | + <div id=bandeiras style="width: 80px"></div> | |
| 37 | + <br> | |
| 38 | + <p class=paragrafo> | |
| 39 | + Para ver todos os parâmetros de inicialização que podem ser utilizados: <a href="ms_criamapa.php?ajuda" target=_blank>ms_criamapa.php?ajuda</a> | |
| 40 | + </p> | |
| 41 | + | |
| 42 | + <p class=paragrafo> | |
| 43 | + Aqui você pode gerar links para abrir o i3Geo de forma personalizada. Os links podem ser incluídos em qualquer página WEB, sendo possível definir quais os temas serão mostrados e qual a extensão geográfica do mapa.<br> <br> | |
| 44 | + </p> | |
| 45 | + </fieldset> | |
| 46 | + <fieldset style="min-height: 100px;"> | |
| 47 | + <p class=paragrafo> | |
| 48 | + Este é o link para abrir o mapa. Copie e cole em sua página na internet ou clique para testar: <a style="color: blue; font-size: 12px" href="" id=link target=blanck></a> | |
| 49 | + </fieldset> | |
| 50 | + <fieldset> | |
| 51 | + <div style="margin: 10px;"> | |
| 52 | + <p class=paragrafo> | |
| 53 | + <b>Escolha os temas que serão incluídos no mapa (opcional):</b> | |
| 54 | + </p> | |
| 55 | + <p class=paragrafo>Menu: | |
| 56 | + <div id=menus style="text-align: left;">Aguarde...</div> | |
| 57 | + <br> | |
| 58 | + <p class=paragrafo>Grupo: | |
| 59 | + <div id=grupos style="text-align: left;"> </div> | |
| 60 | + <br> | |
| 61 | + <p class=paragrafo>Sub-grupo: | |
| 62 | + <div id=subgrupos style="text-align: left;"> </div> | |
| 63 | + <br> | |
| 64 | + <p class=paragrafo>Tema: | |
| 65 | + <div id=temas style="text-align: left;"> </div> | |
| 66 | + <br> | |
| 67 | + <div style="left: 0px; text-align: left;"> | |
| 68 | + Temas já escolhidos. Os que estiverem marcados, ficarão ligados logo ao abrir o mapa: | |
| 69 | + <div id=temasa style='width: 530px; border: 1px gray solid; height: 90px; top: 10px; left: 0px; text-align: left; overflow: auto'></div> | |
| 70 | + </div> | |
| 47 | 71 | </div> |
| 48 | - </div> | |
| 49 | -</div> | |
| 50 | -<div style='width:550px;top:15px;left:10px;text-align:left;border:1px gray solid;' > | |
| 51 | - <div style=margin:10px;> | |
| 52 | - <p class=paragrafo ><b>Se vc quiser, o mapa poderá ser aberto mostrando pontos, digite abaixo as coordenadas | |
| 53 | -dos pontos em décimos de grau (exemplo: -54 -12 -54 1 -51 -15) (opcional):</b></p> | |
| 54 | - <p class=paragrafo >Coordenadas dos pontos:</p> | |
| 55 | - <div style=padding:5px; id=paiPontos > | |
| 56 | - <input type=text size=60 id=pontos value="" onchange="$i3geo_gl.crialink()" /> | |
| 72 | + | |
| 73 | + </fieldset> | |
| 74 | + <fieldset> | |
| 75 | + <div style="margin: 10px;"> | |
| 76 | + <p class=paragrafo> | |
| 77 | + <b>Se vc quiser, o mapa poderá ser aberto mostrando pontos, digite abaixo as coordenadas dos pontos em décimos de grau (exemplo: -54 -12 -54 1 -51 -15) (opcional):</b> | |
| 78 | + </p> | |
| 79 | + <p class=paragrafo>Coordenadas dos pontos:</p> | |
| 80 | + <div style="padding: 5px;" id=paiPontos> | |
| 81 | + <input type=text size=60 id=pontos value="" onchange="$i3geo_gl.crialink()" /> | |
| 82 | + </div> | |
| 83 | + <p class=paragrafo>Nome do tema para aparecer na legenda:</p> | |
| 84 | + <div style="padding: 5px;" id=paiNometemapontos> | |
| 85 | + <input type=text size=60 id=nometemapontos value="" onchange="$i3geo_gl.crialink()" /> | |
| 86 | + | |
| 87 | + </div> | |
| 57 | 88 | </div> |
| 58 | -<p class=paragrafo >Nome do tema para a legenda do mapa:</p> | |
| 59 | - <div style=padding:5px; id=paiNometemapontos > | |
| 60 | - <input type=text size=60 id=nometemapontos value="" onchange="$i3geo_gl.crialink()" /> | |
| 89 | + </fieldset> | |
| 90 | + <fieldset> | |
| 91 | + <div style="margin: 10px;"> | |
| 92 | + <p class=paragrafo> | |
| 93 | + <b>Caso existam perfis definidos na configuração do menu de temas, vc pode restringir a lista de temas do menu de adição de temas do I3Geo (opcional)</b> | |
| 94 | + </p> | |
| 95 | + <p class=paragrafo>Perfil:</p> | |
| 96 | + <input onchange="$i3geo_gl.crialink()" type=text size=60 id=perfili value="" style="border: 1px solid black" /> | |
| 61 | 97 | </div> |
| 62 | - </div> | |
| 63 | -</div> | |
| 64 | -<div style='width:550px;top:20px;left:10px;text-align:left;border:1px gray solid;' > | |
| 65 | - <div style=margin:10px;> | |
| 66 | - <p class=paragrafo ><b>Caso existam perfis definidos na configuração do menu de temas, vc pode restringir a lista | |
| 67 | - de temas do menu de adição de temas do I3Geo (opcional)</b></p> | |
| 68 | - <p class=paragrafo >Perfil:</p> | |
| 69 | - <input onchange="$i3geo_gl.crialink()" type=text size=60 id=perfili value="" style="border:1px solid black" /> | |
| 70 | - </div> | |
| 71 | -</div> | |
| 72 | -<div style='width:550px;top:25px;left:10px;text-align:left;border:1px gray solid;' > | |
| 73 | - <div style=margin:10px;text-align:left; > | |
| 74 | - <p class=paragrafo ><b>Escolha a interface para o mapa (opcional)</b></p> | |
| 75 | - <select id=interface onchange="$i3geo_gl.crialink()"> | |
| 76 | - <option value="" >Default</option> | |
| 77 | - <option value="black_gm.phtml">Google Maps</option> | |
| 78 | - <option value="googleearth.phtml">Google Earth</option> | |
| 79 | - <option value="black_ol.htm">Openlayers</option> | |
| 80 | - <option value="black_osm.htm">Open Street Map</option> | |
| 81 | - </select> | |
| 82 | - </div> | |
| 83 | -</div> | |
| 84 | -<div id=buscageo style='width:550px;top:35px;left:10px;text-align:left;border:1px gray solid;' > | |
| 85 | -</div> | |
| 98 | + </fieldset> | |
| 99 | + <fieldset> | |
| 100 | + <div style="margin: 10px; text-align: left;"> | |
| 101 | + <p class=paragrafo> | |
| 102 | + <b>Escolha a interface para o mapa (opcional)</b> | |
| 103 | + </p> | |
| 104 | + <select id=interface onchange="$i3geo_gl.crialink()"> | |
| 105 | + <option value="">Default</option> | |
| 106 | + <option value="black_gm.phtml">Google Maps</option> | |
| 107 | + <option value="googleearth.phtml">Google Earth</option> | |
| 108 | + <option value="black_ol.htm">Openlayers</option> | |
| 109 | + <option value="black_osm.htm">Open Street Map</option> | |
| 110 | + </select> | |
| 111 | + </div> | |
| 112 | + </fieldset> | |
| 113 | + <fieldset id=buscageo ></fieldset> | |
| 86 | 114 | </body> |
| 87 | 115 | <script> |
| 88 | -/* | |
| 89 | -Aplicativo para geração de links | |
| 90 | - | |
| 91 | -Esse aplicativo permite ao usuário gerar links para abertura do i3geo. | |
| 92 | - | |
| 93 | -About: Licença | |
| 94 | - | |
| 95 | -I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | |
| 96 | - | |
| 97 | -Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil | |
| 98 | -Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br | |
| 99 | - | |
| 100 | -Este programa é software livre; você pode redistribuí-lo | |
| 101 | -e/ou modificá-lo sob os termos da Licença Pública Geral | |
| 102 | -GNU conforme publicada pela Free Software Foundation; | |
| 103 | - | |
| 104 | -Este programa é distribuído na expectativa de que seja útil, | |
| 105 | -porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | |
| 106 | -de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | |
| 107 | -Consulte a Licença Pública Geral do GNU para mais detalhes. | |
| 108 | -Você deve ter recebido uma cópia da Licença Pública Geral do | |
| 109 | -GNU junto com este programa; se não, escreva para a | |
| 110 | -Free Software Foundation, Inc., no endereço | |
| 111 | -59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | |
| 112 | - | |
| 113 | -Veja: | |
| 114 | - | |
| 115 | -<geradordelinks.js> | |
| 116 | - | |
| 117 | -File: i3geo/geradordelinks.htm | |
| 118 | - | |
| 119 | -*/ | |
| 120 | -OpenLayers.ImgPath = "pacotes/openlayers/img/"; | |
| 121 | -var g_locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 122 | -i3GEO.configura.locaplic = g_locaplic; | |
| 123 | - | |
| 124 | -var i3geo_gl_configura = new i3geo_gl_configura( | |
| 125 | - g_locaplic, | |
| 126 | - "estadosl", | |
| 127 | - "temasa", | |
| 128 | - "link", | |
| 129 | - "grupos", | |
| 130 | - "subgrupos", | |
| 131 | - "temas", | |
| 132 | - "buscageo", | |
| 133 | - "menus" | |
| 134 | - ) | |
| 135 | -i3geo_gl_inicia(i3geo_gl_configura) | |
| 136 | -i3GEO.idioma.IDSELETOR = "bandeiras"; | |
| 137 | -i3GEO.idioma.mostraSeletor(); | |
| 116 | + /* | |
| 117 | + Aplicativo para geração de links | |
| 118 | + | |
| 119 | + Esse aplicativo permite ao usuário gerar links para abertura do i3geo. | |
| 120 | + | |
| 121 | + About: Licença | |
| 122 | + | |
| 123 | + I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | |
| 124 | + | |
| 125 | + Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil | |
| 126 | + Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br | |
| 127 | + | |
| 128 | + Este programa é software livre; você pode redistribuí-lo | |
| 129 | + e/ou modificá-lo sob os termos da Licença Pública Geral | |
| 130 | + GNU conforme publicada pela Free Software Foundation; | |
| 131 | + | |
| 132 | + Este programa é distribuído na expectativa de que seja útil, | |
| 133 | + porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | |
| 134 | + de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | |
| 135 | + Consulte a Licença Pública Geral do GNU para mais detalhes. | |
| 136 | + Você deve ter recebido uma cópia da Licença Pública Geral do | |
| 137 | + GNU junto com este programa; se não, escreva para a | |
| 138 | + Free Software Foundation, Inc., no endereço | |
| 139 | + 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | |
| 140 | + | |
| 141 | + Veja: | |
| 142 | + | |
| 143 | + <geradordelinks.js> | |
| 144 | + | |
| 145 | + File: i3geo/geradordelinks.htm | |
| 146 | + | |
| 147 | + */ | |
| 148 | + OpenLayers.ImgPath = "pacotes/openlayers/img/"; | |
| 149 | + var g_locaplic = i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"; | |
| 150 | + i3GEO.configura.locaplic = g_locaplic; | |
| 151 | + | |
| 152 | + var i3geo_gl_configura = | |
| 153 | + new i3geo_gl_configura(g_locaplic, "estadosl", "temasa", "link", "grupos", "subgrupos", "temas", "buscageo", "menus") | |
| 154 | + i3geo_gl_inicia(i3geo_gl_configura) | |
| 155 | + i3GEO.idioma.IDSELETOR = "bandeiras"; | |
| 156 | + i3GEO.idioma.mostraSeletor(); | |
| 138 | 157 | </script> |
| 139 | 158 | </html> | ... | ... |