Download as
Browse Code »

Commit 1d766e30f6213024b651513a332509f6ed6a7a4d

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

Verificação dos exemplos

Showing 10 changed files with 862 additions and 701 deletions   Show diff stats
admin/admin.db
View file @1d766e3
No preview for this file type
exemplos/camadas1.htm
  Diff comments   View file @1d766e3
1 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 2 <html>
3 3 <head>
4   -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6   -<title>i3Geo - Mapa interativo</title>
7   -<script type="text/javascript" src="../classesjs/i3geo.js"></script>
8   - <style>
9   - .yui-log .i3geo {background-color:yellow;} /* customize a color */
10   - .yui-log .redesenho {background-color:yellow;} /* customize a color */
11   - .yui-log .janela {background-color:yellow;} /* customize a color */
12   - .yui-log-bd {text-align:left;}
13   - .yui-log-entry yui-log-verbose, p{text-align:left;}
14   - .info {text-align:left;}
15   - </style>
  6 +<title>i3GEO - OpenLayers</title>
  7 +<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
  8 +<style>
  9 +.olControlEditingToolbar1 div {
  10 + background-image:url(../mashups/openlayers.png);
  11 + background-repeat:no-repeat;
  12 + float:right;
  13 + right: 0px;
  14 + height:29px;
  15 + margin:2px;
  16 + width:29px;
  17 + cursor:pointer;
  18 +}
  19 +</style>
16 20 </head>
17 21 <body id="i3geo">
18   -
  22 +<!-- inclui o nome do usuario logado -->
  23 +<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
19 24 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  25 +
  26 +<!--
  27 + Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
  28 +-->
20 29 <tr style="border:0px">
21 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 31 </tr>
... ... @@ -24,153 +33,197 @@
24 33 <td>
25 34 <table width=100% cellspacing=0 cellpadding=0 >
26 35 <tr>
27   - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
  36 + <td></td>
28 37 <td>
  38 + <!--
  39 + Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
  40 + Para remover uma guia, basta comentar a linha
  41 + -->
29 42 <div class=verdeescuro style="top:0px;cursor:pointer;">
30   - <div id=guia1 class=guia >Temas</div>
31   - <div id=guia2 class=guia >Adiciona</div>
32   - <div id=guia4 class=guia >Legenda</div>
33   - <div id=guia5 class=guia >Links</div>
  43 + <div id=guia1 class=guia ></div>
  44 + <div id=guia2 class=guia ></div>
  45 + <div id=guia4 class=guia ></div>
  46 + <div id=guia5 class=guia ></div>
34 47 </div>
35 48 </td>
  49 +
36 50 </tr>
37 51 </table>
38 52 </td>
39 53 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
40   - <div id="menus" ></div>
  54 + <!--
  55 + menu suspenso
  56 + -->
  57 + <div id="menus" ></div>
41 58 </td>
42 59 </tr>
43 60 <tr>
44 61 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
  62 + <!--
  63 + As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
  64 + Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
  65 + o div com id=guia1 deve ter um div com id=guia1obj
  66 + -->
45 67 <div id='guia1obj' >
46   - <div style='left:5px;top:10px;' id=buscaRapida ></div>
  68 + <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
  69 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  70 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
47 71 <div id=listaPropriedades style='top:15px;' ></div>
  72 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  73 + <div id=listaLayersBase style='top:15px;'></div>
  74 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
48 75 <div id=listaTemas style='top:15px;'></div>
49 76 </div>
  77 +
  78 + <!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
  79 + use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
  80 + <div id=arvoreAdicionaTema style='top:25px;' ></div>
  81 + <div id=outrasOpcoesAdiciona style='top:25px;' ></div>
  82 + -->
  83 +
50 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
51 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
52 86 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
53 87 </td>
54 88 <td style="vertical-align:top;border-width:0px;">
55 89 <table width="100%" style="vertical-align:top;border-width:0px">
56   - <tr><td class=verdeclaro id=contemImg >
57   - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  90 + <tr><td class=verdeclaro id=contemImg >
  91 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
58 92 </td></tr>
59 93 </table>
60 94 </td>
61 95 </tr>
  96 +
62 97 <tr>
  98 +
63 99 <td class=tdbranca >
64   - <div id=visual ></div>
  100 + <!--
  101 + Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
  102 + <div id=visual ></div>
  103 + -->
  104 + <!-- bot&atilde;o de compartilhamento em redes sociais -->
  105 + <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  106 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
65 107 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
66 108 </td>
67 109 <td class=tdbranca >
68   - <table width=100% ><tr>
69   - <td class=tdbranca ></td>
70   - <td class=tdbranca style=text-align:center >
71   - <div id=localizarxy >
72   - Aguarde...
73   - </div>
74   - </td>
75   - <td class=tdbranca ><div id=escala ></div></td>
76   - <td class=tdbranca ><div id=ondeestou ></div></td>
  110 + <table width=100% >
  111 + <tr>
  112 + <td class=tdbranca >
  113 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  114 + <div id=escala style="text-align:right;" ></div>
  115 + </td>
  116 + <td class=tdbranca >
  117 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  118 + <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
  119 + </td>
  120 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  121 + <td class=tdbranca ><div id=seletorIdiomas ></div></td>
  122 + <!--
  123 + A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
  124 + que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
  125 + SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
  126 + -->
  127 + <td class=tdbranca ><div id=ondeestou ></div></td>
77 128 </tr>
78   - <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  129 + <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
  130 + As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
  131 + i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
  132 + se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
  133 + <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  134 + -->
79 135 </table>
80 136 </td>
81 137 </tr>
82 138 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
  139 +<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
83 140 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
84   -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
  141 +<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
  142 +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
85 143  
86 144 </table>
87   -</center>
88   -<div id=barraDeBotoes1 style='display:none'>
89   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
90   - <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
91   - <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
92   - <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
93   - <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table>
94   - <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table>
95   - <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>
96   -</div>
97   -<div id=barraDeBotoes2 style='display:none'>
98   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
99   - <tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
100   - </table>
101   - <div style='display:inline;background-color:rgb(250,250,250);'>
102   - <p style='font-size:6px;'>&nbsp;</p>
103   - <img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
104   - </div>
  145 +<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
  146 + <tr>
  147 + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  148 + </tr>
  149 + <tr>
  150 + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
  151 + </tr>
  152 + <tr>
  153 + <td>
  154 + <!--
  155 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  156 + -->
  157 + </td>
  158 + </tr>
  159 +</table>
105 160  
106   - <div style='display:inline;background-color:rgb(250,250,250);'>
107   - <p style='font-size:6px;'>&nbsp;</p>
108   - <img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
109   - </div>
110   -
111   - <div style='display:inline;background-color:rgb(250,250,250);'>
112   - <p style='font-size:6px;'>&nbsp;</p>
113   - <img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
114   - </div>
  161 +<script src="../classesjs/i3geo47.js"></script>
  162 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  163 +<script>
  164 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  165 +i3GEO.configura.autotamanho = false;
  166 +i3GEO.Interface.ATUAL = "openlayers";
  167 +i3GEO.Interface.IDCORPO = "contemImg";
115 168  
116   - <div style='display:inline;background-color:rgb(250,250,250);'>
117   - <p style='font-size:6px;'>&nbsp;</p>
118   - <img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
119   - </div>
120   - <div style='display:inline;background-color:rgb(250,250,250);'>
121   - <p style='font-size:6px;'>&nbsp;</p>
122   - <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
123   - </div>
124   - <div style='display:inline;background-color:rgb(250,250,250);'>
125   - <p style='font-size:6px;'>&nbsp;</p>
126   - <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
127   - </div>
128   - <div style='display:inline;background-color:rgb(250,250,250);'>
129   - <p style='font-size:6px;'>&nbsp;</p>
130   - <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
131   - </div>
132   - <div style='display:inline;background-color:rgb(250,250,250);'>
133   - <p style='font-size:6px;'>&nbsp;</p>
134   - <img title="google" alt="" src="../imagens/branco.gif" id='google'/>
135   - </div>
136   - <div style='display:inline;background-color:rgb(250,250,250);'>
137   - <p style='font-size:6px;'>&nbsp;</p>
138   - <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
139   - </div>
140   - <div style='display:none;background-color:rgb(250,250,250);'>
141   - <p style='font-size:6px;'>&nbsp;</p>
142   - <img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
143   - </div>
144   - <div style='display:none;background-color:rgb(250,250,250);'>
145   - <p style='font-size:6px;'>&nbsp;</p>
146   - <img title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
147   - </div>
148   - <div style='display:none;background-color:rgb(250,250,250);'>
149   - <p style='font-size:6px;'>&nbsp;</p>
150   - <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
151   - </div>
152   - <div style='display:none;background-color:rgb(250,250,250);'>
153   - <p style='font-size:6px;'>&nbsp;</p>
154   - <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
155   - </div>
156   - <div style='display:none;background-color:rgb(250,250,250);'>
157   - <p style='font-size:6px;'>&nbsp;</p>
158   - <img title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
159   - </div>
160   - <div style='display:none;background-color:rgb(250,250,250);'>
161   - <p style='font-size:6px;'>&nbsp;</p>
162   - <img title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
163   - </div>
164   - <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
165   -</div>
166   -<script type="text/javascript">
  169 +i3GEO.Interface.openlayers.GADGETS = {
  170 + PanZoomBar:true,
  171 + PanZoom:false,
  172 + LayerSwitcher:true,
  173 + ScaleLine:true,
  174 + OverviewMap:false
  175 + };
  176 +i3GEO.Interface.openlayers.TILES = true;
  177 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  178 +i3GEO.cria();
  179 +i3GEO.configura.mapaRefDisplay = "none";
