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 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html> 2 <html>
3 <head> 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 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 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 </head> 20 </head>
17 <body id="i3geo"> 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 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> 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 <tr style="border:0px"> 29 <tr style="border:0px">
21 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 </tr> 31 </tr>
@@ -24,153 +33,197 @@ @@ -24,153 +33,197 @@
24 <td> 33 <td>
25 <table width=100% cellspacing=0 cellpadding=0 > 34 <table width=100% cellspacing=0 cellpadding=0 >
26 <tr> 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 <td> 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 <div class=verdeescuro style="top:0px;cursor:pointer;"> 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 </div> 47 </div>
35 </td> 48 </td>
  49 +
36 </tr> 50 </tr>
37 </table> 51 </table>
38 </td> 52 </td>
39 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> 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 </td> 58 </td>
42 </tr> 59 </tr>
43 <tr> 60 <tr>
44 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> 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 <div id='guia1obj' > 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 <div id=listaPropriedades style='top:15px;' ></div> 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 <div id=listaTemas style='top:15px;'></div> 75 <div id=listaTemas style='top:15px;'></div>
49 </div> 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 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
51 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
52 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> 86 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
53 </td> 87 </td>
54 <td style="vertical-align:top;border-width:0px;"> 88 <td style="vertical-align:top;border-width:0px;">
55 <table width="100%" style="vertical-align:top;border-width:0px"> 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 </td></tr> 92 </td></tr>
59 </table> 93 </table>
60 </td> 94 </td>
61 </tr> 95 </tr>
  96 +
62 <tr> 97 <tr>
  98 +
63 <td class=tdbranca > 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 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> 107 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
66 </td> 108 </td>
67 <td class=tdbranca > 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 </tr> 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 </table> 135 </table>
80 </td> 136 </td>
81 </tr> 137 </tr>
82 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> 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 <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> 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 </table> 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 </script> 225 </script>
175 </body> 226 </body>
176 -</html>  
177 \ No newline at end of file 227 \ No newline at end of file
  228 +</html>
  229 +
  230 +
exemplos/camadas2.htm
  Diff comments   View file @1d766e3
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html> 2 <html>
3 <head> 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 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 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 </head> 20 </head>
17 <body id="i3geo"> 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 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> 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 <tr style="border:0px"> 29 <tr style="border:0px">
21 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 </tr> 31 </tr>
@@ -24,154 +33,196 @@ @@ -24,154 +33,196 @@
24 <td> 33 <td>
25 <table width=100% cellspacing=0 cellpadding=0 > 34 <table width=100% cellspacing=0 cellpadding=0 >
26 <tr> 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 <td> 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 <div class=verdeescuro style="top:0px;cursor:pointer;"> 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 </div> 47 </div>
35 </td> 48 </td>
  49 +
36 </tr> 50 </tr>
37 </table> 51 </table>
38 </td> 52 </td>
39 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> 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 </td> 58 </td>
42 </tr> 59 </tr>
43 <tr> 60 <tr>
44 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> 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 <div id='guia1obj' > 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 <div id=listaPropriedades style='top:15px;' ></div> 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 <div id=listaTemas style='top:15px;'></div> 75 <div id=listaTemas style='top:15px;'></div>
49 </div> 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 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
51 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
52 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> 86 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
53 </td> 87 </td>
54 <td style="vertical-align:top;border-width:0px;"> 88 <td style="vertical-align:top;border-width:0px;">
55 <table width="100%" style="vertical-align:top;border-width:0px"> 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 </td></tr> 92 </td></tr>
59 </table> 93 </table>
60 </td> 94 </td>
61 </tr> 95 </tr>
  96 +
62 <tr> 97 <tr>
  98 +
