Commit b5286540e322b430c2f9beabaae24ec269595ba6
1 parent
0809b05a
Exists in
master
and in
7 other branches
VINDE com google maps
Showing
3 changed files
with
282 additions
and
118 deletions
Show diff stats
exemplos/index.html
| ... | ... | @@ -36,6 +36,9 @@ body,td { |
| 36 | 36 | <a href="vinde.htm" target="_blank">Navegador de WMS cadastrados na INDE Brasileira</a> |
| 37 | 37 | </p> |
| 38 | 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 | 42 | <a href="guiamovel1.htm" target="_blank">Ícones inseridos no puxador lateral da guia móvel</a> |
| 40 | 43 | </p> |
| 41 | 44 | <p> | ... | ... |
exemplos/vinde.htm
| 1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| 2 | 2 | <html> |
| 3 | 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 | 5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
| 7 | - | |
| 8 | 6 | <title>i3GEO - OpenLayers</title> |
| 9 | -<!-- estilo necessário para a ferramenta de ediçã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 | 23 | </head> |
| 12 | -<body id="i3geo" style="background-color: white"> | |
| 24 | +<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 13 | 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 | 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 | 30 | <!--menu suspenso--> |
| 26 | - <div id="menus"></div> | |
| 31 | + <div id="menus" style="height: 30px;"></div> | |
| 27 | 32 | </td> |
| 28 | 33 | </tr> |
| 29 | 34 | <tr> |
| ... | ... | @@ -31,8 +36,7 @@ |
| 31 | 36 | <table width="100%" style="vertical-align: top; border-width: 0px"> |
| 32 | 37 | <tr> |
| 33 | 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 | 40 | </td> |
| 37 | 41 | </tr> |
| 38 | 42 | </table> |
| ... | ... | @@ -40,58 +44,40 @@ |
| 40 | 44 | </tr> |
| 41 | 45 | <tr> |
| 42 | 46 | <td> |
| 43 | - <table width=100%> | |
| 47 | + <table style="width: 100%; height: 28px"> | |
| 44 | 48 | <tr> |
| 45 | - <td class=tdbranca> | |
| 46 | - <!-- | |
| 47 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
| 48 | - <div id=visual ></div> | |
| 49 | - --> <!-- botã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á incluí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 | 50 | <!-- aqui será incluída a escala numérica --> |
| 58 | - <div id=escala style="text-align: right;"></div> | |
| 51 | + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
| 59 | 52 | </td> |
| 60 | - <td class=tdbranca> | |
| 53 | + <td class=fundoRodape style="width: 5%"></td> | |
| 54 | + <td class=fundoRodape style="width: 40%"> | |
| 61 | 55 | <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posiçã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ã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á incluí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 | 63 | </td> |
| 65 | 64 | <!-- aqui serão incluí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 | 67 | </td> |
| 69 | 68 | </tr> |
| 70 | 69 | </table> |
| 71 | 70 | </td> |
| 72 | 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 | 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 | 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çã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, é licenciado sob GPL e integra o Portal do | |
| 89 | - Software Pú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çã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, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></td> | |
| 90 | 78 | </tr> |
| 91 | 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 | 81 | </tr> |
| 96 | 82 | <tr> |
| 97 | 83 | <td> |
| ... | ... | @@ -102,89 +88,87 @@ |
| 102 | 88 | </tr> |
| 103 | 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ção de busca rápida, caso vc queira colocá-la em um lugar especí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íficas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 123 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 124 | - <!-- Esta div acrescenta a lista de de camadas disponí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ção de busca rápida, caso vc queira colocá-la em um lugar especí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íficas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 113 | + <div id=listaLayersBase style='top:15px;'></div> | |
| 114 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 115 | + <div id=listaTemas style='top:15px;'></div> | |
| 136 | 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 | 122 | </div> |
| 138 | 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 | 125 | <script> |
| 155 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 126 | + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 156 | 127 | + window.location.host + "/i3geo"; |
| 157 | 128 | i3GEO.configura.autotamanho = false; |
| 158 | 129 | i3GEO.Interface.ATUAL = "openlayers"; |
| 159 | 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 | 131 | i3GEO.Interface.openlayers.TILES = true; |
| 132 | + | |
| 169 | 133 | i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; |
| 134 | + | |
| 170 | 135 | i3GEO.cria(); |
| 171 | 136 | i3GEO.configura.mapaRefDisplay = "none"; |
| 172 | 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 | 148 | i3GEO.configura.oMenuData["submenus"]["janelas"] = []; |
| 175 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 176 | - i3GEO.barraDeBotoes.ATIVA = true; | |
| 177 | 149 | i3GEO.ajuda.ATIVAJANELA = false; |
| 178 | 150 | i3GEO.idioma.IDSELETOR = "seletorIdiomas"; |
| 179 | 151 | i3GEO.Interface.ATIVAMENUCONTEXTO = false; |
| 180 | - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 181 | - | |
| 152 | + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 182 | 153 | i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; |
| 183 | 154 | i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; |
| 184 | 155 | i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; |
| 185 | 156 | i3GEO.mapa.AUTORESIZE = true; |
| 186 | 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 | 172 | OpenLayers.ImgPath = "../pacotes/openlayers/img/"; |
| 189 | 173 | (function() { |
| 190 | 174 | var oce = new OpenLayers.Layer.ArcGIS93Rest( |
| ... | ... | @@ -220,11 +204,13 @@ |
| 220 | 204 | { |
| 221 | 205 | layers : "baseraster", |
| 222 | 206 | srs : "EPSG:4618", |
| 223 | - format : "image/png" | |
| 207 | + format : "image/png", | |
| 208 | + isBaseLayer : false | |
| 224 | 209 | }, { |
| 225 | 210 | isBaseLayer : true, |
| 226 | 211 | visibility : false |
| 227 | 212 | }); |
| 213 | + | |
| 228 | 214 | var tms = new OpenLayers.Layer.TMS("OSGEO", |
| 229 | 215 | "http://tilecache.osgeo.org/wms-c/Basic.py/", { |
| 230 | 216 | layername : "basic", |
| ... | ... | @@ -234,9 +220,11 @@ |
| 234 | 220 | isBaseLayer : true, |
| 235 | 221 | visibility : false |
| 236 | 222 | }); |
| 223 | + | |
| 237 | 224 | i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, tms, |
| 238 | 225 | bra ]; |
| 239 | 226 | })(); |
| 227 | + | |
| 240 | 228 | i3GEO.janela.ativaAlerta(); |
| 241 | 229 | i3GEO.finaliza = function() { |
| 242 | 230 | if ($i("i3GEOlogoMarca")) { | ... | ... |
| ... | ... | @@ -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á incluída a escala numé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á incluído o gadget que mostra a coordenada geográfica da posiçã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ã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á incluí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ão incluí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ção de mapas interativos e geoprocessamento</h2> | |
| 67 | + <h3 style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Pú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ção de busca rápida, caso vc queira colocá-la em um lugar especí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íficas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 103 | + <div id=listaLayersBase style='top:15px;'></div> | |
| 104 | + <!-- Esta div acrescenta a lista de de camadas disponí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> | ... | ... |