167 180  
168   -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
169   -i3GEO.arvoreDeCamadas.EXPANDIDA = true;
170   -i3GEO.cria()
171   -i3GEO.inicia();
  181 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  182 +i3GEO.barraDeBotoes.OFFSET = -170;
  183 +
  184 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  185 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  186 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  187 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  188 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
172 189  
  190 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  191 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  192 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  193 +i3GEO.mapa.AUTORESIZE = true;
  194 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  195 +(function(){
  196 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  197 + "ESRI Ocean Basemap",
  198 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  199 + {format:"jpg"},
  200 + {isBaseLayer:true,visibility:false}
  201 + );
  202 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  203 + "ESRI Imagery World 2D",
  204 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  205 + {},
  206 + {isBaseLayer:true,visibility:false}
  207 + );
  208 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  209 + "ESRI World Street Map",
  210 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  211 + {},
  212 + {isBaseLayer:true,visibility:false}
  213 + );
  214 + var bra = new OpenLayers.Layer.WMS(
  215 + "Base carto MMA",
  216 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  217 + {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
  218 + {isBaseLayer:true,visibility:false}
  219 + );
  220 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
  221 +})();
173 222  
  223 +i3GEO.arvoreDeCamadas.EXPANDIDA = true;
  224 +i3GEO.inicia();
174 225 </script>
175 226 </body>
176   -</html>
177 227 \ No newline at end of file
  228 +</html>
  229 +
  230 +
... ...
exemplos/camadas2.htm
  Diff comments   View file @1d766e3
1 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 2 <html>
3 3 <head>
4   -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6   -<title>i3Geo - Mapa interativo</title>
7   -<script type="text/javascript" src="../classesjs/i3geo.js"></script>
8   - <style>
9   - .yui-log .i3geo {background-color:yellow;} /* customize a color */
10   - .yui-log .redesenho {background-color:yellow;} /* customize a color */
11   - .yui-log .janela {background-color:yellow;} /* customize a color */
12   - .yui-log-bd {text-align:left;}
13   - .yui-log-entry yui-log-verbose, p{text-align:left;}
14   - .info {text-align:left;}
15   - </style>
  6 +<title>i3GEO - OpenLayers</title>
  7 +<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
  8 +<style>
  9 +.olControlEditingToolbar1 div {
  10 + background-image:url(../mashups/openlayers.png);
  11 + background-repeat:no-repeat;
  12 + float:right;
  13 + right: 0px;
  14 + height:29px;
  15 + margin:2px;
  16 + width:29px;
  17 + cursor:pointer;
  18 +}
  19 +</style>
16 20 </head>
17 21 <body id="i3geo">
18   -
  22 +<!-- inclui o nome do usuario logado -->
  23 +<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
19 24 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  25 +
  26 +<!--
  27 + Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
  28 +-->
20 29 <tr style="border:0px">
21 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 31 </tr>
... ... @@ -24,154 +33,196 @@
24 33 <td>
25 34 <table width=100% cellspacing=0 cellpadding=0 >
26 35 <tr>
27   - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
  36 + <td></td>
28 37 <td>
  38 + <!--
  39 + Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
  40 + Para remover uma guia, basta comentar a linha
  41 + -->
29 42 <div class=verdeescuro style="top:0px;cursor:pointer;">
30   - <div id=guia1 class=guia >Temas</div>
31   - <div id=guia2 class=guia >Adiciona</div>
32   - <div id=guia4 class=guia >Legenda</div>
33   - <div id=guia5 class=guia >Links</div>
  43 + <div id=guia1 class=guia ></div>
  44 + <div id=guia2 class=guia ></div>
  45 + <div id=guia4 class=guia ></div>
  46 + <div id=guia5 class=guia ></div>
34 47 </div>
35 48 </td>
  49 +
36 50 </tr>
37 51 </table>
38 52 </td>
39 53 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
40   - <div id="menus" ></div>
  54 + <!--
  55 + menu suspenso
  56 + -->
  57 + <div id="menus" ></div>
41 58 </td>
42 59 </tr>
43 60 <tr>
44 61 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
  62 + <!--
  63 + As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
  64 + Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
  65 + o div com id=guia1 deve ter um div com id=guia1obj
  66 + -->
45 67 <div id='guia1obj' >
46   - <div style='left:5px;top:10px;' id=buscaRapida ></div>
  68 + <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
  69 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  70 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
47 71 <div id=listaPropriedades style='top:15px;' ></div>
  72 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  73 + <div id=listaLayersBase style='top:15px;'></div>
  74 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
48 75 <div id=listaTemas style='top:15px;'></div>
49 76 </div>
  77 +
  78 + <!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
  79 + use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
  80 + <div id=arvoreAdicionaTema style='top:25px;' ></div>
  81 + <div id=outrasOpcoesAdiciona style='top:25px;' ></div>
  82 + -->
  83 +
50 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
51 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
52 86 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
53 87 </td>
54 88 <td style="vertical-align:top;border-width:0px;">
55 89 <table width="100%" style="vertical-align:top;border-width:0px">
56   - <tr><td class=verdeclaro id=contemImg >
57   - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  90 + <tr><td class=verdeclaro id=contemImg >
  91 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
58 92 </td></tr>
59 93 </table>
60 94 </td>
61 95 </tr>
  96 +
62 97 <tr>
  98 +
63 99 <td class=tdbranca >
64   - <div id=visual ></div>
  100 + <!--
  101 + Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
  102 + <div id=visual ></div>
  103 + -->
  104 + <!-- bot&atilde;o de compartilhamento em redes sociais -->
  105 + <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  106 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
65 107 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
66 108 </td>
67 109 <td class=tdbranca >
68   - <table width=100% ><tr>
69   - <td class=tdbranca ></td>
70   - <td class=tdbranca style=text-align:center >
71   - <div id=localizarxy >
72   - Aguarde...
73   - </div>
74   - </td>
75   - <td class=tdbranca ><div id=escala ></div></td>
76   - <td class=tdbranca ><div id=ondeestou ></div></td>
  110 + <table width=100% >
  111 + <tr>
  112 + <td class=tdbranca >
  113 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  114 + <div id=escala style="text-align:right;" ></div>
  115 + </td>
  116 + <td class=tdbranca >
  117 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  118 + <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
  119 + </td>
  120 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  121 + <td class=tdbranca ><div id=seletorIdiomas ></div></td>
  122 + <!--
  123 + A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
  124 + que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
  125 + SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
  126 + -->
  127 + <td class=tdbranca ><div id=ondeestou ></div></td>
77 128 </tr>
78   - <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  129 + <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
  130 + As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
  131 + i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
  132 + se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
  133 + <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  134 + -->
79 135 </table>
80 136 </td>
81 137 </tr>
82 138 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
  139 +<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
83 140 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
84   -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
  141 +<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
  142 +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
85 143  
86 144 </table>
87   -</center>
88   -<div id=barraDeBotoes1 style='display:none'>
89   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
90   - <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
91   - <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
92   - <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
93   - <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table>
94   - <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table>
95   - <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>
96   -</div>
97   -<div id=barraDeBotoes2 style='display:none'>
98   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
99   - <tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
100   - </table>
101   - <div style='display:inline;background-color:rgb(250,250,250);'>
102   - <p style='font-size:6px;'>&nbsp;</p>
103   - <img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
104   - </div>
  145 +<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
  146 + <tr>
  147 + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  148 + </tr>
  149 + <tr>
  150 + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
  151 + </tr>
  152 + <tr>
  153 + <td>
  154 + <!--
  155 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  156 + -->
  157 + </td>
  158 + </tr>
  159 +</table>
105 160  
106   - <div style='display:inline;background-color:rgb(250,250,250);'>
107   - <p style='font-size:6px;'>&nbsp;</p>
108   - <img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
109   - </div>
110   -
111   - <div style='display:inline;background-color:rgb(250,250,250);'>
112   - <p style='font-size:6px;'>&nbsp;</p>
113   - <img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
114   - </div>
  161 +<script src="../classesjs/i3geo47.js"></script>
  162 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  163 +<script>
  164 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  165 +i3GEO.configura.autotamanho = false;
  166 +i3GEO.Interface.ATUAL = "openlayers";
  167 +i3GEO.Interface.IDCORPO = "contemImg";
