Download as
Browse Code »

Commit b5286540e322b430c2f9beabaae24ec269595ba6

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

VINDE com google maps

Showing 3 changed files with 282 additions and 118 deletions   Show diff stats
exemplos/index.html
  Diff comments   View file @b528654
@@ -36,6 +36,9 @@ body,td { @@ -36,6 +36,9 @@ body,td {
36 <a href="vinde.htm" target="_blank">Navegador de WMS cadastrados na INDE Brasileira</a> 36 <a href="vinde.htm" target="_blank">Navegador de WMS cadastrados na INDE Brasileira</a>
37 </p> 37 </p>
38 <p> 38 <p>
  39 + <a href="vindegm.phtml" target="_blank">Navegador de WMS cadastrados na INDE Brasileira com Google Maps</a>
  40 + </p>
  41 + <p>
39 <a href="guiamovel1.htm" target="_blank">&Iacute;cones inseridos no puxador lateral da guia m&oacute;vel</a> 42 <a href="guiamovel1.htm" target="_blank">&Iacute;cones inseridos no puxador lateral da guia m&oacute;vel</a>
40 </p> 43 </p>
41 <p> 44 <p>
exemplos/vinde.htm
  Diff comments   View file @b528654
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html> 2 <html>
3 <head> 3 <head>
4 -<meta http-equiv="Category"  
5 - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> 4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
6 <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">
7 -  
8 <title>i3GEO - OpenLayers</title> 6 <title>i3GEO - OpenLayers</title>
9 -<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->  
10 - 7 + <style>
  8 + .olControlEditingToolbar1 div {
  9 + background-image: url(../mashups/openlayers.png);
  10 + background-repeat: no-repeat;
  11 + float: right;
  12 + right: 0px;
  13 + height: 29px;
  14 + margin: 2px;
  15 + width: 29px;
  16 + cursor: pointer;
  17 + top: 10px;
  18 + }
  19 + </style>
  20 + <script src="../classesjs/i3geo.js"></script>
  21 + <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
  22 + <link rel="stylesheet" type="text/css" href="../css/black.css">
11 </head> 23 </head>
12 -<body id="i3geo" style="background-color: white"> 24 +<body id="i3geo" style='margin-left: 7px; background: white;'>
13 <!-- inclui o nome do usuario logado --> 25 <!-- inclui o nome do usuario logado -->
14 - <div id="i3GEONomeLogin"  
15 - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>  
16 - <table id='mst' summary="" style='display: none;' width=100%  
17 - cellspacing='0'>  
18 - <tr style="border: 0px">  
19 - <td id="barraSuperior"  
20 - style="background-image: url('../imagens/visual/default/cabeca.png'); height: 10px"></td>  
21 - </tr> 26 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  27 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
22 <tr> 28 <tr>
23 - <td id="contemMenu"  
24 - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> 29 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
25 <!--menu suspenso--> 30 <!--menu suspenso-->
26 - <div id="menus"></div> 31 + <div id="menus" style="height: 30px;"></div>
27 </td> 32 </td>
28 </tr> 33 </tr>
29 <tr> 34 <tr>
@@ -31,8 +36,7 @@ @@ -31,8 +36,7 @@
31 <table width="100%" style="vertical-align: top; border-width: 0px"> 36 <table width="100%" style="vertical-align: top; border-width: 0px">
32 <tr> 37 <tr>
33 <td class=verdeclaro id=contemImg> 38 <td class=verdeclaro id=contemImg>
34 - <div id=corpoMapa  
35 - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> 39 + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
36 </td> 40 </td>
37 </tr> 41 </tr>
38 </table> 42 </table>
@@ -40,58 +44,40 @@ @@ -40,58 +44,40 @@
40 </tr> 44 </tr>
41 <tr> 45 <tr>
42 <td> 46 <td>
43 - <table width=100%> 47 + <table style="width: 100%; height: 28px">
44 <tr> 48 <tr>
45 - <td class=tdbranca>  
46 - <!--  
47 - 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  
48 - <div id=visual ></div>  
49 - --> <!-- bot&atilde;o de compartilhamento em redes sociais -->  
50 - <div id=i3GEOcompartilhar  
51 - style="width: 170px; margin: auto; text-align: left; border-top: 1px solid rgb(250, 250, 250); padding-top: 1px"></div>  
52 - <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->  
53 - <div id=tempoRedesenho  
54 - style="z-index: 100; position: absolute; top: 0px; left: 0px; color: green; background-color: black; width: 50px; display: none"></div>  
55 - </td>  
56 - <td class=tdbranca> 49 + <td class=fundoRodape style="width: 25%">
57 <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica --> 50 <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
58 - <div id=escala style="text-align: right;"></div> 51 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
59 </td> 52 </td>
60 - <td class=tdbranca> 53 + <td class=fundoRodape style="width: 5%"></td>
  54 + <td class=fundoRodape style="width: 40%">
61 <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse --> 55 <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
62 - <div id=localizarxy  
63 - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> 56 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  57 + </td>
  58 + <td class=fundoRodape style="width: 20%">
  59 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  60 + <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> -->
  61 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  62 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
64 </td> 63 </td>
65 <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma --> 64 <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
66 - <td class=tdbranca>  
67 - <div id=seletorIdiomas></div> 65 + <td class=fundoRodape style="width: 10%;">
  66 + <div id=seletorIdiomas style="right: 15px;"></div>
68 </td> 67 </td>
69 </tr> 68 </tr>
70 </table> 69 </table>
71 </td> 70 </td>
72 </tr> 71 </tr>
73 - <tr style="border: 0px">  
74 - <td id="barraInferior"  
75 - style="background-image: url('../imagens/visual/default/rodape.png'); height: 10px"></td>  
76 - </tr>  
77 </table> 72 </table>
78 - <table id="i3GEOlogoMarca"  
79 - style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> 73 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
80 <tr> 74 <tr>
81 - <td><div id=versaoi3geo></div>  
82 - <h2  
83 - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo  
84 - - Software livre para cria&ccedil;&atilde;o de mapas interativos e  
85 - geoprocessamento</h2>  
86 - <h3  
87 - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado  
88 - no Mapserver, &eacute; licenciado sob GPL e integra o Portal do  
89 - Software P&uacute;blico Brasileiro</h3></td> 75 + <td style="height: 30px"><div id=versaoi3geo></div>
  76 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  77 + <h3 style="font-weight: normal; 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>
90 </tr> 78 </tr>
91 <tr> 79 <tr>
92 - <td style="padding: 10px;"><img  
93 - style="width: 560px; height: 81px" alt=""  
94 - src='../imagens/logo_inicio.png'></td> 80 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
95 </tr> 81 </tr>
96 <tr> 82 <tr>
97 <td> 83 <td>
@@ -102,89 +88,87 @@ @@ -102,89 +88,87 @@
102 </tr> 88 </tr>
103 </table> 89 </table>
104 90
105 - <div id="i3GEOguiaMovel"  
106 - style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none">  
107 - <img id="i3GEOguiaMovelPuxador"  
108 - onclick='i3GEO.guias.guiaMovel.abreFecha()'  
109 - style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px'  
110 - width='0px' src='../imagens/openbars.png'>  
111 - <div id="i3GEOguiaMovelMolde"  
112 - style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray">  
113 - <div id="i3GEOguiaMovelIcones"  
114 - style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div>  
115 - <div id="i3GEOguiaMovelConteudo"  
116 - style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'>  
117 - <div id='guia1obj' style='display: none;'>  
118 - <!-- 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 -->  
119 - <div style='left: 5px; top: 10px;' id=buscaRapida></div>  
120 - <!-- Esta div acrescenta a lista de propriedades do mapa -->  
121 - <div id=listaPropriedades style='top: 15px;'></div>  
122 - <!-- 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 -->  
123 - <div id=listaLayersBase style='top: 15px;'></div>  
124 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
125 - <div id=listaTemas style='top: 15px;'></div>  
126 - </div>  
127 - <div id='guia2obj' style='display: none;'>  
128 - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 />  
129 - </div>  
130 - <div id='guia4obj' style='display: none; text-align: left'>  
131 - <div id='legenda' style='text-align: left'></div>  
132 - </div>  
133 - <div id='guia5obj' style='display: none; text-align: left'>  
134 - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div>  
135 - </div> 91 +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  92 + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;">
  93 + <img src='../imagens/openbars1.png' style="width: 48px; position: absolute; left: -16px; height: 418px; top: -160px;">
  94 + <div id="iconeGuia_temas" ></div>
  95 + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>
  96 + <div id="iconeGuia_legenda" style="margin-top:3px;"></div>
  97 + </div>
  98 +
  99 + <!--
  100 + <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:absolute;top:0px' width='0px' src='../imagens/openbars.png' >
  101 + -->
  102 + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">
  103 + <!--
  104 + <div id="i3GEOguiaMovelIcones" style='overflow:none;left:0px;display:none;position:absolute;top:0px;text-align:center;height:0px;width:0px;border:solid 0px white;background-color:white' ></div>
  105 + -->
  106 + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'>
  107 + <div id='guia1obj' style='display:none;' >
  108 + <!-- 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 -->
  109 + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div>
  110 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  111 + <div id=listaPropriedades style='top:15px;' ></div>
  112 + <!-- 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 -->
  113 + <div id=listaLayersBase style='top:15px;'></div>
  114 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  115 + <div id=listaTemas style='top:15px;'></div>
136 </div> 116 </div>
  117 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  118 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  119 + <!--
  120 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  121 + -->
137 </div> 122 </div>
138 </div> 123 </div>
139 -  
140 - <script src="../classesjs/i3geo.js"></script>  
141 - <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>  
142 - <style>  
143 -.olControlEditingToolbar1 div {  
144 - background-image: url(../mashups/openlayers.png);  
145 - background-repeat: no-repeat;  
146 - float: right;  
147 - right: 0px;  
148 - height: 29px;  
149 - margin: 2px;  
150 - width: 29px;  
151 - cursor: pointer;  
152 -}  
153 -</style> 124 +</div>
154 <script> 125 <script>
155 - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" 126 + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"
156 + window.location.host + "/i3geo"; 127 + window.location.host + "/i3geo";
157 i3GEO.configura.autotamanho = false; 128 i3GEO.configura.autotamanho = false;
158 i3GEO.Interface.ATUAL = "openlayers"; 129 i3GEO.Interface.ATUAL = "openlayers";
159 i3GEO.Interface.IDCORPO = "contemImg"; 130 i3GEO.Interface.IDCORPO = "contemImg";
160 - i3GEO.eventos.cliquePerm.ativo = true;  
161 - i3GEO.Interface.openlayers.GADGETS = {  
162 - PanZoomBar : true,  
163 - PanZoom : false,  
164 - LayerSwitcher : true,  
165 - ScaleLine : true,  
166 - OverviewMap : false  
167 - };  
168 i3GEO.Interface.openlayers.TILES = true; 131 i3GEO.Interface.openlayers.TILES = true;
  132 +
169 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; 133 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  134 +
170 i3GEO.cria(); 135 i3GEO.cria();
171 i3GEO.configura.mapaRefDisplay = "none"; 136 i3GEO.configura.mapaRefDisplay = "none";
172 i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; 137 i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
173 - i3GEO.barraDeBotoes.OFFSET = -3; 138 + //ajusta o deslocamento da barra de botoes
  139 + i3GEO.barraDeBotoes.OFFSET = 11;
  140 + //ajusta a posicao da barra de botoes no IE
  141 + if(navm){
  142 + i3GEO.barraDeBotoes.OFFSET = 5;
  143 + }
  144 + if(chro){
  145 + i3GEO.barraDeBotoes.OFFSET = 15;
  146 + }
  147 +
174 i3GEO.configura.oMenuData["submenus"]["janelas"] = []; 148 i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
175 - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;  
176 - i3GEO.barraDeBotoes.ATIVA = true;  
177 i3GEO.ajuda.ATIVAJANELA = false; 149 i3GEO.ajuda.ATIVAJANELA = false;
178 i3GEO.idioma.IDSELETOR = "seletorIdiomas"; 150 i3GEO.idioma.IDSELETOR = "seletorIdiomas";
179 i3GEO.Interface.ATIVAMENUCONTEXTO = false; 151 i3GEO.Interface.ATIVAMENUCONTEXTO = false;
180 - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";  
181 - 152 + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
182 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; 153 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
183 i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; 154 i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
184 i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; 155 i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
185 i3GEO.mapa.AUTORESIZE = true; 156 i3GEO.mapa.AUTORESIZE = true;
186 i3GEO.guias.TIPO = "movel"; 157 i3GEO.guias.TIPO = "movel";
187 - i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; 158 + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  159 + i3GEO.janela.ativaAlerta();
  160 + i3GEO.finaliza = function() {
  161 + if ($i("i3GEOlogoMarca")) {
  162 + $i("i3GEOlogoMarca").style.display = "none";
  163 + }
  164 + i3GEO.mapa.insereDobraPagina("googlemaps",
  165 + "../imagens/dobragooglemaps.png"
  166 + );
  167 + };
  168 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
  169 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  170 + i3GEO.janela.TRANSICAOSUAVE = true;
  171 +
188 OpenLayers.ImgPath = "../pacotes/openlayers/img/"; 172 OpenLayers.ImgPath = "../pacotes/openlayers/img/";
189 (function() { 173 (function() {
190 var oce = new OpenLayers.Layer.ArcGIS93Rest( 174 var oce = new OpenLayers.Layer.ArcGIS93Rest(
@@ -220,11 +204,13 @@ @@ -220,11 +204,13 @@
220 { 204 {
221 layers : "baseraster", 205 layers : "baseraster",
222 srs : "EPSG:4618", 206 srs : "EPSG:4618",
223 - format : "image/png" 207 + format : "image/png",
  208 + isBaseLayer : false
224 }, { 209 }, {
225 isBaseLayer : true, 210 isBaseLayer : true,
226 visibility : false 211 visibility : false
227 }); 212 });
  213 +
228 var tms = new OpenLayers.Layer.TMS("OSGEO", 214 var tms = new OpenLayers.Layer.TMS("OSGEO",
229 "http://tilecache.osgeo.org/wms-c/Basic.py/", { 215 "http://tilecache.osgeo.org/wms-c/Basic.py/", {
230 layername : "basic", 216 layername : "basic",
@@ -234,9 +220,11 @@ @@ -234,9 +220,11 @@
234 isBaseLayer : true, 220 isBaseLayer : true,
235 visibility : false 221 visibility : false
236 }); 222 });
  223 +
237 i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, tms, 224 i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, tms,
238 bra ]; 225 bra ];
239 })(); 226 })();
  227 +