63 <td class=tdbranca > 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 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> 107 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
66 </td> 108 </td>
67 <td class=tdbranca > 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 </tr> 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 </table> 135 </table>
80 </td> 136 </td>
81 </tr> 137 </tr>
82 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> 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 <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> 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 </table> 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 i3GEO.arvoreDeCamadas.EXPANDIDA = true; 223 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
170 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = true; 224 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = true;
171 -i3GEO.cria()  
172 i3GEO.inicia(); 225 i3GEO.inicia();
173 -  
174 -  
175 </script> 226 </script>
176 </body> 227 </body>
177 -</html>  
178 \ No newline at end of file 228 \ No newline at end of file
  229 +</html>
exemplos/camadas3.htm
  Diff comments   View file @1d766e3
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html> 2 <html>
3 <head> 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 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 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 </head> 20 </head>
17 <body id="i3geo"> 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 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> 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 <tr style="border:0px"> 29 <tr style="border:0px">
21 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 </tr> 31 </tr>
@@ -24,155 +33,202 @@ @@ -24,155 +33,202 @@
24 <td> 33 <td>
25 <table width=100% cellspacing=0 cellpadding=0 > 34 <table width=100% cellspacing=0 cellpadding=0 >
26 <tr> 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 <td> 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 <div class=verdeescuro style="top:0px;cursor:pointer;"> 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 </div> 47 </div>
35 </td> 48 </td>
  49 +
36 </tr> 50 </tr>
37 </table> 51 </table>
38 </td> 52 </td>
39 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> 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 </td> 58 </td>
42 </tr> 59 </tr>
43 <tr> 60 <tr>
44 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> 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 <div id='guia1obj' > 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 <div id=listaTemas style='top:15px;'></div> 75 <div id=listaTemas style='top:15px;'></div>
47 </div> 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 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
49 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
50 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> 86 <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
51 </td> 87 </td>
52 <td style="vertical-align:top;border-width:0px;"> 88 <td style="vertical-align:top;border-width:0px;">
53 <table width="100%" style="vertical-align:top;border-width:0px"> 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 </td></tr> 92 </td></tr>
57 </table> 93 </table>
58 </td> 94 </td>
59 </tr> 95 </tr>
  96 +
60 <tr> 97 <tr>
  98 +
61 <td class=tdbranca > 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 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> 107 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
64 </td> 108 </td>
65 <td class=tdbranca > 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 </tr> 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 </table> 135 </table>
78 </td> 136 </td>
79 </tr> 137 </tr>
80 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> 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 <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> 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 </table> 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 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 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 i3GEO.arvoreDeCamadas.EXPANDIDA = true; 224 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
168 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false; 225 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false;
169 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false 226 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false
170 i3GEO.arvoreDeCamadas.OPCOESICONES = false 227 i3GEO.arvoreDeCamadas.OPCOESICONES = false
171 i3GEO.configura.templateLegenda = "legenda3.htm" 228 i3GEO.configura.templateLegenda = "legenda3.htm"
172 -i3GEO.cria()  
173 i3GEO.inicia(); 229 i3GEO.inicia();
174 -  
175 -  
176 </script> 230 </script>
177 </body> 231 </body>
178 -</html>  
179 \ No newline at end of file 232 \ No newline at end of file
  233 +</html>
  234 +
  235 +
exemplos/camadas4.htm
  Diff comments   View file @1d766e3
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html> 2 <html>
3 <head> 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 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 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 </head> 20 </head>
17 <body id="i3geo"> 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 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> 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 <tr style="border:0px"> 29 <tr style="border:0px">
21 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> 30 <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
22 </tr> 31 </tr>
@@ -24,143 +33,186 @@ @@ -24,143 +33,186 @@
24 <td> 33 <td>
25 <table width=100% cellspacing=0 cellpadding=0 > 34 <table width=100% cellspacing=0 cellpadding=0 >
26 <tr> 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 <td> 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 <div class=verdeescuro style="top:0px;cursor:pointer;"> 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 </div> 47 </div>
34 </td> 48 </td>
  49 +