115 168  
116   - <div style='display:inline;background-color:rgb(250,250,250);'>
117   - <p style='font-size:6px;'>&nbsp;</p>
118   - <img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
119   - </div>
120   - <div style='display:inline;background-color:rgb(250,250,250);'>
121   - <p style='font-size:6px;'>&nbsp;</p>
122   - <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
123   - </div>
124   - <div style='display:inline;background-color:rgb(250,250,250);'>
125   - <p style='font-size:6px;'>&nbsp;</p>
126   - <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
127   - </div>
128   - <div style='display:inline;background-color:rgb(250,250,250);'>
129   - <p style='font-size:6px;'>&nbsp;</p>
130   - <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
131   - </div>
132   - <div style='display:inline;background-color:rgb(250,250,250);'>
133   - <p style='font-size:6px;'>&nbsp;</p>
134   - <img title="google" alt="" src="../imagens/branco.gif" id='google'/>
135   - </div>
136   - <div style='display:inline;background-color:rgb(250,250,250);'>
137   - <p style='font-size:6px;'>&nbsp;</p>
138   - <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
139   - </div>
140   - <div style='display:none;background-color:rgb(250,250,250);'>
141   - <p style='font-size:6px;'>&nbsp;</p>
142   - <img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
143   - </div>
144   - <div style='display:none;background-color:rgb(250,250,250);'>
145   - <p style='font-size:6px;'>&nbsp;</p>
146   - <img title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
147   - </div>
148   - <div style='display:none;background-color:rgb(250,250,250);'>
149   - <p style='font-size:6px;'>&nbsp;</p>
150   - <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
151   - </div>
152   - <div style='display:none;background-color:rgb(250,250,250);'>
153   - <p style='font-size:6px;'>&nbsp;</p>
154   - <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
155   - </div>
156   - <div style='display:none;background-color:rgb(250,250,250);'>
157   - <p style='font-size:6px;'>&nbsp;</p>
158   - <img title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
159   - </div>
160   - <div style='display:none;background-color:rgb(250,250,250);'>
161   - <p style='font-size:6px;'>&nbsp;</p>
162   - <img title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
163   - </div>
164   - <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
165   -</div>
166   -<script type="text/javascript">
  169 +i3GEO.Interface.openlayers.GADGETS = {
  170 + PanZoomBar:true,
  171 + PanZoom:false,
  172 + LayerSwitcher:true,
  173 + ScaleLine:true,
  174 + OverviewMap:false
  175 + };
  176 +i3GEO.Interface.openlayers.TILES = true;
  177 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  178 +i3GEO.cria();
  179 +i3GEO.configura.mapaRefDisplay = "none";
  180 +
  181 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  182 +i3GEO.barraDeBotoes.OFFSET = -170;
  183 +
  184 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  185 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  186 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  187 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  188 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  189 +
  190 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  191 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  192 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  193 +i3GEO.mapa.AUTORESIZE = true;
  194 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  195 +(function(){
  196 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  197 + "ESRI Ocean Basemap",
  198 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  199 + {format:"jpg"},
  200 + {isBaseLayer:true,visibility:false}
  201 + );
  202 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  203 + "ESRI Imagery World 2D",
  204 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  205 + {},
  206 + {isBaseLayer:true,visibility:false}
  207 + );
  208 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  209 + "ESRI World Street Map",
  210 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  211 + {},
  212 + {isBaseLayer:true,visibility:false}
  213 + );
  214 + var bra = new OpenLayers.Layer.WMS(
  215 + "Base carto MMA",
  216 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  217 + {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
  218 + {isBaseLayer:true,visibility:false}
  219 + );
  220 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
  221 +})();
167 222  
168   -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
169 223 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
170 224 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = true;
171   -i3GEO.cria()
172 225 i3GEO.inicia();
173   -
174   -
175 226 </script>
176 227 </body>
177   -</html>
178 228 \ No newline at end of file
  229 +</html>
... ...
exemplos/camadas3.htm
  Diff comments   View file @1d766e3
1 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 2 <html>
3 3 <head>
4   -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6   -<title>i3Geo - Mapa interativo</title>
7   -<script type="text/javascript" src="../classesjs/i3geo.js"></script>
8   - <style>
9   - .yui-log .i3geo {background-color:yellow;} /* customize a color */
10   - .yui-log .redesenho {background-color:yellow;} /* customize a color */
11   - .yui-log .janela {background-color:yellow;} /* customize a color */
12   - .yui-log-bd {text-align:left;}
13   - .yui-log-entry yui-log-verbose, p{text-align:left;}
14   - .info {text-align:left;}
15   - </style>
  6 +<title>i3GEO - OpenLayers</title>
  7 +<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
  8 +<style>
  9 +.olControlEditingToolbar1 div {
  10 + background-image:url(../mashups/openlayers.png);
  11 + background-repeat:no-repeat;
  12 + float:right;
  13 + right: 0px;
  14 + height:29px;
  15 + margin:2px;
  16 + width:29px;
  17 + cursor:pointer;
  18 +}
  19 +</style>
16 20 </head>
17 21 <body id="i3geo">
18   -
  22 +<!-- inclui o nome do usuario logado -->
  23 +<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
19 24 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  25 +
  26 +<!--
  27 + Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
  28 +-->
20 29 <tr style="border:0px">
21 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 31 </tr>
... ... @@ -24,155 +33,202 @@
24 33 <td>
25 34 <table width=100% cellspacing=0 cellpadding=0 >
26 35 <tr>
27   - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
  36 + <td></td>
28 37 <td>
  38 + <!--
  39 + Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
  40 + Para remover uma guia, basta comentar a linha
  41 + -->
29 42 <div class=verdeescuro style="top:0px;cursor:pointer;">
30   - <div id=guia1 class=guia >Temas</div>
31   - <div id=guia2 class=guia >Adiciona</div>
32   - <div id=guia4 class=guia >Legenda</div>
33   - <div id=guia5 class=guia >Links</div>
  43 + <div id=guia1 class=guia ></div>
  44 + <div id=guia2 class=guia ></div>
  45 + <div id=guia4 class=guia ></div>
  46 + <div id=guia5 class=guia ></div>
34 47 </div>
35 48 </td>
  49 +
36 50 </tr>
37 51 </table>
38 52 </td>
39 53 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
40   - <div id="menus" ></div>
  54 + <!--
  55 + menu suspenso
  56 + -->
  57 + <div id="menus" ></div>
41 58 </td>
42 59 </tr>
43 60 <tr>
44 61 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
  62 + <!--
  63 + As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
  64 + Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
  65 + o div com id=guia1 deve ter um div com id=guia1obj
  66 + -->
45 67 <div id='guia1obj' >
  68 + <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
  69 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  70 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  71 + <div id=listaPropriedades style='top:15px;' ></div>
  72 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  73 + <div id=listaLayersBase style='top:15px;'></div>
  74 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
46 75 <div id=listaTemas style='top:15px;'></div>
47 76 </div>
  77 +
  78 + <!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
  79 + use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
  80 + <div id=arvoreAdicionaTema style='top:25px;' ></div>
  81 + <div id=outrasOpcoesAdiciona style='top:25px;' ></div>
  82 + -->
  83 +
48 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
49 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
50 86 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
51 87 </td>
52 88 <td style="vertical-align:top;border-width:0px;">
53 89 <table width="100%" style="vertical-align:top;border-width:0px">
54   - <tr><td class=verdeclaro id=contemImg >
55   - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  90 + <tr><td class=verdeclaro id=contemImg >
  91 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
56 92 </td></tr>
57 93 </table>
58 94 </td>
59 95 </tr>
  96 +
60 97 <tr>
  98 +
61 99 <td class=tdbranca >
62   - <div id=visual ></div>
  100 + <!--
  101 + Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
  102 + <div id=visual ></div>
  103 + -->
  104 + <!-- bot&atilde;o de compartilhamento em redes sociais -->
  105 + <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  106 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
63 107 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
64 108 </td>
65 109 <td class=tdbranca >
66   - <table width=100% ><tr>
67   - <td class=tdbranca ></td>
68   - <td class=tdbranca style=text-align:center >
69   - <div id=localizarxy >
70   - Aguarde...
71   - </div>
72   - </td>
73   - <td class=tdbranca ><div id=escala ></div></td>
74   - <td class=tdbranca ><div id=ondeestou ></div></td>
  110 + <table width=100% >
  111 + <tr>
  112 + <td class=tdbranca >
  113 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  114 + <div id=escala style="text-align:right;" ></div>
  115 + </td>
  116 + <td class=tdbranca >
  117 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  118 + <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
  119 + </td>
  120 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  121 + <td class=tdbranca ><div id=seletorIdiomas ></div></td>
  122 + <!--
  123 + A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
  124 + que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
  125 + SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
  126 + -->
  127 + <td class=tdbranca ><div id=ondeestou ></div></td>
75 128 </tr>
76   - <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  129 + <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
  130 + As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
  131 + i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
  132 + se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
  133 + <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  134 + -->
77 135 </table>
78 136 </td>
79 137 </tr>
80 138 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
  139 +<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
81 140 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
82   -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
  141 +<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
  142 +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
