Commit db6f80689873e3bfb2cb34e609a240df8f3fce18

Authored by Edmar Moretti
1 parent b199bded

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&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 383 ins += "<div style=position:absolute;top:40px;left:270px;text-align:left; >";
384 384 ins += "Coordenadas geogr&aacute;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&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 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 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 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 114 </body>
87 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 157 </script>
139 158 </html>
... ...