Download as
Browse Code »

Commit db6f80689873e3bfb2cb34e609a240df8f3fce18

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

Ajustes no estilo

Showing 2 changed files with 167 additions and 132 deletions   Show diff stats
classesjs/geradordelinks.js
  Diff comments   View file @db6f806
@@ -378,8 +378,8 @@ function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tem @@ -378,8 +378,8 @@ function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tem
378 this.buscageo_init = function() 378 this.buscageo_init = function()
379 { 379 {
380 var ins = "<div style=margin:10px;text-align:left; >"; 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&aacute;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&aacute;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 ins += "<div style=position:absolute;top:40px;left:270px;text-align:left; >"; 383 ins += "<div style=position:absolute;top:40px;left:270px;text-align:left; >";
384 ins += "Coordenadas geogr&aacute;ficas:<br><br>"; 384 ins += "Coordenadas geogr&aacute;ficas:<br><br>";
385 ins += "<table style=text-align:left >"; 385 ins += "<table style=text-align:left >";
@@ -407,22 +407,38 @@ function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tem @@ -407,22 +407,38 @@ function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tem
407 // 407 //
408 //layers 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 //zoom e controle de layers 436 //zoom e controle de layers
421 // 437 //
422 var ls = new OpenLayers.Control.LayerSwitcher(); 438 var ls = new OpenLayers.Control.LayerSwitcher();
423 $i3geo_gl.OL.addControl(ls); 439 $i3geo_gl.OL.addControl(ls);
424 $i(ls.id).style.zIndex=2000; 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 var panel = new OpenLayers.Control.NavToolbar(); 442 var panel = new OpenLayers.Control.NavToolbar();
427 $i3geo_gl.OL.addControl(panel); 443 $i3geo_gl.OL.addControl(panel);
428 panel.div.style.left="-4px"; 444 panel.div.style.left="-4px";
geradordelinks.htm
  Diff comments   View file @db6f806
@@ -7,133 +7,152 @@ @@ -7,133 +7,152 @@
7 <meta name="keywords" content="WMS OGC mapa sig gis webmapping geo geoprocessamento interativo meio ambiente MMA cartografia geografia"> 7 <meta name="keywords" content="WMS OGC mapa sig gis webmapping geo geoprocessamento interativo meio ambiente MMA cartografia geografia">
8 <meta name="robots" content="index,follow"> 8 <meta name="robots" content="index,follow">
9 <link rel="stylesheet" type="text/css" href="css/geral.css"> 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 <script type="text/javascript" src="classesjs/i3geo.js"></script> 10 <script type="text/javascript" src="classesjs/i3geo.js"></script>
15 <script type="text/javascript" src="classesjs/geradordelinks.js"></script> 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 </head> 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&acirc;metros de inicializa&ccedil;&atilde;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&ecirc; pode gerar links para abrir o i3Geo de forma personalizada.  
26 -Os links podem ser inclu&iacute;dos em qualquer p&aacute;gina WEB, sendo poss&iacute;vel  
27 -definir quais os temas ser&atilde;o mostrados e qual a extens&atilde;o geogr&aacute;fica do mapa.<br><br></p>  
28 - </div>  
29 -<div style=width:550px;left:10px;text-align:left; ><p class=paragrafo >Este &eacute; o link para abrir o mapa. Copie e cole em sua p&aacute;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&atilde;o inclu&iacute;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; >&nbsp;</div><br>  
40 - <p class=paragrafo >Sub-grupo:  
41 - <div id=subgrupos style=text-align:left; >&nbsp;</div><br>  
42 - <p class=paragrafo >Tema:  
43 - <div id=temas style=text-align:left; >&nbsp;</div><br>  
44 - <div style=left:0px;text-align:left; >  
45 - Temas j&aacute; escolhidos. Os que estiverem marcados, ficar&atilde;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&acirc;metros de inicializa&ccedil;&atilde;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&ecirc; pode gerar links para abrir o i3Geo de forma personalizada. Os links podem ser inclu&iacute;dos em qualquer p&aacute;gina WEB, sendo poss&iacute;vel definir quais os temas ser&atilde;o mostrados e qual a extens&atilde;o geogr&aacute;fica do mapa.<br> <br>
  44 + </p>
  45 + </fieldset>
  46 + <fieldset style="min-height: 100px;">
  47 + <p class=paragrafo>
  48 + Este &eacute; o link para abrir o mapa. Copie e cole em sua p&aacute;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&atilde;o inclu&iacute;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;">&nbsp;</div>
  60 + <br>
  61 + <p class=paragrafo>Sub-grupo:
  62 + <div id=subgrupos style="text-align: left;">&nbsp;</div>
  63 + <br>
  64 + <p class=paragrafo>Tema:
  65 + <div id=temas style="text-align: left;">&nbsp;</div>
  66 + <br>
  67 + <div style="left: 0px; text-align: left;">
  68 + Temas j&aacute; escolhidos. Os que estiverem marcados, ficar&atilde;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 </div> 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&aacute; ser aberto mostrando pontos, digite abaixo as coordenadas  
53 -dos pontos em d&eacute;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&aacute; ser aberto mostrando pontos, digite abaixo as coordenadas dos pontos em d&eacute;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 + &nbsp;
  87 + </div>
57 </div> 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()" />&nbsp; 89 + </fieldset>
  90 + <fieldset>
  91 + <div style="margin: 10px;">
  92 + <p class=paragrafo>
  93 + <b>Caso existam perfis definidos na configura&ccedil;&atilde;o do menu de temas, vc pode restringir a lista de temas do menu de adi&ccedil;&atilde;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 </div> 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&ccedil;&atilde;o do menu de temas, vc pode restringir a lista  
67 - de temas do menu de adi&ccedil;&atilde;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 </body> 114 </body>
87 <script> 115 <script>
88 -/*  
89 -Aplicativo para gera&ccedil;&atilde;o de links  
90 -  
91 -Esse aplicativo permite ao usu&aacute;rio gerar links para abertura do i3geo.  
92 -  
93 -About: Licen&ccedil;a  
94 -  
95 -I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet  
96 -  
97 -Direitos Autorais Reservados (c) 2006 Minist&eacute;rio do Meio Ambiente Brasil  
98 -Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br  
99 -  
100 -Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo  
101 -e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral  
102 -GNU conforme publicada pela Free Software Foundation;  
103 -  
104 -Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,  
105 -por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita  
106 -de COMERCIABILIDADE OU ADEQUA&Ccedil;&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.  
107 -Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.  
108 -Voc&ecirc; deve ter recebido uma cópia da Licen&ccedil;a P&uacute;blica Geral do  
109 -GNU junto com este programa; se n&atilde;o, escreva para a  
110 -Free Software Foundation, Inc., no endere&ccedil;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&ccedil;&atilde;o de links
  118 +
  119 + Esse aplicativo permite ao usu&aacute;rio gerar links para abertura do i3geo.
  120 +
  121 + About: Licen&ccedil;a
  122 +
  123 + I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
  124 +
  125 + Direitos Autorais Reservados (c) 2006 Minist&eacute;rio do Meio Ambiente Brasil
  126 + Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
  127 +
  128 + Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo
  129 + e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral
  130 + GNU conforme publicada pela Free Software Foundation;
  131 +
  132 + Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,
  133 + por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita
  134 + de COMERCIABILIDADE OU ADEQUA&Ccedil;&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.
  135 + Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.
  136 + Voc&ecirc; deve ter recebido uma cópia da Licen&ccedil;a P&uacute;blica Geral do
  137 + GNU junto com este programa; se n&atilde;o, escreva para a
  138 + Free Software Foundation, Inc., no endere&ccedil;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 </script> 157 </script>
139 </html> 158 </html>