83 143  
84 144 </table>
85   -</center>
86   -<div id=barraDeBotoes1 style='display:none'>
87   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
88   - <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
89   - <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
90   - <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
91   - <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table>
92   - <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table>
93   - <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>
94   -</div>
95   -<div id=barraDeBotoes2 style='display:none'>
96   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
97   - <tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
98   - </table>
99   - <div style='display:inline;background-color:rgb(250,250,250);'>
100   - <p style='font-size:6px;'>&nbsp;</p>
101   - <img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
102   - </div>
103   -
104   - <div style='display:inline;background-color:rgb(250,250,250);'>
105   - <p style='font-size:6px;'>&nbsp;</p>
106   - <img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
107   - </div>
108   -
109   - <div style='display:inline;background-color:rgb(250,250,250);'>
110   - <p style='font-size:6px;'>&nbsp;</p>
111   - <img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
112   - </div>
113   -
114   - <div style='display:inline;background-color:rgb(250,250,250);'>
115   - <p style='font-size:6px;'>&nbsp;</p>
116   - <img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
117   - </div>
118   - <div style='display:inline;background-color:rgb(250,250,250);'>
119   - <p style='font-size:6px;'>&nbsp;</p>
120   - <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
121   - </div>
122   - <div style='display:inline;background-color:rgb(250,250,250);'>
123   - <p style='font-size:6px;'>&nbsp;</p>
124   - <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
125   - </div>
126   - <div style='display:inline;background-color:rgb(250,250,250);'>
127   - <p style='font-size:6px;'>&nbsp;</p>
128   - <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
129   - </div>
130   - <div style='display:inline;background-color:rgb(250,250,250);'>
131   - <p style='font-size:6px;'>&nbsp;</p>
132   - <img title="google" alt="" src="../imagens/branco.gif" id='google'/>
133   - </div>
134   - <div style='display:inline;background-color:rgb(250,250,250);'>
135   - <p style='font-size:6px;'>&nbsp;</p>
136   - <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
137   - </div>
138   - <div style='display:none;background-color:rgb(250,250,250);'>
139   - <p style='font-size:6px;'>&nbsp;</p>
140   - <img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
141   - </div>
142   - <div style='display:none;background-color:rgb(250,250,250);'>
143   - <p style='font-size:6px;'>&nbsp;</p>
144   - <img title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
145   - </div>
146   - <div style='display:none;background-color:rgb(250,250,250);'>
147   - <p style='font-size:6px;'>&nbsp;</p>
148   - <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
149   - </div>
150   - <div style='display:none;background-color:rgb(250,250,250);'>
151   - <p style='font-size:6px;'>&nbsp;</p>
152   - <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
153   - </div>
154   - <div style='display:none;background-color:rgb(250,250,250);'>
155   - <p style='font-size:6px;'>&nbsp;</p>
156   - <img title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
157   - </div>
158   - <div style='display:none;background-color:rgb(250,250,250);'>
159   - <p style='font-size:6px;'>&nbsp;</p>
160   - <img title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
161   - </div>
162   - <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
163   -</div>
164   -<script type="text/javascript">
  145 +<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
  146 + <tr>
  147 + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  148 + </tr>
  149 + <tr>
  150 + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
  151 + </tr>
  152 + <tr>
  153 + <td>
  154 + <!--
  155 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  156 + -->
  157 + </td>
  158 + </tr>
  159 +</table>
165 160  
  161 +<script src="../classesjs/i3geo47.js"></script>
  162 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  163 +<script>
166 164 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  165 +i3GEO.configura.autotamanho = false;
  166 +i3GEO.Interface.ATUAL = "openlayers";
  167 +i3GEO.Interface.IDCORPO = "contemImg";
  168 +
  169 +i3GEO.Interface.openlayers.GADGETS = {
  170 + PanZoomBar:true,
  171 + PanZoom:false,
  172 + LayerSwitcher:true,
  173 + ScaleLine:true,
  174 + OverviewMap:false
  175 + };
  176 +i3GEO.Interface.openlayers.TILES = true;
  177 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  178 +i3GEO.cria();
  179 +i3GEO.configura.mapaRefDisplay = "none";
  180 +
  181 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  182 +i3GEO.barraDeBotoes.OFFSET = -170;
  183 +
  184 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  185 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  186 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  187 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  188 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  189 +
  190 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  191 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  192 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  193 +i3GEO.mapa.AUTORESIZE = true;
  194 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  195 +(function(){
  196 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  197 + "ESRI Ocean Basemap",
  198 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  199 + {format:"jpg"},
  200 + {isBaseLayer:true,visibility:false}
  201 + );
  202 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  203 + "ESRI Imagery World 2D",
  204 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  205 + {},
  206 + {isBaseLayer:true,visibility:false}
  207 + );
  208 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  209 + "ESRI World Street Map",
  210 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  211 + {},
  212 + {isBaseLayer:true,visibility:false}
  213 + );
  214 + var bra = new OpenLayers.Layer.WMS(
  215 + "Base carto MMA",
  216 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  217 + {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
  218 + {isBaseLayer:true,visibility:false}
  219 + );
  220 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
  221 +})();
  222 +
  223 +
167 224 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
168 225 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false;
169 226 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false
170 227 i3GEO.arvoreDeCamadas.OPCOESICONES = false
171 228 i3GEO.configura.templateLegenda = "legenda3.htm"
172   -i3GEO.cria()
173 229 i3GEO.inicia();
174   -
175   -
176 230 </script>
177 231 </body>
178   -</html>
179 232 \ No newline at end of file
  233 +</html>
  234 +
  235 +
... ...
exemplos/camadas4.htm
  Diff comments   View file @1d766e3
1 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 2 <html>
3 3 <head>
4   -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6   -<title>i3Geo - Mapa interativo</title>
7   -<script type="text/javascript" src="../classesjs/i3geo.js"></script>
8   - <style>
9   - .yui-log .i3geo {background-color:yellow;} /* customize a color */
10   - .yui-log .redesenho {background-color:yellow;} /* customize a color */
11   - .yui-log .janela {background-color:yellow;} /* customize a color */
12   - .yui-log-bd {text-align:left;}
13   - .yui-log-entry yui-log-verbose, p{text-align:left;}
14   - .info {text-align:left;}
15   - </style>
  6 +<title>i3GEO - OpenLayers</title>
  7 +<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
  8 +<style>
  9 +.olControlEditingToolbar1 div {
  10 + background-image:url(../mashups/openlayers.png);
  11 + background-repeat:no-repeat;
  12 + float:right;
  13 + right: 0px;
  14 + height:29px;
  15 + margin:2px;
  16 + width:29px;
  17 + cursor:pointer;
  18 +}
  19 +</style>
16 20 </head>
17 21 <body id="i3geo">
18   -
  22 +<!-- inclui o nome do usuario logado -->
  23 +<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
19 24 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  25 +
  26 +<!--
  27 + Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
  28 +-->
20 29 <tr style="border:0px">
21 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 31 </tr>
... ... @@ -24,143 +33,186 @@
24 33 <td>
25 34 <table width=100% cellspacing=0 cellpadding=0 >
26 35 <tr>
27   - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
  36 + <td></td>
28 37 <td>
  38 + <!--
  39 + Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
  40 + Para remover uma guia, basta comentar a linha
  41 + -->
29 42 <div class=verdeescuro style="top:0px;cursor:pointer;">
30   - <div id=guia1 class=guia >Temas</div>
31   - <div id=guia4 class=guia >Legenda</div>
32   - <div id=guia5 class=guia >Links</div>
  43 + <div id=guia1 class=guia ></div>
  44 + <div id=guia2 class=guia ></div>
  45 + <div id=guia4 class=guia ></div>
  46 + <div id=guia5 class=guia ></div>
33 47 </div>
34 48 </td>
  49 +
35 50 </tr>
36 51 </table>
37 52 </td>
38 53 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
39   - <div id="menus" ></div>
  54 + <!--
  55 + menu suspenso
  56 + -->
  57 + <div id="menus" ></div>
40 58 </td>
41 59 </tr>
42 60 <tr>
43 61 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
  62 + <!--
  63 + As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
  64 + Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
  65 + o div com id=guia1 deve ter um div com id=guia1obj
  66 + -->
44 67 <div id='guia1obj' >
  68 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  69 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  70 + <div id=listaPropriedades style='top:15px;' ></div>
  71 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  72 + <div id=listaLayersBase style='top:15px;'></div>
  73 + <br>
45 74 <input style="cursor:pointer;left:-60px;top:10px;position:relative;" id=botaoMaisTemas size=10 type=button value="Adicionar mais temas" onclick="janelaMaisTemas()" />
  75 +
  76 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
46 77 <div id=listaTemas style='top:15px;'></div>
47 78 </div>
48 79 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
49   - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
50 80 </td>
51 81 <td style="vertical-align:top;border-width:0px;">
52 82 <table width="100%" style="vertical-align:top;border-width:0px">
53   - <tr><td class=verdeclaro id=contemImg >
54   - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  83 + <tr><td class=verdeclaro id=contemImg >
  84 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
55 85 </td></tr>
56 86 </table>
57 87 </td>
58 88 </tr>
  89 +
59 90 <tr>
  91 +
60 92 <td class=tdbranca >
61   - <div id=visual ></div>
  93 + <!--
  94 + Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
  95 + <div id=visual ></div>
  96 + -->
  97 + <!-- bot&atilde;o de compartilhamento em redes sociais -->
  98 + <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  99 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