35 </tr> 50 </tr>
36 </table> 51 </table>
37 </td> 52 </td>
38 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> 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 </td> 58 </td>
41 </tr> 59 </tr>
42 <tr> 60 <tr>
43 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> 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 <div id='guia1obj' > 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 <input style="cursor:pointer;left:-60px;top:10px;position:relative;" id=botaoMaisTemas size=10 type=button value="Adicionar mais temas" onclick="janelaMaisTemas()" /> 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 <div id=listaTemas style='top:15px;'></div> 77 <div id=listaTemas style='top:15px;'></div>
47 </div> 78 </div>
48 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> 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 </td> 80 </td>
51 <td style="vertical-align:top;border-width:0px;"> 81 <td style="vertical-align:top;border-width:0px;">
52 <table width="100%" style="vertical-align:top;border-width:0px"> 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 </td></tr> 85 </td></tr>
56 </table> 86 </table>
57 </td> 87 </td>
58 </tr> 88 </tr>
  89 +
59 <tr> 90 <tr>
  91 +
60 <td class=tdbranca > 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 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> 100 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
63 </td> 101 </td>
64 <td class=tdbranca > 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 </tr> 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 </table> 128 </table>
77 </td> 129 </td>
78 </tr> 130 </tr>
79 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> 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 <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> 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 </table> 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 function janelaMaisTemas(){ 216 function janelaMaisTemas(){
165 var janela = i3GEO.janela.cria("400px","380px","","","","+ Temas","maisTemas"); 217 var janela = i3GEO.janela.cria("400px","380px","","","","+ Temas","maisTemas");
166 janela[2].style.textAlign="left" 218 janela[2].style.textAlign="left"
@@ -177,9 +229,7 @@ i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false; @@ -177,9 +229,7 @@ i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false;
177 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false 229 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false
178 i3GEO.arvoreDeCamadas.OPCOESICONES = false 230 i3GEO.arvoreDeCamadas.OPCOESICONES = false
179 i3GEO.configura.templateLegenda = "legenda3.htm" 231 i3GEO.configura.templateLegenda = "legenda3.htm"
180 -i3GEO.cria()  
181 i3GEO.inicia(); 232 i3GEO.inicia();
182 -  
183 </script> 233 </script>
184 </body> 234 </body>
185 -</html>  
186 \ No newline at end of file 235 \ No newline at end of file
  236 +</html>
exemplos/combos.htm
  Diff comments   View file @1d766e3
@@ -4,14 +4,14 @@ @@ -4,14 +4,14 @@
4 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 4 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
5 5
6 <script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script> 6 <script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
7 - 7 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
8 </head> 8 </head>
9 <body id="i3geo" style=background-color:white; > 9 <body id="i3geo" style=background-color:white; >
10 <div id=listaTemas style='position:absolute;top:15px;left:15px'></div> 10 <div id=listaTemas style='position:absolute;top:15px;left:15px'></div>
11 <div style='position:absolute;top:15px;left:350px;width:600px'> 11 <div style='position:absolute;top:15px;left:350px;width:600px'>
12 <p class=paragrafo > 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 novas ou na customiza&ccedil;&atilde;o do i3Geo. 15 novas ou na customiza&ccedil;&atilde;o do i3Geo.
16 </p> 16 </p>
17 <p class=paragrafo > 17 <p class=paragrafo >
exemplos/fotos.htm
  Diff comments   View file @1d766e3
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html> 2 <html>
3 <head> 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 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 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 </head> 20 </head>
25 <body id="i3geo"> 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 Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR 27 Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
@@ -36,16 +33,16 @@ @@ -36,16 +33,16 @@
36 <td> 33 <td>
37 <table width=100% cellspacing=0 cellpadding=0 > 34 <table width=100% cellspacing=0 cellpadding=0 >
38 <tr> 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 <td> 37 <td>
41 <!-- 38 <!--
42 Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado 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 <div class=verdeescuro style="top:0px;cursor:pointer;"> 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 <div id=guia6 class=guia >Fotos</div> 46 <div id=guia6 class=guia >Fotos</div>
50 </div> 47 </div>
51 </td> 48 </td>
@@ -57,31 +54,33 @@ @@ -57,31 +54,33 @@
57 <!-- 54 <!--
58 menu suspenso 55 menu suspenso
59 --> 56 -->
60 - <div id="menus" ></div> 57 + <div id="menus" ></div>
61 </td> 58 </td>
62 </tr> 59 </tr>
63 <tr> 60 <tr>
64 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> 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 As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada 63 As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
76 Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe. 64 Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
77 o div com id=guia1 deve ter um div com id=guia1obj 65 o div com id=guia1 deve ter um div com id=guia1obj
78 --> 66 -->
79 <div id='guia1obj' > 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 <div id=listaPropriedades style='top:15px;' ></div> 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 <div id=listaTemas style='top:15px;'></div> 75 <div id=listaTemas style='top:15px;'></div>
83 </div> 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 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
86 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
87 <div id='guia6obj' style='display:none;text-align:left'> 86 <div id='guia6obj' style='display:none;text-align:left'>
@@ -90,12 +89,13 @@ @@ -90,12 +89,13 @@
90 </td> 89 </td>
91 <td style="vertical-align:top;border-width:0px;"> 90 <td style="vertical-align:top;border-width:0px;">
92 <table width="100%" style="vertical-align:top;border-width:0px"> 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 </td></tr> 94 </td></tr>
96 </table> 95 </table>
97 </td> 96 </td>
98 </tr> 97 </tr>
  98 +
99 <tr> 99 <tr>
100 100
101 <td class=tdbranca > 101 <td class=tdbranca >
@@ -103,28 +103,30 @@ @@ -103,28 +103,30 @@
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 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 <div id=visual ></div> 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 <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> 108 <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
109 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> 109 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
110 </td> 110 </td>
111 <td class=tdbranca > 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 </tr> 130 </tr>
129 <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM 131 <!-- 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 132 As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
@@ -138,137 +140,86 @@ @@ -138,137 +140,86 @@
138 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> 140 <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 --> 141 <!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
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> 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 </table> 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 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 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 i3GEO.guias.CONFIGURA.guiaDeFotos = { 223 i3GEO.guias.CONFIGURA.guiaDeFotos = {
273 titulo:"Fotos", 224 titulo:"Fotos",
274 id:"guia6", 225 id:"guia6",
@@ -279,9 +230,9 @@ i3GEO.guias.ATUAL = &quot;guiaDeFotos&quot;; @@ -279,9 +230,9 @@ i3GEO.guias.ATUAL = &quot;guiaDeFotos&quot;;
279 230
280 i3GEO.inicia(); 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 </body> 237 </body>
287 -</html>  
288 \ No newline at end of file 238 \ No newline at end of file
  239 +</html>
exemplos/fotos1.htm
  Diff comments   View file @1d766e3
@@ -8,13 +8,13 @@ @@ -8,13 +8,13 @@
8 Leitura dos programas javaScript e estilos. 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. 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. 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 o arquivo i3geo.js por i3geo.js 12 o arquivo i3geo.js por i3geo.js
13 --> 13 -->
14 <script type="text/javascript" src="../classesjs/i3geo.js"></script> 14 <script type="text/javascript" src="../classesjs/i3geo.js"></script>
15 <script type="text/javascript" src="../pacotes/openlayers/OpenLayers211.js.php"></script> 15 <script type="text/javascript" src="../pacotes/openlayers/OpenLayers211.js.php"></script>
16 16
17 - <style> 17 + <style>
18 .yui-log .i3geo {background-color:yellow;} /* customize a color */ 18 .yui-log .i3geo {background-color:yellow;} /* customize a color */
19 .yui-log .redesenho {background-color:yellow;} /* customize a color */ 19 .yui-log .redesenho {background-color:yellow;} /* customize a color */
20 .yui-log .janela {background-color:yellow;} /* customize a color */ 20 .yui-log .janela {background-color:yellow;} /* customize a color */
@@ -45,7 +45,7 @@ @@ -45,7 +45,7 @@
45 border: 1px solid #aaa; 45 border: 1px solid #aaa;
46 width: 290px; 46 width: 290px;
47 *width:298px; /*IE*/ 47 *width:298px; /*IE*/
48 - 48 +
49 } 49 }
50 .accordiontable{ 50 .accordiontable{
51 text-align:left; 51 text-align:left;
@@ -96,9 +96,9 @@ @@ -96,9 +96,9 @@
96 } 96 }
97 .accordion dd.getHeight { 97 .accordion dd.getHeight {
98 display: block; 98 display: block;
99 -}  
100 -  
101 - </style> 99 +}
  100 +
  101 + </style>
102 </head> 102 </head>
103 <body id="i3geo"> 103 <body id="i3geo">
104 104
@@ -112,7 +112,7 @@ @@ -112,7 +112,7 @@
112 </tr> 112 </tr>
113 <tr style="border:0px" > 113 <tr style="border:0px" >
114 <td colspan=2 id="contemMenu" style="text-align:right;height:19px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> 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 </td> 116 </td>
117 </tr> 117 </tr>
118 <tr style="border:0px"> 118 <tr style="border:0px">
@@ -197,7 +197,7 @@ i3GEO.Interface.openlayers.GADGETS = { @@ -197,7 +197,7 @@ i3GEO.Interface.openlayers.GADGETS = {
197 PanZoom:false, 197 PanZoom:false,
198 LayerSwitcher:true, 198 LayerSwitcher:true,
199 ScaleLine:true, 199 ScaleLine:true,
200 - OverviewMap:false 200 + OverviewMap:false
201 }; 201 };
202 i3GEO.Interface.openlayers.TILES = false; 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,7 +235,7 @@ i3GEO.guias.ORDEM = [&quot;guiaDeFotos&quot;,&quot;temas&quot;,&quot;adiciona&quot;,&quot;legenda&quot;];
235 i3GEO.guias.ATUAL = "guiaDeFotos"; 235 i3GEO.guias.ATUAL = "guiaDeFotos";
236 i3GEO.inicia(); 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 i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos',1)","i3GEOF.buscaFotos_script"); 239 i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos',1)","i3GEOF.buscaFotos_script");
240 240
241 </script> 241 </script>
exemplos/iframe1.htm
  Diff comments   View file @1d766e3
@@ -2,16 +2,16 @@ @@ -2,16 +2,16 @@
2 <html> 2 <html>
3 <head> 3 <head>
4 <script type="text/javascript" src="../classesjs/i3geo.js"></script> 4 <script type="text/javascript" src="../classesjs/i3geo.js"></script>
5 - <style> 5 + <style>
6 p{font-size:16px;text-align:left;padding:10px;} 6 p{font-size:16px;text-align:left;padding:10px;}
7 - </style> 7 + </style>
8 </head> 8 </head>
9 <body style="background:white;text-align:left; width:500px"> 9 <body style="background:white;text-align:left; width:500px">
10 <p>Este &eacute; um exemplo de uso do i3Geo em um elemento IFRAME. 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 <br> 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 </body> 16 </body>
17 </html> 17 </html>
18 \ No newline at end of file 18 \ No newline at end of file
ferramentas/buscafotos/index.js
  Diff comments   View file @1d766e3
@@ -46,13 +46,13 @@ Class: i3GEOF.buscaFotos @@ -46,13 +46,13 @@ Class: i3GEOF.buscaFotos
46 i3GEOF.buscaFotos = { 46 i3GEOF.buscaFotos = {
47 /* 47 /*
48 Variavel: aguarde 48 Variavel: aguarde
49 - 49 +
50 Objeto DOM com a imagem de aguarde existente no cabe&ccedil;alho da janela. 50 Objeto DOM com a imagem de aguarde existente no cabe&ccedil;alho da janela.
51 */ 51 */
52 aguarde: "", 52 aguarde: "",
53 /* 53 /*
54 Propriedade: chaveFlicker 54 Propriedade: chaveFlicker
55 - 55 +
56 C&oacute;digo de acesso aos web services do Flicker 56 C&oacute;digo de acesso aos web services do Flicker
57 */ 57 */
58 chaveFlicker: "b170cde3c3064ca44b1ae0fbe747575d", 58 chaveFlicker: "b170cde3c3064ca44b1ae0fbe747575d",
@@ -64,11 +64,11 @@ i3GEOF.buscaFotos = { @@ -64,11 +64,11 @@ i3GEOF.buscaFotos = {
64 }, 64 },
65 /* 65 /*
66 Function: iniciaDicionario 66 Function: iniciaDicionario
67 - 67 +
68 Carrega o dicion&aacute;rio e chama a fun&ccedil;&atilde;o que inicia a ferramenta 68 Carrega o dicion&aacute;rio e chama a fun&ccedil;&atilde;o que inicia a ferramenta
69 - 69 +
70 O Javascript &eacute; carregado com o id i3GEOF.nomedaferramenta.dicionario_script 70 O Javascript &eacute; carregado com o id i3GEOF.nomedaferramenta.dicionario_script
71 - */ 71 + */
72 iniciaDicionario: function(){ 72 iniciaDicionario: function(){
73 if(typeof(i3GEOF.buscaFotos.dicionario) === 'undefined'){ 73 if(typeof(i3GEOF.buscaFotos.dicionario) === 'undefined'){
74 i3GEO.util.scriptTag( 74 i3GEO.util.scriptTag(
@@ -80,16 +80,16 @@ i3GEOF.buscaFotos = { @@ -80,16 +80,16 @@ i3GEOF.buscaFotos = {
80 else{ 80 else{
81 i3GEOF.buscaFotos.iniciaJanelaFlutuante(); 81 i3GEOF.buscaFotos.iniciaJanelaFlutuante();
82 } 82 }
83 - }, 83 + },
84 /* 84 /*
85 Function: inicia 85 Function: inicia
86 - 86 +
87 Inicia a ferramenta. &Eacute; chamado por criaJanelaFlutuante 87 Inicia a ferramenta. &Eacute; chamado por criaJanelaFlutuante
88 - 88 +
89 Parametro: 89 Parametro:
90 - 90 +
91 iddiv {String} - id do div que receber&aacute; o conteudo HTML da ferramenta 91 iddiv {String} - id do div que receber&aacute; o conteudo HTML da ferramenta
92 - 92 +
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 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 inicia: function(iddiv,busca){ 95 inicia: function(iddiv,busca){
@@ -106,7 +106,7 @@ i3GEOF.buscaFotos = { @@ -106,7 +106,7 @@ i3GEOF.buscaFotos = {
106 i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,300000); 106 i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,300000);
107 i3GEOF.buscaFotos.mostraMenu(); 107 i3GEOF.buscaFotos.mostraMenu();
108 }}}); 108 }}});
109 - 109 +
110 i3GEOF.buscaFotos.ativaFoco(); 110 i3GEOF.buscaFotos.ativaFoco();
111 i3GEO.eventos.NAVEGAMAPA.push("i3GEOF.buscaFotos.busca('1')"); 111 i3GEO.eventos.NAVEGAMAPA.push("i3GEOF.buscaFotos.busca('1')");
112 if(busca){ 112 if(busca){
@@ -119,11 +119,11 @@ i3GEOF.buscaFotos = { @@ -119,11 +119,11 @@ i3GEOF.buscaFotos = {
119 }, 119 },
120 /* 120 /*
121 Function: html 121 Function: html
122 - 122 +
123 Gera o c&oacute;digo html para apresenta&ccedil;&atilde;o das op&ccedil;&otilde;es da ferramenta 123 Gera o c&oacute;digo html para apresenta&ccedil;&atilde;o das op&ccedil;&otilde;es da ferramenta
124 - 124 +
125 Retorno: 125 Retorno:
126 - 126 +
127 String com o c&oacute;digo html 127 String com o c&oacute;digo html
128 */ 128 */
129 html:function(){ 129 html:function(){
@@ -158,15 +158,15 @@ i3GEOF.buscaFotos = { @@ -158,15 +158,15 @@ i3GEOF.buscaFotos = {
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>'; 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 ins += ' </div>'; 159 ins += ' </div>';
160 ins += ' <div id="i3GEObuscafotospaginas" style="top:10px;"></div><br>'; 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 ins += '</div>'; 162 ins += '</div>';
163 return ins; 163 return ins;
164 }, 164 },
165 /* 165 /*
166 Function: iniciaJanelaFlutuante 166 Function: iniciaJanelaFlutuante
167 - 167 +
168 Cria a janela flutuante para controle da ferramenta. 168 Cria a janela flutuante para controle da ferramenta.
169 - */ 169 + */
170 iniciaJanelaFlutuante: function(){ 170 iniciaJanelaFlutuante: function(){
171 var minimiza,cabecalho,janela,divid,temp,titulo; 171 var minimiza,cabecalho,janela,divid,temp,titulo;
172 //funcao que sera executada ao ser clicado no cabe&ccedil;alho da janela 172 //funcao que sera executada ao ser clicado no cabe&ccedil;alho da janela
@@ -197,11 +197,11 @@ i3GEOF.buscaFotos = { @@ -197,11 +197,11 @@ i3GEOF.buscaFotos = {
197 temp = function(){ 197 temp = function(){
198 i3GEO.eventos.NAVEGAMAPA.remove("i3GEOF.buscaFotos.busca('1')"); 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 Function: ativaFoco 203 Function: ativaFoco
204 - 204 +
205 Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado 205 Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
206 */ 206 */
207 ativaFoco: function(){ 207 ativaFoco: function(){
@@ -215,7 +215,7 @@ i3GEOF.buscaFotos = { @@ -215,7 +215,7 @@ i3GEOF.buscaFotos = {
215 }, 215 },
216 /* 216 /*
217 Function: mostraMenu 217 Function: mostraMenu
218 - 218 +
219 Mostra o menu de escolha do provedor de fotos e esconde o aviso inicial 219 Mostra o menu de escolha do provedor de fotos e esconde o aviso inicial
220 */ 220 */
221 mostraMenu: function(){ 221 mostraMenu: function(){
@@ -224,11 +224,11 @@ i3GEOF.buscaFotos = { @@ -224,11 +224,11 @@ i3GEOF.buscaFotos = {
224 }, 224 },
225 /* 225 /*
226 Function: esconde 226 Function: esconde
227 - 227 +
228 Esconde as op&ccedil;&otilde;es de busca dos servidores de fotos e mostra as op&ccedil;&otilde;es do objeto especificado 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 Parametro: 230 Parametro:
231 - 231 +
232 obj - objeto que ter&aacute; o estilo modificado para display = none 232 obj - objeto que ter&aacute; o estilo modificado para display = none
233 */ 233 */
234 esconde: function (obj){ 234 esconde: function (obj){
@@ -238,13 +238,13 @@ i3GEOF.buscaFotos = { @@ -238,13 +238,13 @@ i3GEOF.buscaFotos = {
238 if(obj.value === "flickr") 238 if(obj.value === "flickr")
239 {$i("i3GEObuscafotosf").style.display="block";} 239 {$i("i3GEObuscafotosf").style.display="block";}
240 else 240 else
241 - {i3GEOF.buscaFotos.busca("1");} 241 + {i3GEOF.buscaFotos.busca("1");}
242 }, 242 },
243 /* 243 /*
244 Function: busca 244 Function: busca
245 - 245 +
246 Procura as fotos no servidor escolhido e chama a fun&ccedil;&atilde;o correta de apresenta&ccedil;&atilde;o das fotos. 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 busca: function(pagina){ 249 busca: function(pagina){
250 i3GEOF.buscaFotos.aguarde.visibility = "visible"; 250 i3GEOF.buscaFotos.aguarde.visibility = "visible";
@@ -287,7 +287,7 @@ i3GEOF.buscaFotos = { @@ -287,7 +287,7 @@ i3GEOF.buscaFotos = {
287 }, 287 },
288 /* 288 /*
289 Function: escondexy 289 Function: escondexy
290 - 290 +
291 Esconde a imagem de localiza&ccedil;&atilde;o da foto no mapa 291 Esconde a imagem de localiza&ccedil;&atilde;o da foto no mapa
292 */ 292 */
293 escondexy: function(){ 293 escondexy: function(){
@@ -300,7 +300,7 @@ i3GEOF.buscaFotos = { @@ -300,7 +300,7 @@ i3GEOF.buscaFotos = {
300 }, 300 },
301 /* 301 /*
302 Function: mostraxy 302 Function: mostraxy
303 - 303 +
304 Mostra a imagem que localiza a foto no mapa 304 Mostra a imagem que localiza a foto no mapa
305 */ 305 */
306 mostraxy: function(xy){ 306 mostraxy: function(xy){
@@ -317,7 +317,7 @@ i3GEOF.buscaFotos = { @@ -317,7 +317,7 @@ i3GEOF.buscaFotos = {
317 }, 317 },
318 /* 318 /*
319 Function: listafotospanoramio 319 Function: listafotospanoramio
320 - 320 +
321 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Panoramio 321 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Panoramio
322 */ 322 */
323 listafotospanoramio: function(retorno){ 323 listafotospanoramio: function(retorno){
@@ -339,9 +339,9 @@ i3GEOF.buscaFotos = { @@ -339,9 +339,9 @@ i3GEOF.buscaFotos = {
339 ins += "<img src='"+data.photos[i].photo_file_url+"' "; 339 ins += "<img src='"+data.photos[i].photo_file_url+"' ";
340 ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' "; 340 ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' ";
341 ins += " onmouseover='i3GEOF.buscaFotos.mostraxy(\""+data.photos[i].latitude+","+data.photos[i].longitude+"\")'"; 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 t = data.photos[i].owner_name+" - "+data.photos[i].photo_title; 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,7 +356,7 @@ i3GEOF.buscaFotos = {
356 }, 356 },
357 /* 357 /*
358 Function: listafotosflickr 358 Function: listafotosflickr
359 - 359 +
360 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Flickr 360 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Flickr
361 */ 361 */
362 listafotosflickr: function(retorno){ 362 listafotosflickr: function(retorno){
@@ -383,7 +383,7 @@ i3GEOF.buscaFotos = { @@ -383,7 +383,7 @@ i3GEOF.buscaFotos = {
383 ins += "<img src='http://farm"+data[i].farm+".static.flickr.com/"+data[i].server+"/"+data[i].id+"_"+data[i].secret+"_s.jpg' "; 383 ins += "<img src='http://farm"+data[i].farm+".static.flickr.com/"+data[i].server+"/"+data[i].id+"_"+data[i].secret+"_s.jpg' ";
384 ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' "; 384 ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' ";
385 ins += " onmouseover='i3GEOF.buscaFotos.mostraxy(\""+data[i].latitude+","+data[i].longitude+"\")'"; 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 t = data[i].title; 387 t = data[i].title;
388 ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />"; 388 ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />";
389 } 389 }
@@ -398,7 +398,7 @@ i3GEOF.buscaFotos = { @@ -398,7 +398,7 @@ i3GEOF.buscaFotos = {
398 }, 398 },
399 /* 399 /*
400 Function: listafotoslocr 400 Function: listafotoslocr
401 - 401 +
402 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Locr 402 Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Locr
403 */ 403 */
404 listafotoslocr: function(retorno){ 404 listafotoslocr: function(retorno){