240 i3GEO.janela.ativaAlerta(); 228 i3GEO.janela.ativaAlerta();
241 i3GEO.finaliza = function() { 229 i3GEO.finaliza = function() {
242 if ($i("i3GEOlogoMarca")) { 230 if ($i("i3GEOlogoMarca")) {
exemplos/vindegm.phtml 0 → 100755
  Diff comments   View file @b528654
@@ -0,0 +1,173 @@ @@ -0,0 +1,173 @@
  1 +<?php
  2 +include_once("../ms_configura.php");
  3 +?>
  4 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5 +<html>
  6 +<head>
  7 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  8 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  9 +<title>i3GEO - Google Maps</title>
  10 + <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script>
  11 + <script type="text/javascript" src="../classesjs/i3geo6.js"></script>
  12 + <link rel="stylesheet" type="text/css" href="../css/black.css">
  13 +</head>
  14 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  15 + <!-- inclui o nome do usuario logado -->
  16 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  17 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  18 + <tr>
  19 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  20 + <!--menu suspenso-->
  21 + <div id="menus" style="height: 30px;"></div>
  22 + </td>
  23 + </tr>
  24 + <tr>
  25 + <td style="vertical-align: top; border-width: 0px;">
  26 + <table width="100%" style="vertical-align: top; border-width: 0px">
  27 + <tr>
  28 + <td class=verdeclaro id=contemImg>
  29 + <div id=googlemapsdiv style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  30 + </td>
  31 + </tr>
  32 + </table>
  33 + </td>
  34 + </tr>
  35 + <tr>
  36 + <td>
  37 + <table style="width: 100%; height: 28px">
  38 + <tr>
  39 + <td class=fundoRodape style="width: 25%">
  40 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  41 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  42 + </td>
  43 + <td class=fundoRodape style="width: 5%"></td>
  44 + <td class=fundoRodape style="width: 40%">
  45 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  46 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  47 + </td>
  48 + <td class=fundoRodape style="width: 20%">
  49 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  50 + <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> -->
  51 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  52 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  53 + </td>
  54 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  55 + <td class=fundoRodape style="width: 10%;">
  56 + <div id=seletorIdiomas style="right: 15px;"></div>
  57 + </td>
  58 + </tr>
  59 + </table>
  60 + </td>
  61 + </tr>
  62 + </table>
  63 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  64 + <tr>
  65 + <td><div id=versaoi3geo></div>
  66 + <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>
  67 + <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>
  68 + </tr>
  69 + <tr>
  70 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  71 + </tr>
  72 + <tr>
  73 + <td>
  74 + <!--
  75 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  76 + -->
  77 + </td>
  78 + </tr>
  79 + </table>
  80 +
  81 +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  82 + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;">
  83 + <img src='../imagens/openbars1.png' style="width: 48px; position: absolute; left: -16px; height: 418px; top: -160px;">
  84 + <div id="iconeGuia_temas" ></div>
  85 + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>
  86 + <div id="iconeGuia_legenda" style="margin-top:3px;"></div>
  87 + </div>
  88 +
  89 + <!--
  90 + <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:absolute;top:0px' width='0px' src='../imagens/openbars.png' >
  91 + -->
  92 + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;border-radius:5px 0px 0px 5px;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">
  93 + <!--
  94 + <div id="i3GEOguiaMovelIcones" style='overflow:none;left:0px;display:none;position:absolute;top:0px;text-align:center;height:0px;width:0px;border:solid 0px white;background-color:white' ></div>
  95 + -->
  96 + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'>
  97 + <div id='guia1obj' style='display:none;' >
  98 + <!-- 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 -->
  99 + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div>
  100 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  101 + <div id=listaPropriedades style='top:15px;' ></div>
  102 + <!-- 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 -->
  103 + <div id=listaLayersBase style='top:15px;'></div>
  104 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  105 + <div id=listaTemas style='top:15px;'></div>
  106 + </div>
  107 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  108 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div>
  109 + <!--
  110 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  111 + -->
  112 + </div>
  113 + </div>
  114 +</div>
  115 +</div>
  116 +
  117 +
  118 +
  119 + <script type="text/javascript">
  120 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  121 +i3GEO.Interface.ATUAL = "googlemaps";
  122 +i3GEO.Interface.IDCORPO = "contemImg";
  123 +i3GEO.configura.diminuixN = 20;
  124 +
  125 +i3GEO.configura.autotamanho = false;
  126 +i3GEO.Interface.openlayers.TILES = true;
  127 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  128 +i3GEO.cria();
  129 +i3GEO.configura.mapaRefDisplay = "none";
  130 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  131 +//ajusta o deslocamento da barra de botoes
  132 +i3GEO.barraDeBotoes.OFFSET = 11;
  133 +//ajusta a posicao da barra de botoes no IE
  134 +if(navm){
  135 + i3GEO.barraDeBotoes.OFFSET = 5;
  136 +}
  137 +if(chro){
  138 + i3GEO.barraDeBotoes.OFFSET = 15;
  139 +}
  140 +
  141 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  142 +i3GEO.ajuda.ATIVAJANELA = false;
  143 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  144 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  145 +//i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  146 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  147 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  148 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  149 +i3GEO.mapa.AUTORESIZE = true;
  150 +i3GEO.guias.TIPO = "movel";
  151 +i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  152 +i3GEO.janela.ativaAlerta();
  153 +
  154 +//i3GEO.Interface.googlemaps.TIPOMAPA = "satellite";
  155 +
  156 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  157 +i3GEO.janela.TRANSICAOSUAVE = true;
  158 +
  159 +i3GEO.finaliza = function(){
  160 + if($i("i3GEOlogoMarca")){
  161 + $i("i3GEOlogoMarca").style.display = "none";
  162 + }
  163 + i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png");
  164 + i3GEO.arvoreDeTemas.dialogo.vinde();
  165 +};
  166 +i3GEO.finalizaAPI = function(){
  167 +};
  168 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  169 + i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ];
  170 + i3GEO.inicia();
  171 + </script>
  172 +</body>
  173 +</html>