62 100 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
63 101 </td>
64 102 <td class=tdbranca >
65   - <table width=100% ><tr>
66   - <td class=tdbranca ></td>
67   - <td class=tdbranca style=text-align:center >
68   - <div id=localizarxy >
69   - Aguarde...
70   - </div>
71   - </td>
72   - <td class=tdbranca ><div id=escala ></div></td>
73   - <td class=tdbranca ><div id=ondeestou ></div></td>
  103 + <table width=100% >
  104 + <tr>
  105 + <td class=tdbranca >
  106 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  107 + <div id=escala style="text-align:right;" ></div>
  108 + </td>
  109 + <td class=tdbranca >
  110 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  111 + <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
  112 + </td>
  113 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  114 + <td class=tdbranca ><div id=seletorIdiomas ></div></td>
  115 + <!--
  116 + A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
  117 + que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
  118 + SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
  119 + -->
  120 + <td class=tdbranca ><div id=ondeestou ></div></td>
74 121 </tr>
75   - <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  122 + <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
  123 + As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
  124 + i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
  125 + se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
  126 + <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
  127 + -->
76 128 </table>
77 129 </td>
78 130 </tr>
79 131 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
  132 +<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
80 133 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
81   -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
  134 +<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
  135 +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
82 136  
83 137 </table>
84   -</center>
85   -<div id=barraDeBotoes1 style='display:none'>
86   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
87   - <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
88   - <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
89   - <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
90   - <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table>
91   - <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table>
92   - <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>
93   -</div>
94   -<div id=barraDeBotoes2 style='display:none'>
95   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
96   - <tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
97   - </table>
98   - <div style='display:inline;background-color:rgb(250,250,250);'>
99   - <p style='font-size:6px;'>&nbsp;</p>
100   - <img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
101   - </div>
  138 +<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
  139 + <tr>
  140 + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  141 + </tr>
  142 + <tr>
  143 + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
  144 + </tr>
  145 + <tr>
  146 + <td>
  147 + <!--
  148 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  149 + -->
  150 + </td>
  151 + </tr>
  152 +</table>
  153 +
  154 +<script src="../classesjs/i3geo47.js"></script>
  155 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  156 +<script>
  157 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  158 +i3GEO.configura.autotamanho = false;
  159 +i3GEO.Interface.ATUAL = "openlayers";
  160 +i3GEO.Interface.IDCORPO = "contemImg";
  161 +
  162 +i3GEO.Interface.openlayers.GADGETS = {
  163 + PanZoomBar:true,
  164 + PanZoom:false,
  165 + LayerSwitcher:true,
  166 + ScaleLine:true,
  167 + OverviewMap:false
  168 + };
  169 +i3GEO.Interface.openlayers.TILES = true;
  170 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  171 +i3GEO.cria();
  172 +i3GEO.configura.mapaRefDisplay = "none";
102 173  
103   - <div style='display:inline;background-color:rgb(250,250,250);'>
104   - <p style='font-size:6px;'>&nbsp;</p>
105   - <img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
106   - </div>
107   -
108   - <div style='display:inline;background-color:rgb(250,250,250);'>
109   - <p style='font-size:6px;'>&nbsp;</p>
110   - <img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
111   - </div>
  174 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  175 +i3GEO.barraDeBotoes.OFFSET = -170;
  176 +
  177 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  178 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  179 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  180 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  181 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  182 +
  183 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  184 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  185 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  186 +i3GEO.mapa.AUTORESIZE = true;
  187 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  188 +(function(){
  189 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  190 + "ESRI Ocean Basemap",
  191 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  192 + {format:"jpg"},
  193 + {isBaseLayer:true,visibility:false}
  194 + );
  195 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  196 + "ESRI Imagery World 2D",
  197 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  198 + {},
  199 + {isBaseLayer:true,visibility:false}
  200 + );
  201 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  202 + "ESRI World Street Map",
  203 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  204 + {},
  205 + {isBaseLayer:true,visibility:false}
  206 + );
  207 + var bra = new OpenLayers.Layer.WMS(
  208 + "Base carto MMA",
  209 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  210 + {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
  211 + {isBaseLayer:true,visibility:false}
  212 + );
  213 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
  214 +})();
