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