112 215  
113   - <div style='display:inline;background-color:rgb(250,250,250);'>
114   - <p style='font-size:6px;'>&nbsp;</p>
115   - <img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
116   - </div>
117   - <div style='display:inline;background-color:rgb(250,250,250);'>
118   - <p style='font-size:6px;'>&nbsp;</p>
119   - <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
120   - </div>
121   - <div style='display:inline;background-color:rgb(250,250,250);'>
122   - <p style='font-size:6px;'>&nbsp;</p>
123   - <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
124   - </div>
125   - <div style='display:inline;background-color:rgb(250,250,250);'>
126   - <p style='font-size:6px;'>&nbsp;</p>
127   - <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
128   - </div>
129   - <div style='display:inline;background-color:rgb(250,250,250);'>
130   - <p style='font-size:6px;'>&nbsp;</p>
131   - <img title="google" alt="" src="../imagens/branco.gif" id='google'/>
132   - </div>
133   - <div style='display:inline;background-color:rgb(250,250,250);'>
134   - <p style='font-size:6px;'>&nbsp;</p>
135   - <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
136   - </div>
137   - <div style='display:none;background-color:rgb(250,250,250);'>
138   - <p style='font-size:6px;'>&nbsp;</p>
139   - <img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
140   - </div>
141   - <div style='display:none;background-color:rgb(250,250,250);'>
142   - <p style='font-size:6px;'>&nbsp;</p>
143   - <img title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
144   - </div>
145   - <div style='display:none;background-color:rgb(250,250,250);'>
146   - <p style='font-size:6px;'>&nbsp;</p>
147   - <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
148   - </div>
149   - <div style='display:none;background-color:rgb(250,250,250);'>
150   - <p style='font-size:6px;'>&nbsp;</p>
151   - <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
152   - </div>
153   - <div style='display:none;background-color:rgb(250,250,250);'>
154   - <p style='font-size:6px;'>&nbsp;</p>
155   - <img title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
156   - </div>
157   - <div style='display:none;background-color:rgb(250,250,250);'>
158   - <p style='font-size:6px;'>&nbsp;</p>
159   - <img title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
160   - </div>
161   - <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
162   -</div>
163   -<script type="text/javascript">
164 216 function janelaMaisTemas(){
165 217 var janela = i3GEO.janela.cria("400px","380px","","","","+ Temas","maisTemas");
166 218 janela[2].style.textAlign="left"
... ... @@ -177,9 +229,7 @@ i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false;
177 229 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false
178 230 i3GEO.arvoreDeCamadas.OPCOESICONES = false
179 231 i3GEO.configura.templateLegenda = "legenda3.htm"
180   -i3GEO.cria()
181 232 i3GEO.inicia();
182   -
183 233 </script>
184 234 </body>
185   -</html>
186 235 \ No newline at end of file
  236 +</html>
... ...
exemplos/combos.htm
  Diff comments   View file @1d766e3
... ... @@ -4,14 +4,14 @@
4 4 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
5 5  
6 6 <script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
7   -
  7 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
8 8 </head>
9 9 <body id="i3geo" style=background-color:white; >
10 10 <div id=listaTemas style='position:absolute;top:15px;left:15px'></div>
11 11 <div style='position:absolute;top:15px;left:350px;width:600px'>
12 12 <p class=paragrafo >
13   -A &aacute;rvore de camadas mostra a lista de layers que est&atilde;o dispon&iacute;veis no mapa atual. Com base nessa &aacute;rvore,
14   -podem ser montados caixas de sele&ccedil;&atilde;o (combos). Esses combos s&atilde;o importantes na cria&ccedil;&atilde;o de ferramentas
  13 +A &aacute;rvore de camadas mostra a lista de layers que est&atilde;o dispon&iacute;veis no mapa atual. Com base nessa &aacute;rvore,
  14 +podem ser montados caixas de sele&ccedil;&atilde;o (combos). Esses combos s&atilde;o importantes na cria&ccedil;&atilde;o de ferramentas
15 15 novas ou na customiza&ccedil;&atilde;o do i3Geo.
16 16 </p>
17 17 <p class=paragrafo >
... ...
exemplos/fotos.htm
  Diff comments   View file @1d766e3
1 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 2 <html>
3 3 <head>
4   -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6   -<title>i3Geo - Mapa interativo</title>
7   -<!--
8   - Leitura dos programas javaScript e estilos.
9   - Os códigos do i3geo s&atilde;o compactados para tornar o carregamento mais r&aacute;pido.
10   - Se vc alterar os códigos originais, n&atilde;o se esque&ccedil;a de compact&aacute;-los com classesjs/compactajs.php.
11   - Para depurar o código sem ter de compact&aacute;-los, substitua na linha abaixo
12   - o arquivo i3geo.js por i3geonaocompacto.js
13   - No modo n&atilde;o compactado o código est&aacute; adaptado para uso com o Firebug do Firefox.
14   --->
15   -<script type="text/javascript" src="../classesjs/i3geo47.js"></script>
16   - <style>
17   - .yui-log .i3geo {background-color:yellow;} /* customize a color */
18   - .yui-log .redesenho {background-color:yellow;} /* customize a color */
19   - .yui-log .janela {background-color:yellow;} /* customize a color */
20   - .yui-log-bd {text-align:left;}
21   - .yui-log-entry yui-log-verbose, p{text-align:left;}
22   - .info {text-align:left;}
23   - </style>
  6 +<title>i3GEO - OpenLayers</title>
  7 +<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
  8 +<style>
  9 +.olControlEditingToolbar1 div {
  10 + background-image:url(../mashups/openlayers.png);
  11 + background-repeat:no-repeat;
  12 + float:right;
  13 + right: 0px;
  14 + height:29px;
  15 + margin:2px;
  16 + width:29px;
  17 + cursor:pointer;
  18 +}
  19 +</style>
24 20 </head>
25 21 <body id="i3geo">
26   -
27   -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0' >
  22 +<!-- inclui o nome do usuario logado -->
  23 +<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
  24 +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
28 25  
29 26 <!--
30 27 Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
... ... @@ -36,16 +33,16 @@
36 33 <td>
37 34 <table width=100% cellspacing=0 cellpadding=0 >
38 35 <tr>
39   - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
  36 + <td></td>
40 37 <td>
41 38 <!--
42 39 Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
  40 + Para remover uma guia, basta comentar a linha
43 41 -->
44   -
45 42 <div class=verdeescuro style="top:0px;cursor:pointer;">
46   - <div id=guia1 class=guia >Temas</div>
47   - <div id=guia2 class=guia >Adiciona</div>
48   - <div id=guia4 class=guia >Legenda</div>
  43 + <div id=guia1 class=guia ></div>
  44 + <div id=guia2 class=guia ></div>
  45 + <div id=guia4 class=guia ></div>
49 46 <div id=guia6 class=guia >Fotos</div>
50 47 </div>
51 48 </td>
... ... @@ -57,31 +54,33 @@
57 54 <!--
58 55 menu suspenso
59 56 -->
60   - <div id="menus" ></div>
  57 + <div id="menus" ></div>
61 58 </td>
62 59 </tr>
63 60 <tr>
64 61 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
65 62 <!--
66   - Esta div acrescenta a lista de propriedades do mapa, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico
67   - -->
68   -
69   - <!--<div id=listaPropriedades ></div>-->
70   - <!--
71   - Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico
72   - -->
73   - <!-- <div id=buscaRapida ></div> -->
74   - <!--
75 63 As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
76 64 Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
77 65 o div com id=guia1 deve ter um div com id=guia1obj
78 66 -->
79 67 <div id='guia1obj' >
80   - <div style='left:5px;top:10px;' id=buscaRapida ></div>
  68 + <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
  69 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  70 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
81 71 <div id=listaPropriedades style='top:15px;' ></div>
  72 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  73 + <div id=listaLayersBase style='top:15px;'></div>
  74 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
82 75 <div id=listaTemas style='top:15px;'></div>
83 76 </div>
84 77  
  78 + <!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
  79 + use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
  80 + <div id=arvoreAdicionaTema style='top:25px;' ></div>
  81 + <div id=outrasOpcoesAdiciona style='top:25px;' ></div>
  82 + -->
  83 +
85 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
86 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
87 86 <div id='guia6obj' style='display:none;text-align:left'>
... ... @@ -90,12 +89,13 @@
90 89 </td>
91 90 <td style="vertical-align:top;border-width:0px;">
92 91 <table width="100%" style="vertical-align:top;border-width:0px">
93   - <tr><td class=verdeclaro id=contemImg >
94   - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  92 + <tr><td class=verdeclaro id=contemImg >
  93 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
95 94 </td></tr>
96 95 </table>
97 96 </td>
98 97 </tr>
  98 +
99 99 <tr>
100 100  
101 101 <td class=tdbranca >
... ... @@ -103,28 +103,30 @@
103 103 Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
104 104 <div id=visual ></div>
105 105 -->
106   - <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
107   - <div id="seletorIdiomas" ></div>
  106 + <!-- bot&atilde;o de compartilhamento em redes sociais -->
  107 + <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
108 108 <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
109 109 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
110 110 </td>
111 111 <td class=tdbranca >
112   - <table width=100% ><tr>
113   - <td class=tdbranca ></td>
114   - <td class=tdbranca style=text-align:center >
115   - <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
116   - <div id=localizarxy style="text-align:left;font-size:10px;">Aguarde...</div>
117   - </td>
118   - <td class=tdbranca >
119   - <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
120   - <div id=escala ></div>
121   - </td>
122   - <!--
123   - A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
124   - que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
125   - SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
126   - -->
127   - <td class=tdbranca ><div id=ondeestou ></div></td>
  112 + <table width=100% >
  113 + <tr>
  114 + <td class=tdbranca >
  115 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  116 + <div id=escala style="text-align:right;" ></div>
  117 + </td>
  118 + <td class=tdbranca >
  119 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  120 + <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
  121 + </td>
  122 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  123 + <td class=tdbranca ><div id=seletorIdiomas ></div></td>
  124 + <!--
  125 + A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
  126 + que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
  127 + SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
  128 + -->
  129 + <td class=tdbranca ><div id=ondeestou ></div></td>
128 130 </tr>
129 131 <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
130 132 As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
... ... @@ -138,137 +140,86 @@
138 140 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
139 141 <!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
140 142 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
141   -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
142   -</table>
  143 +<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
  144 +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
143 145  
144   -<center>
145   -<br><br>
146   -<table>
147   -<tr>
148   - <td colspan=3 ><center><img src='../imagens/i3geo1.jpg'></td>
149   -</tr>
150   -<tr><td style="padding:10px;"><center><img src='../imagens/pspb.png'></td>
151   - <td style="padding:10px;"><center><img src='../imagens/mapserv.png'></td>
152   - <td style="padding:10px;"><center><a href='http://mapas.mma.gov.br/download' target=blank ><img src='../imagens/somerights20_pt.gif' ></a></td>
153   -</tr>
154   -<tr>
155   - <td colspan=3 ><center>
156   - <script type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
157   - </td>
158   -</tr>
  146 +</table>
  147 +<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
  148 + <tr>
  149 + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  150 + </tr>
  151 + <tr>
  152 + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
  153 + </tr>
  154 + <tr>
  155 + <td>
  156 + <!--
  157 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  158 + -->
  159 + </td>
  160 + </tr>
159 161 </table>
160 162  
161   -
162   -<!--
163   - Barra de botoes que ser&atilde;o inclu&iacute;dos na janela móvel de navega&ccedil;&atilde;o
164   - Para excluir um bot&atilde;o &eacute; só apagar a linha.
165   - Para adicionar um bot&atilde;o, &eacute; só criar uma linha e especificar a fun&ccedil;&atilde;o que ser&aacute; executada quando o usu&aacute;rio clicar no bot&atilde;o
166   --->
167   -<div id=barraDeBotoes1 style='display:none'>
168   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
169   - <div style='display:inline;background-color:rgb(250,250,250);'>
170   - <p style='font-size:4px;'>&nbsp;</p>
171   - <img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/>
172   - </div>
173   - <div style='display:inline;background-color:rgb(250,250,250);'>
174   - <p style='font-size:4px;'>&nbsp;</p>
175   - <img title="desloca" alt="" src="../imagens/branco.gif" id='pan'/>
176   - </div>
177   - <div style='display:inline;background-color:rgb(250,250,250);'>
178   - <p style='font-size:4px;'>&nbsp;</p>
179   - <img title="info" alt="" src="../imagens/branco.gif" id='identifica'/>
180   - </div>
181   - <div style='display:inline;background-color:rgb(250,250,250);'>
182   - <p style='font-size:4px;'>&nbsp;</p>
183   - <img title="geral" alt="" src="../imagens/branco.gif" id='zoomtot'/>
184   - </div>
185   -</div>
186   -<div id=barraDeBotoes2 style='display:none'>
187   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
188   - <tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
189   - </table>
190   - <div style='display:inline;background-color:rgb(250,250,250);'>
191   - <p style='font-size:4px;'>&nbsp;</p>
192   - <img title="mede" alt="" src="../imagens/branco.gif" id='mede'/>
193   - </div>
194   - <div style='display:inline;background-color:rgb(250,250,250);'>
195   - <p style='font-size:4px;'>&nbsp;</p>
196   - <img title="area" alt="" src="../imagens/branco.gif" id='area'/>
197   - </div>
198   - <div style='display:inline;background-color:rgb(250,250,250);'>
199   - <p style='font-size:4px;'>&nbsp;</p>
200   - <img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
201   - </div>
202   - <div style='display:inline;background-color:rgb(250,250,250);'>
203   - <p style='font-size:4px;'>&nbsp;</p>
204   - <img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
205   - </div>
206   - <div style='display:inline;background-color:rgb(250,250,250);'>
207   - <p style='font-size:4px;'>&nbsp;</p>
208   - <img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
209   - </div>
210   - <div style='display:inline;background-color:rgb(250,250,250);'>
211   - <p style='font-size:4px;'>&nbsp;</p>
212   - <img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
213   - </div>
214   - <div style='display:inline;background-color:rgb(250,250,250);'>
215   - <p style='font-size:4px;'>&nbsp;</p>
216   - <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
217   - </div>
218   - <div style='display:inline;background-color:rgb(250,250,250);'>
219   - <p style='font-size:4px;'>&nbsp;</p>
220   - <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
221   - </div>
222   - <div style='display:inline;background-color:rgb(250,250,250);'>
223   - <p style='font-size:4px;'>&nbsp;</p>
224   - <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
225   - </div>
226   - <div style='display:inline;background-color:rgb(250,250,250);'>
227   - <p style='font-size:4px;'>&nbsp;</p>
228   - <img title="google" alt="" src="../imagens/branco.gif" id='google'/>
229   - </div>
230   - <div style='display:none;background-color:rgb(250,250,250);'>
231   - <p style='font-size:4px;'>&nbsp;</p>
232   - <img title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
233   - </div>
234   - <div style='display:none;background-color:rgb(250,250,250);'>
235   - <p style='font-size:4px;'>&nbsp;</p>
236   - <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
237   - </div>
238   - <div style='display:none;background-color:rgb(250,250,250);'>
239   - <p style='font-size:4px;'>&nbsp;</p>
240   - <img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
241   - </div>
242   - <div style='display:none;background-color:rgb(250,250,250);'>
243   - <p style='font-size:4px;'>&nbsp;</p>
244   - <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
245   - </div>
246   - <div style='display:none;background-color:rgb(250,250,250);'>
247   - <p style='font-size:4px;'>&nbsp;</p>
248   - <img title="Insere gr&aacute;ficos" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
249   - </div>
250   - <div style='display:none;background-color:rgb(250,250,250);'>
251   - <p style='font-size:4px;'>&nbsp;</p>
252   - <img title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
253   - </div>
254   - <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
255   -</div>
256   -<div id=teste ></div>
257   -<!-- Vari&aacute;veis globais e inicializa&ccedil;&atilde;o do mapa-->
258   -<script type="text/javascript">
259   -
  163 +<script src="../classesjs/i3geo47.js"></script>
  164 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  165 +<script>
260 166 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
261   -
262   -
263   -i3GEO.cria()
264   -
265   -i3GEO.barraDeBotoes.AUTOALTURA = false
266   -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = true
267   -i3GEO.barraDeBotoes.PERMITEFECHAR = true
268   -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true
269   -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"
270   -i3GEO.idioma.IDSELETOR = "seletorIdiomas"
271   -i3GEO.interface.ATIVAMENUCONTEXTO = true;
  167 +i3GEO.configura.autotamanho = false;
  168 +i3GEO.Interface.ATUAL = "openlayers";
  169 +i3GEO.Interface.IDCORPO = "contemImg";
  170 +
  171 +i3GEO.Interface.openlayers.GADGETS = {
  172 + PanZoomBar:true,
  173 + PanZoom:false,
  174 + LayerSwitcher:true,
  175 + ScaleLine:true,
  176 + OverviewMap:false
  177 + };
  178 +i3GEO.Interface.openlayers.TILES = true;
  179 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  180 +i3GEO.cria();
  181 +i3GEO.configura.mapaRefDisplay = "none";
  182 +
  183 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  184 +i3GEO.barraDeBotoes.OFFSET = -170;
  185 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  186 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  187 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  188 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  189 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  190 +
  191 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  192 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  193 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  194 +i3GEO.mapa.AUTORESIZE = true;
  195 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  196 +(function(){
  197 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  198 + "ESRI Ocean Basemap",
  199 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  200 + {format:"jpg"},
  201 + {isBaseLayer:true,visibility:false}
  202 + );
  203 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  204 + "ESRI Imagery World 2D",
  205 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  206 + {},
  207 + {isBaseLayer:true,visibility:false}
  208 + );
  209 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  210 + "ESRI World Street Map",
  211 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  212 + {},
  213 + {isBaseLayer:true,visibility:false}
  214 + );
  215 + var bra = new OpenLayers.Layer.WMS(
  216 + "Base carto MMA",
  217 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  218 + {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
  219 + {isBaseLayer:true,visibility:false}
  220 + );
  221 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
  222 +})();
272 223 i3GEO.guias.CONFIGURA.guiaDeFotos = {
273 224 titulo:"Fotos",
274 225 id:"guia6",
... ... @@ -279,9 +230,9 @@ i3GEO.guias.ATUAL = &quot;guiaDeFotos&quot;;
279 230  
280 231 i3GEO.inicia();
281 232  
282   -var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js.php";
283   -i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos')","i3GEOF.buscaFotos_script");
284   -</script>
  233 +var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js";
  234 +i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos',1)","i3GEOF.buscaFotos_script");
285 235  
  236 +</script>
286 237 </body>
287   -</html>
288 238 \ No newline at end of file
  239 +</html>
... ...
exemplos/fotos1.htm
  Diff comments   View file @1d766e3
... ... @@ -8,13 +8,13 @@
8 8 Leitura dos programas javaScript e estilos.
9 9 Os códigos do i3geo s&atilde;o compactados para tornar o carregamento mais r&aacute;pido.
10 10 Se vc alterar os códigos originais, n&atilde;o se esque&ccedil;a de compact&aacute;-los com classesjs/compactajs.php.
11   - Para depurar o código sem ter de compact&aacute;-los, substitua na linha abaixo
  11 + Para depurar o código sem ter de compact&aacute;-los, substitua na linha abaixo
12 12 o arquivo i3geo.js por i3geo.js
13 13 -->
14 14 <script type="text/javascript" src="../classesjs/i3geo.js"></script>
15 15 <script type="text/javascript" src="../pacotes/openlayers/OpenLayers211.js.php"></script>
16 16  
17   - <style>
  17 + <style>
18 18 .yui-log .i3geo {background-color:yellow;} /* customize a color */
19 19 .yui-log .redesenho {background-color:yellow;} /* customize a color */
20 20 .yui-log .janela {background-color:yellow;} /* customize a color */
... ... @@ -45,7 +45,7 @@
45 45 border: 1px solid #aaa;
46 46 width: 290px;
47 47 *width:298px; /*IE*/
48   -
  48 +
49 49 }
50 50 .accordiontable{
51 51 text-align:left;
... ... @@ -96,9 +96,9 @@
96 96 }
97 97 .accordion dd.getHeight {
98 98 display: block;
99   -}
100   -
101   - </style>
  99 +}
  100 +
  101 + </style>
102 102 </head>
103 103 <body id="i3geo">
104 104  
... ... @@ -112,7 +112,7 @@
112 112 </tr>
113 113 <tr style="border:0px" >
114 114 <td colspan=2 id="contemMenu" style="text-align:right;height:19px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
115   - <div id="menus" ></div>
  115 + <div id="menus" ></div>
116 116 </td>
117 117 </tr>
118 118 <tr style="border:0px">
... ... @@ -197,7 +197,7 @@ i3GEO.Interface.openlayers.GADGETS = {
197 197 PanZoom:false,
198 198 LayerSwitcher:true,
199 199 ScaleLine:true,
200   - OverviewMap:false
  200 + OverviewMap:false
201 201 };
202 202 i3GEO.Interface.openlayers.TILES = false;
203 203  
... ... @@ -235,7 +235,7 @@ i3GEO.guias.ORDEM = [&quot;guiaDeFotos&quot;,&quot;temas&quot;,&quot;adiciona&quot;,&quot;legenda&quot;];
235 235 i3GEO.guias.ATUAL = "guiaDeFotos";
236 236 i3GEO.inicia();
237 237  
238   -var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js.php";
  238 +var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js";
239 239 i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos',1)","i3GEOF.buscaFotos_script");
240 240  
241 241 </script>
... ...
exemplos/iframe1.htm
  Diff comments   View file @1d766e3
... ... @@ -2,16 +2,16 @@
2 2 <html>
3 3 <head>
4 4 <script type="text/javascript" src="../classesjs/i3geo.js"></script>
5   - <style>
  5 + <style>
6 6 p{font-size:16px;text-align:left;padding:10px;}
7   - </style>
  7 + </style>
8 8 </head>
9 9 <body style="background:white;text-align:left; width:500px">
10 10 <p>Este &eacute; um exemplo de uso do i3Geo em um elemento IFRAME.
11   -<p>Neste caso, o iframe chama diretamente o ms_criamapa.php
12   -para inicializar o i3geo, o que n&atilde;o permite controlar o
13   -tamanho do mapa.
  11 +<p>Neste caso, o iframe chama diretamente o ms_criamapa.php
  12 +para inicializar o i3geo, o que n&atilde;o permite controlar o
  13 +tamanho do mapa.
14 14 <br>
15   -<iframe style="width:500px;height:500px" src="../ms_criamapa.php" />
  15 +<iframe style="width:700px;height:500px" src="../ms_criamapa.php" />
16 16 </body>
17 17 </html>
18 18 \ No newline at end of file
... ...
ferramentas/buscafotos/index.js
  Diff comments   View file @1d766e3
... ... @@ -46,13 +46,13 @@ Class: i3GEOF.buscaFotos
46 46 i3GEOF.buscaFotos = {
47 47 /*
48 48 Variavel: aguarde
49   -
  49 +
50 50 Objeto DOM com a imagem de aguarde existente no cabe&ccedil;alho da janela.
51 51 */
52 52 aguarde: "",
53 53 /*
54 54 Propriedade: chaveFlicker
55   -
  55 +
56 56 C&oacute;digo de acesso aos web services do Flicker
57 57 */
58 58 chaveFlicker: "b170cde3c3064ca44b1ae0fbe747575d",
... ... @@ -64,11 +64,11 @@ i3GEOF.buscaFotos = {
64 64 },
65 65 /*
66 66 Function: iniciaDicionario
67   -
  67 +
68 68 Carrega o dicion&aacute;rio e chama a fun&ccedil;&atilde;o que inicia a ferramenta
69   -
  69 +
70 70 O Javascript &eacute; carregado com o id i3GEOF.nomedaferramenta.dicionario_script
71   - */
  71 + */
72 72 iniciaDicionario: function(){
73 73 if(typeof(i3GEOF.buscaFotos.dicionario) === 'undefined'){
74 74 i3GEO.util.scriptTag(
... ... @@ -80,16 +80,16 @@ i3GEOF.buscaFotos = {
80 80 else{
81 81 i3GEOF.buscaFotos.iniciaJanelaFlutuante();
82 82 }
83   - },
  83 + },
84 84 /*
85 85 Function: inicia
86   -
  86 +
87 87 Inicia a ferramenta. &Eacute; chamado por criaJanelaFlutuante
88   -
  88 +
89 89 Parametro:
90   -
  90 +
91 91 iddiv {String} - id do div que receber&aacute; o conteudo HTML da ferramenta
92   -
  92 +
93 93 pagina {integer} - (opcional) p&aacute;gina que ser&aacute; mostrada. Se for definida a janela de busca ser&aacute; mostrada j&aacute; de in&iacute;cio por meio do servi&ccedil;o do panoramio
94 94 */
95 95 inicia: function(iddiv,busca){
... ... @@ -106,7 +106,7 @@ i3GEOF.buscaFotos = {
106 106 i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,300000);
107 107 i3GEOF.buscaFotos.mostraMenu();
108 108 }}});
109   -
  109 +
110 110 i3GEOF.buscaFotos.ativaFoco();
111 111 i3GEO.eventos.NAVEGAMAPA.push("i3GEOF.buscaFotos.busca('1')");
112 112 if(busca){
... ... @@ -119,11 +119,11 @@ i3GEOF.buscaFotos = {
119 119 },
120 120 /*
121 121 Function: html
122   -
  122 +
123 123 Gera o c&oacute;digo html para apresenta&ccedil;&atilde;o das op&ccedil;&otilde;es da ferramenta
124   -
  124 +
125 125 Retorno:
126   -
  126 +
127 127 String com o c&oacute;digo html
128 128 */
129 129 html:function(){
... ... @@ -158,15 +158,15 @@ i3GEOF.buscaFotos = {
158 158 ins += ' <input type=radio style="top:2px;background-color:#f2f2f2;border:0px solid white;cursor:pointer;position:relative;" onclick="i3GEOF.buscaFotos.esconde(this)" name=buscador value=locr id=i3GEObuscafotosbuscalocr /><a href="http://www.locr.com" target="_blank" >Locr</a>';
159 159 ins += ' </div>';
160 160 ins += ' <div id="i3GEObuscafotospaginas" style="top:10px;"></div><br>';
161   - ins += ' <div style="top:0px;left:5px;display:block;width:99%;overflow:auto" id="i3GEObuscafotosresultadofotos" ></div>';
  161 + ins += ' <div style="top:0px;left:5px;display:block;width:95%;overflow:auto" id="i3GEObuscafotosresultadofotos" ></div>';
162 162 ins += '</div>';
163 163 return ins;
164 164 },
165 165 /*
166 166 Function: iniciaJanelaFlutuante
167   -
  167 +
168 168 Cria a janela flutuante para controle da ferramenta.
169   - */
  169 + */
170 170 iniciaJanelaFlutuante: function(){
171 171 var minimiza,cabecalho,janela,divid,temp,titulo;
172 172 //funcao que sera executada ao ser clicado no cabe&ccedil;alho da janela
... ... @@ -197,11 +197,11 @@ i3GEOF.buscaFotos = {
197 197 temp = function(){
198 198 i3GEO.eventos.NAVEGAMAPA.remove("i3GEOF.buscaFotos.busca('1')");
199 199 };
200   - YAHOO.util.Event.addListener(janela[0].close, "click", temp);
  200 + YAHOO.util.Event.addListener(janela[0].close, "click", temp);
201 201 },
202 202 /*
203 203 Function: ativaFoco
204   -
  204 +
205 205 Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
206 206 */
207 207 ativaFoco: function(){
... ... @@ -215,7 +215,7 @@ i3GEOF.buscaFotos = {
215 215 },
216 216 /*
217 217 Function: mostraMenu
218   -
  218 +
219 219 Mostra o menu de escolha do provedor de fotos e esconde o aviso inicial
220 220 */
221 221 mostraMenu: function(){
... ... @@ -224,11 +224,11 @@ i3GEOF.buscaFotos = {
224 224 },
225 225 /*
226 226 Function: esconde
227   -
  227 +
228 228 Esconde as op&ccedil;&otilde;es de busca dos servidores de fotos e mostra as op&ccedil;&otilde;es do objeto especificado
229   -
  229 +
230 230 Parametro:
231   -
  231 +
232 232 obj - objeto que ter&aacute; o estilo modificado para display = none
233 233 */
234 234 esconde: function (obj){
... ... @@ -238,13 +238,13 @@ i3GEOF.buscaFotos = {
238 238 if(obj.value === "flickr")
239 239 {$i("i3GEObuscafotosf").style.display="block";}
240 240 else
241   - {i3GEOF.buscaFotos.busca("1");}
  241 + {i3GEOF.buscaFotos.busca("1");}
242 242 },
243 243 /*
244 244 Function: busca
245   -
  245 +
246 246 Procura as fotos no servidor escolhido e chama a fun&ccedil;&atilde;o correta de apresenta&ccedil;&atilde;o das fotos.
247   -
  247 +
248 248 */
249 249 busca: function(pagina){
250 250 i3GEOF.buscaFotos.aguarde.visibility = "visible";
... ... @@ -287,7 +287,7 @@ i3GEOF.buscaFotos = {
287 287 },
288 288 /*
289 289 Function: escondexy
290   -
  290 +
291 291 Esconde a imagem de localiza&ccedil;&atilde;o da foto no mapa
292 292 */
293 293 escondexy: function(){
... ... @@ -300,7 +300,7 @@ i3GEOF.buscaFotos = {
300 300 },
301 301 /*
302 302 Function: mostraxy
303   -
  303 +
304 304 Mostra a imagem que localiza a foto no mapa
305 305 */
306 306 mostraxy: function(xy){
... ... @@ -317,7 +317,7 @@ i3GEOF.buscaFotos = {
317 317 },
318 318 /*
319 319 Function: listafotospanoramio
320   -
  320 +
321 321 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Panoramio
322 322 */
323 323 listafotospanoramio: function(retorno){
... ... @@ -339,9 +339,9 @@ i3GEOF.buscaFotos = {
339 339 ins += "<img src='"+data.photos[i].photo_file_url+"' ";
340 340 ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' ";
341 341 ins += " onmouseover='i3GEOF.buscaFotos.mostraxy(\""+data.photos[i].latitude+","+data.photos[i].longitude+"\")'";
342   - ins += " onclick='javascript:window.open(\""+data.photos[i].owner_url+"\")' ";
  342 + ins += " onclick='javascript:window.open(\""+data.photos[i].owner_url+"\")' ";
343 343 t = data.photos[i].owner_name+" - "+data.photos[i].photo_title;
344   - ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />";
  344 + ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />";
345 345 }
346 346 }
347 347 }
... ... @@ -356,7 +356,7 @@ i3GEOF.buscaFotos = {
356 356 },
357 357 /*
358 358 Function: listafotosflickr
359   -
  359 +
360 360 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Flickr
361 361 */
362 362 listafotosflickr: function(retorno){
... ... @@ -383,7 +383,7 @@ i3GEOF.buscaFotos = {
383 383 ins += "<img src='http://farm"+data[i].farm+".static.flickr.com/"+data[i].server+"/"+data[i].id+"_"+data[i].secret+"_s.jpg' ";
384 384 ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' ";
385 385 ins += " onmouseover='i3GEOF.buscaFotos.mostraxy(\""+data[i].latitude+","+data[i].longitude+"\")'";
386   - ins += " onclick='javascript:window.open(\"http://www.flickr.com/photos/"+data[i].owner+"/"+data[i].id+"\")' ";
  386 + ins += " onclick='javascript:window.open(\"http://www.flickr.com/photos/"+data[i].owner+"/"+data[i].id+"\")' ";
387 387 t = data[i].title;
388 388 ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />";
389 389 }
... ... @@ -398,7 +398,7 @@ i3GEOF.buscaFotos = {
398 398 },
399 399 /*
400 400 Function: listafotoslocr
401   -
  401 +
402 402 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Locr
403 403 */
404 404 listafotoslocr: function(retorno){
... ...