Commit 56bc712f55a01e1673457081a9c5fffd3a65ed51
1 parent
d6601d2b
Exists in
master
and in
7 other branches
--no commit message
Showing
11 changed files
with
0 additions
and
2453 deletions
Show diff stats
interface/googlemaps.phtml
| ... | ... | @@ -1,211 +0,0 @@ |
| 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 | - | |
| 11 | -</head> | |
| 12 | -<body id="i3geo" style="background-color:white"> | |
| 13 | -<!-- inclui o nome do usuario logado --> | |
| 14 | -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div> | |
| 15 | -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> | |
| 16 | - <tr style="border:0px"> | |
| 17 | - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
| 18 | - </tr> | |
| 19 | - <tr> | |
| 20 | - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
| 21 | - <!--menu suspenso--> | |
| 22 | - <div id="menus" ></div> | |
| 23 | - </td> | |
| 24 | - </tr> | |
| 25 | - <tr> | |
| 26 | - <td style="vertical-align:top;border-width:0px;"> | |
| 27 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 28 | - <tr> | |
| 29 | - <td class=verdeclaro id=contemImg > | |
| 30 | - <div id=googlemapsdiv style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 31 | - </td> | |
| 32 | - </tr> | |
| 33 | - </table> | |
| 34 | - </td> | |
| 35 | - </tr> | |
| 36 | - <tr> | |
| 37 | - <td> | |
| 38 | - <table width=100% > | |
| 39 | - <tr> | |
| 40 | - <td class=tdbranca > | |
| 41 | - <!-- | |
| 42 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
| 43 | - <div id=visual ></div> | |
| 44 | - --> | |
| 45 | - <!-- botão de compartilhamento em redes sociais --> | |
| 46 | - <div id=i3GEOcompartilhar style="width:170px;margin:auto;text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div> | |
| 47 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 48 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
| 49 | - </td> | |
| 50 | - <td class=tdbranca > | |
| 51 | - <!-- aqui será incluída a escala numérica --> | |
| 52 | - <div id=escala style="margin:auto;text-align:right;" ></div> | |
| 53 | - </td> | |
| 54 | - <td class=tdbranca > | |
| 55 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 56 | - <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div> | |
| 57 | - </td> | |
| 58 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 59 | - <td class=tdbranca > | |
| 60 | - <div id=seletorIdiomas ></div> | |
| 61 | - </td> | |
| 62 | - </tr> | |
| 63 | - </table> | |
| 64 | - </td> | |
| 65 | - </tr> | |
| 66 | - <tr style="border:0px"> | |
| 67 | - <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td> | |
| 68 | - </tr> | |
| 69 | -</table> | |
| 70 | -<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'> | |
| 71 | - <tr> | |
| 72 | - <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2><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> | |
| 73 | - </tr> | |
| 74 | - <tr> | |
| 75 | - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td> | |
| 76 | - </tr> | |
| 77 | - <tr> | |
| 78 | - <td> | |
| 79 | - <!-- | |
| 80 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
| 81 | - --> | |
| 82 | - </td> | |
| 83 | - </tr> | |
| 84 | -</table> | |
| 85 | - | |
| 86 | -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:1000;background-color:none"> | |
| 87 | - <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' > | |
| 88 | - <div id="i3GEOguiaMovelMolde" style="position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray"> | |
| 89 | - <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> | |
| 90 | - <div id='i3GEOguiaMovelConteudo' style='overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'> | |
| 91 | - <div id='guia1obj' style='display:none;' > | |
| 92 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 93 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
| 94 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 95 | - <div id=listaPropriedades style='top:15px;' ></div> | |
| 96 | - <!-- 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 --> | |
| 97 | - <div id=listaLayersBase style='top:15px;'></div> | |
| 98 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 99 | - <div id=listaTemas style='top:15px;'></div> | |
| 100 | - </div> | |
| 101 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 102 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 103 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
| 104 | - </div> | |
| 105 | - </div> | |
| 106 | -</div> | |
| 107 | - | |
| 108 | -<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing "></script> | |
| 109 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
| 110 | -<script type="text/javascript"> | |
| 111 | -/* | |
| 112 | -Google Maps | |
| 113 | - | |
| 114 | -Abre o i3geo com a navegação controlada pelo Google Maps. | |
| 115 | - | |
| 116 | -Arquivo: i3geo/interface/googlemaps.phtml | |
| 117 | - | |
| 118 | -Exemplo: | |
| 119 | - | |
| 120 | -http://localhost/i3geo/interface/googlemaps.phtml | |
| 121 | - | |
| 122 | -*/ | |
| 123 | -/* | |
| 124 | - Indica a localização correta do i3geo. | |
| 125 | - | |
| 126 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 127 | - | |
| 128 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
| 129 | -*/ | |
| 130 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 131 | - | |
| 132 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 133 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
| 134 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 135 | -i3GEO.configura.diminuixN = 20; | |
| 136 | -//ativa ou desativa o balao de info ao clicar no mapa | |
| 137 | -i3GEO.eventos.cliquePerm.ativo = true; | |
| 138 | -// | |
| 139 | -i3GEO.cria(); | |
| 140 | - | |
| 141 | -/* | |
| 142 | - Inicializa o mapa | |
| 143 | -*/ | |
| 144 | -//não mostra o mapa de referência | |
| 145 | -i3GEO.configura.mapaRefDisplay = "none"; | |
| 146 | -//tipo de barra de botões | |
| 147 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 148 | -//ajusta o deslocamento da barra de botões | |
| 149 | -i3GEO.barraDeBotoes.OFFSET = -10; | |
| 150 | -//i3GEO.barraDeBotoes.INCLUIBOTAO.barraedicao = false; | |
| 151 | -//ajusta a posição da barra de botões no IE | |
| 152 | -//if(navm) | |
| 153 | -//{i3GEO.barraDeBotoes.OFFSET = -45;} | |
| 154 | - | |
| 155 | -//número máximo de botões na barra de botões inicial | |
| 156 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
| 157 | -//remove itens dos menus que não são necessários, já que estão como ícones na barra de botões | |
| 158 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 159 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 160 | - | |
| 161 | -//barra de botoes normal. descomente para usar | |
| 162 | -/* | |
| 163 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
| 164 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
| 165 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 166 | -i3GEO.barraDeBotoes.PERMITEFECHAR = true; | |
| 167 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true; | |
| 168 | -i3GEO.barraDeBotoes.AUTO = true; | |
| 169 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 170 | -i3GEO.Interface.BARRABOTOESLEFT = 80; | |
| 171 | -i3GEO.Interface.BARRABOTOESTOP = 20; | |
| 172 | -*/ | |
| 173 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 174 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
| 175 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 176 | - | |
| 177 | -//para evitar a entrada de comentários na árvore de camadas, modifique a opção de cada tema individualmente no sistema de administração | |
| 178 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentario = true; | |
| 179 | -i3GEO.mapa.AUTORESIZE = true; | |
| 180 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 181 | -i3GEO.guias.TIPO = "movel"; | |
| 182 | -//posição da guia movel em relação ao topo do mapa. Se for igual a 0, o cálculo será feito de forma automática | |
| 183 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
| 184 | - | |
| 185 | -i3GEO.ajuda.ATIVAJANELA = false; | |
| 186 | -// | |
| 187 | -//define a funcao que sera executada ao clicar no mapa | |
| 188 | -//default (balao do tipo etiqueta) | |
| 189 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 190 | -//alternativo (janela de identificacao | |
| 191 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 192 | -// | |
| 193 | - | |
| 194 | -// | |
| 195 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. | |
| 196 | -// | |
| 197 | -i3GEO.janela.ativaAlerta(); | |
| 198 | -//esconde a logomarca ao finalizar o mapa | |
| 199 | -i3GEO.finaliza = function(){ | |
| 200 | - if($i("i3GEOlogoMarca")){ | |
| 201 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 202 | - } | |
| 203 | - i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png"); | |
| 204 | -} | |
| 205 | -i3GEO.finalizaAPI = function(){ | |
| 206 | - //alert("oi"); | |
| 207 | -} | |
| 208 | -i3GEO.inicia(); | |
| 209 | -</script> | |
| 210 | -</body> | |
| 211 | -</html> | |
| 212 | 0 | \ No newline at end of file |
interface/googlemaps1.phtml
| ... | ... | @@ -1,183 +0,0 @@ |
| 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"> | |
| 8 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 9 | - <style type="text/css"> | |
| 10 | - .olControlEditingToolbar { | |
| 11 | - float:left; | |
| 12 | - right: 0px; | |
| 13 | - height:30px; | |
| 14 | - width: 150px; | |
| 15 | - } | |
| 16 | -</style> | |
| 17 | -<title>i3GEO - GoogleMaps</title> | |
| 18 | -</head> | |
| 19 | -<body id="i3geo" > | |
| 20 | -<!-- inclui o nome do usuario logado --> | |
| 21 | -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div> | |
| 22 | -<center> | |
| 23 | -<table id='mst' summary="" style='display:none' width=100% cellspacing='0'> | |
| 24 | -<tr style="border:0px"> | |
| 25 | - <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
| 26 | -</tr> | |
| 27 | -<tr> | |
| 28 | -<td> | |
| 29 | - <table width=100% cellspacing=0 cellpadding=0 > | |
| 30 | - <tr> | |
| 31 | - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td> | |
| 32 | - <td> | |
| 33 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
| 34 | - <div id=guia1 class=guia ></div> | |
| 35 | - <div id=guia2 class=guia ></div> | |
| 36 | - <div id=guia4 class=guia ></div> | |
| 37 | - <div id=guia5 class=guia ></div> | |
| 38 | - </div> | |
| 39 | - </td> | |
| 40 | - </tr> | |
| 41 | - </table> | |
| 42 | -</td> | |
| 43 | -<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
| 44 | - <div id="menus" ></div> | |
| 45 | -</td> | |
| 46 | -</tr> | |
| 47 | -<tr> | |
| 48 | -<td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
| 49 | - <div id='guia1obj' > | |
| 50 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
| 51 | - <div id=listaPropriedades style='top:15px;' ></div> | |
| 52 | - <div id=listaTemas style='top:15px;'></div> | |
| 53 | - </div> | |
| 54 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 55 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 56 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
| 57 | -</td> | |
| 58 | -<td style="vertical-align:top;border-width:0px;"> | |
| 59 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 60 | - <tr><td class=verdeclaro id=contemImg > | |
| 61 | - <div id=googlemapsdiv style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 62 | - </td></tr> | |
| 63 | - </table> | |
| 64 | -</td> | |
| 65 | -</tr> | |
| 66 | -<tr> | |
| 67 | -<td class=tdbranca > | |
| 68 | - <div id="seletorIdiomas" ></div> | |
| 69 | - <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> | |
| 70 | -</td> | |
| 71 | -<td class=tdbranca > | |
| 72 | - <table width=100% ><tr> | |
| 73 | - <td class=tdbranca > | |
| 74 | - </td> | |
| 75 | - <td class=tdbranca style=text-align:center > | |
| 76 | - <div id=escala ></div> | |
| 77 | - </td> | |
| 78 | - <td class=tdbranca > | |
| 79 | - <div id=inserirKml ></div> | |
| 80 | - </td> | |
| 81 | - <td class=tdbranca > | |
| 82 | - <div id=localizarxy ></div> | |
| 83 | - </td> | |
| 84 | - </tr> | |
| 85 | - <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> | |
| 86 | - </table> | |
| 87 | -</td> | |
| 88 | -</tr> | |
| 89 | -<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
| 90 | -<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> | |
| 91 | -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr> | |
| 92 | -</table> | |
| 93 | -</center> | |
| 94 | -<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'> | |
| 95 | - <tr> | |
| 96 | - <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2><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> | |
| 97 | - </tr> | |
| 98 | - <tr> | |
| 99 | - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td> | |
| 100 | - </tr> | |
| 101 | - <tr> | |
| 102 | - <td> | |
| 103 | - <!-- | |
| 104 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
| 105 | - --> | |
| 106 | - </td> | |
| 107 | - </tr> | |
| 108 | -</table> | |
| 109 | -<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing "></script> | |
| 110 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
| 111 | -<script type="text/javascript"> | |
| 112 | -/* | |
| 113 | -Google Maps versão com guias à esquerda | |
| 114 | - | |
| 115 | -Abre o i3geo com a navegação controlada pelo Google Maps. | |
| 116 | - | |
| 117 | -Arquivo: i3geo/interface/googlemaps.phtml | |
| 118 | - | |
| 119 | -Exemplo: | |
| 120 | - | |
| 121 | -http://localhost/i3geo/interface/googlemaps.phtml | |
| 122 | - | |
| 123 | -*/ | |
| 124 | -/* | |
| 125 | - Indica a localização correta do i3geo. | |
| 126 | - | |
| 127 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 128 | - | |
| 129 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
| 130 | -*/ | |
| 131 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 132 | - | |
| 133 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 134 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
| 135 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 136 | -i3GEO.configura.diminuixN = 20; | |
| 137 | -//ativa ou desativa o balao de info ao clicar no mapa | |
| 138 | -i3GEO.eventos.cliquePerm.ativo = true; | |
| 139 | -// | |
| 140 | -i3GEO.cria(); | |
| 141 | - | |
| 142 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 143 | -i3GEO.barraDeBotoes.OFFSET = -210; | |
| 144 | -//i3GEO.barraDeBotoes.INCLUIBOTAO.barraedicao = false; | |
| 145 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
| 146 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 147 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 148 | -//barra de botoes normal. descomente para usar | |
| 149 | -/* | |
| 150 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
| 151 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
| 152 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 153 | -i3GEO.barraDeBotoes.PERMITEFECHAR = true; | |
| 154 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true; | |
| 155 | -i3GEO.barraDeBotoes.AUTO = true; | |
| 156 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 157 | -i3GEO.Interface.BARRABOTOESLEFT = 80; | |
| 158 | -i3GEO.Interface.BARRABOTOESTOP = 20; | |
| 159 | -*/ | |
| 160 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 161 | -i3GEO.Interface.ATIVAMENUCONTEXTO = true; | |
| 162 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 163 | - | |
| 164 | -//para evitar a entrada de comentários na árvore de camadas, modifique a opção de cada tema individualmente no sistema de administração | |
| 165 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentario = true; | |
| 166 | -i3GEO.mapa.AUTORESIZE = true; | |
| 167 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 168 | -// | |
| 169 | -//define a funcao que sera executada ao clicar no mapa | |
| 170 | -//default (balao do tipo etiqueta) | |
| 171 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 172 | -//alternativo (janela de identificacao | |
| 173 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 174 | -// | |
| 175 | - | |
| 176 | -// | |
| 177 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. | |
| 178 | -// | |
| 179 | -i3GEO.janela.ativaAlerta(); | |
| 180 | -i3GEO.inicia(); | |
| 181 | -</script> | |
| 182 | -</body> | |
| 183 | -</html> | |
| 184 | 0 | \ No newline at end of file |
interface/googlemaps_t.htm
| ... | ... | @@ -1,189 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 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"> | |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no;"> | |
| 7 | -<meta name="HandheldFriendly" content="yes" /> | |
| 8 | -<meta name="MobileOptimized" content="width" /> | |
| 9 | -<meta name="apple-mobile-web-app-capable" content="yes"> | |
| 10 | -<title>i3GEO - Googlemaps</title> | |
| 11 | -<style> | |
| 12 | -.listaMenuTitulo{ | |
| 13 | - font-size: 13px; | |
| 14 | - text-align: left; | |
| 15 | - margin-left: 5px; | |
| 16 | - margin-top: 6px; | |
| 17 | -} | |
| 18 | -.listaMenuItem{i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 19 | - font-size:11px; | |
| 20 | - text-align: left; | |
| 21 | - margin-left:15px; | |
| 22 | - margin-top: 6px; | |
| 23 | -} | |
| 24 | -</style> | |
| 25 | -</head> | |
| 26 | -<body id="i3geo" > | |
| 27 | -<table id='mst' summary="" style='display:none;' cellspacing='0'> | |
| 28 | - <tr style="border:0px"> | |
| 29 | - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
| 30 | - </tr> | |
| 31 | - <tr> | |
| 32 | - <td style=text-align:center; > | |
| 33 | - <div style="top:0px;cursor:pointer;border-bottom: 1px solid #A3A3A3"> | |
| 34 | - <div id=guia4 class=guia >Legenda</div> | |
| 35 | - <div id=guia1 class=guia >Camadas</div> | |
| 36 | - <div id=guia2 class=guia >Catálogo</div> | |
| 37 | - <div id=guia6 class=guia >+</div> | |
| 38 | - </div> | |
| 39 | - </td> | |
| 40 | - </tr> | |
| 41 | - <tr> | |
| 42 | - <td style="vertical-align:top;border-width:0px;"> | |
| 43 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 44 | - <tr> | |
| 45 | - <td class=verdeclaro id=contemImg > | |
| 46 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 47 | - </td> | |
| 48 | - </tr> | |
| 49 | - </table> | |
| 50 | - </td> | |
| 51 | - </tr> | |
| 52 | -</table> | |
| 53 | -<div id='guia4obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
| 54 | - <div id='legenda' style='text-align:left'></div> | |
| 55 | -</div> | |
| 56 | -<div id='guia1obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
| 57 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
| 58 | - <div id=listaPropriedades style='top:15px;' ></div> | |
| 59 | - <div id=listaLayersBase style='top:15px;'></div> | |
| 60 | - <div id=listaTemas style='top:15px;'></div> | |
| 61 | - <br><br> | |
| 62 | -</div> | |
| 63 | -<div id='guia2obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; ><img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 64 | - | |
| 65 | -<div id='guia6obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
| 66 | - <div id=i3GEOcompartilhar style="text-align:center;border-top:0px solid rgb(250,250,250);padding-top:1px;" ></div><br> | |
| 67 | - <table><tr><td>Escala 1:</td><td><div id=escala style="text-align:left;width:100px;display:inline-table;" ></div></td></tr></table> | |
| 68 | - <div id=menuLista style='text-align:left'></div> | |
| 69 | -</div> | |
| 70 | - | |
| 71 | -<div id=seletorIdiomas style="position:absolute;top:15px;left:5px;z-index:20000" ></div> | |
| 72 | -<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | |
| 73 | -<script src="../classesjs/i3geo5.js"></script> | |
| 74 | -<script> | |
| 75 | -/* | |
| 76 | -Interface Googlemaps para tablets | |
| 77 | - | |
| 78 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Googlemaps adaptada para dispositivos do tipo tablet. | |
| 79 | - | |
| 80 | -File: i3geo/interface/googlemaps_t.htm | |
| 81 | - | |
| 82 | -Exemplo: | |
| 83 | - | |
| 84 | -http://<host>/i3geo/ms_criamapa.php | |
| 85 | - | |
| 86 | -http://<host>/i3geo/interface/googlemaps_t.htm | |
| 87 | - | |
| 88 | -http://<host>/i3geo | |
| 89 | - | |
| 90 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
| 91 | - | |
| 92 | -*/ | |
| 93 | -/* | |
| 94 | - Indica a localização correta do i3geo. | |
| 95 | - | |
| 96 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 97 | - | |
| 98 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
| 99 | -*/ | |
| 100 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 101 | -/* | |
| 102 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
| 103 | - | |
| 104 | -exemplo | |
| 105 | - | |
| 106 | -i3GEO.configura.autotamanho = true; | |
| 107 | -*/ | |
| 108 | - | |
| 109 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 110 | -i3GEO.configura.autotamanho = false; | |
| 111 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
| 112 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 113 | -i3GEO.Interface.ALTTABLET = ""; | |
| 114 | -//ativa ou desativa o balao de info ao clicar no mapa | |
| 115 | -i3GEO.eventos.cliquePerm.ativo = true; | |
| 116 | -// | |
| 117 | -i3GEO.barraDeBotoes.INCLUIBOTAO = { | |
| 118 | - zoomli: false, | |
| 119 | - mede: true, | |
| 120 | - area: true, | |
| 121 | - imprimir: true, | |
| 122 | - zoomiauto: false, | |
| 123 | - zoomoauto: false, | |
| 124 | - pan: true, | |
| 125 | - zoomtot:true, | |
| 126 | - identifica: true, | |
| 127 | - identificaBalao: false, | |
| 128 | - reinicia: false, | |
| 129 | - exten: false, | |
| 130 | - selecao: true, | |
| 131 | - referencia: false, | |
| 132 | - inserexy: false, | |
| 133 | - textofid: false, | |
| 134 | - google: false, | |
| 135 | - buscafotos: false, | |
| 136 | - wiki: false, | |
| 137 | - metar: false, | |
| 138 | - lentei: false, | |
| 139 | - confluence: false, | |
| 140 | - inseregrafico: false, | |
| 141 | - v3d: false | |
| 142 | -}; | |
| 143 | -i3GEO.Interface.TABLET = true; | |
| 144 | -i3GEO.configura.diminuiyN = 35; | |
| 145 | -/* | |
| 146 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
| 147 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
| 148 | -*/ | |
| 149 | -i3GEO.cria(); | |
| 150 | -/* | |
| 151 | - Inicializa o mapa | |
| 152 | -*/ | |
| 153 | -i3GEO.barraDeBotoes.OFFSET = -10; | |
| 154 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 155 | - | |
| 156 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 157 | - | |
| 158 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 159 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 160 | - | |
| 161 | -i3GEO.guias.TIPO = "tablet"; | |
| 162 | -i3GEO.guias.CONFIGURA.temas.titulo = $trad("t1"); | |
| 163 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 164 | -i3GEO.configura.mapaRefDisplay = "none"; | |
| 165 | -i3GEO.mapa.AUTORESIZE = true; | |
| 166 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 167 | -// | |
| 168 | -//define a funcao que sera executada ao clicar no mapa | |
| 169 | -//default (balao do tipo etiqueta) | |
| 170 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 171 | -//alternativo (janela de identificacao | |
| 172 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 173 | -// | |
| 174 | - | |
| 175 | -// | |
| 176 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 177 | -// | |
| 178 | -i3GEO.janela.ativaAlerta(); | |
| 179 | -// | |
| 180 | -//inicia o mapa | |
| 181 | -// | |
| 182 | -i3GEO.inicia(); | |
| 183 | -/* | |
| 184 | -YAHOO.util.Event.addListener(document.body, "click", YAHOO.util.Event.preventDefault); | |
| 185 | -YAHOO.util.Event.addFocusListener(document.body, YAHOO.util.Event.preventDefault); | |
| 186 | -*/ | |
| 187 | -</script> | |
| 188 | -</body> | |
| 189 | -</html> | |
| 190 | 0 | \ No newline at end of file |
interface/minima.htm
| ... | ... | @@ -1,143 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 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"> | |
| 6 | -<title>i3Geo - Mapa interativo</title> | |
| 7 | - | |
| 8 | -<!-- Leitura dos programas javaScript e estilos individualmente. Pode-se ler os | |
| 9 | -arquivos não compactados, bastando substituir por i3geonaocompacto --> | |
| 10 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
| 11 | -<script type="text/javascript" src="../pacotes/openlayers/OpenLayers29.js.php"></script> | |
| 12 | - | |
| 13 | -</head> | |
| 14 | -<body id=i3geo > | |
| 15 | -<center> | |
| 16 | -<table id='mst' style=display:none width=100% cellspacing='0'> | |
| 17 | -<tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr> | |
| 18 | -<tr> | |
| 19 | -<td> | |
| 20 | -</td> | |
| 21 | -<td style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
| 22 | -</td> | |
| 23 | -</tr> | |
| 24 | -<tr> | |
| 25 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
| 26 | - <div id='guia1obj' ><div style='left:5px;top:10px;' id=buscaRapida ></div><div id=listaTemas style='top:15px;'></div></div> | |
| 27 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 28 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 29 | - </td> | |
| 30 | - <td style="vertical-align:top;border-width:0px;"> | |
| 31 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 32 | - <tr><td class=verdeclaro id=contemImg > | |
| 33 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 34 | - </td></tr> | |
| 35 | - </table> | |
| 36 | - | |
| 37 | - </td> | |
| 38 | - </tr> | |
| 39 | -<tr> | |
| 40 | - <td class=tdbranca > | |
| 41 | - </td> | |
| 42 | - <td class=tdbranca > | |
| 43 | - <table width=100% > | |
| 44 | - <tr> | |
| 45 | - <td class=tdbranca width="33%"> | |
| 46 | - <div id=escala style="text-align:right;"></div> | |
| 47 | - </td> | |
| 48 | - <td class=tdbranca width="33%" > | |
| 49 | - <div id=localizarxy style="text-align:center;font-size:10px;">Aguarde...</div> | |
| 50 | - </td> | |
| 51 | - <td class=tdbranca style="text-align:right;;display:inline;width:33%"> | |
| 52 | - <div id=seletorIdiomas style="text-align:right;" ></div> | |
| 53 | - </td> | |
| 54 | - </tr> | |
| 55 | - </table> | |
| 56 | - | |
| 57 | - </td> | |
| 58 | -</tr> | |
| 59 | -<tr style="border:0px"><td colspan=3 style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
| 60 | -</table> | |
| 61 | -</center> | |
| 62 | -<div id=barraDeBotoes1 style='display:none'> | |
| 63 | - <table title="zoom" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table> | |
| 64 | - <table title="desloca" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table> | |
| 65 | - <table title="info" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table> | |
| 66 | - <table title="geral" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table> | |
| 67 | - <table title="extensao" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="extensao" alt="" src="../imagens/branco.gif" id="exten"/></td></tr></table> | |
| 68 | - <table title="mede" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table> | |
| 69 | - <table title="area" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table> | |
| 70 | - <table title="imprimir" style="width:100%"><caption style="text-align:center"> </caption><tr><td style='background-color:rgb(250,250,250);'><img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/></td></tr></table> | |
| 71 | -</div> | |
| 72 | -<script type="text/javascript"> | |
| 73 | -/* | |
| 74 | -Interface minima | |
| 75 | - | |
| 76 | -Interface alternativa para o i3Geo com funções de navegação e manipulação dos temas | |
| 77 | - | |
| 78 | -Exemplo: | |
| 79 | - | |
| 80 | -http://localhost/i3geo/interface/minima.htm | |
| 81 | - | |
| 82 | -*/ | |
| 83 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 84 | - | |
| 85 | -i3GEO.Interface.ATUAL = "openlayers"; | |
| 86 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 87 | -i3GEO.configura.diminuixN = 20; | |
| 88 | - | |
| 89 | -i3GEO.Interface.openlayers.GADGETS = { | |
| 90 | - PanZoomBar:true, | |
| 91 | - PanZoom:false, | |
| 92 | - LayerSwitcher:false, | |
| 93 | - ScaleLine:true, | |
| 94 | - OverviewMap:false | |
| 95 | - }; | |
| 96 | -i3GEO.Interface.openlayers.TILES = true; | |
| 97 | - | |
| 98 | -i3GEO.cria(); | |
| 99 | -i3GEO.barraDeBotoes.INCLUIBOTAO = { | |
| 100 | - zoomli: true, | |
| 101 | - pan: true, | |
| 102 | - zoomtot:true, | |
| 103 | - identifica: true, | |
| 104 | - identificaBalao: true, | |
| 105 | - mede: true, | |
| 106 | - area: true, | |
| 107 | - imprimir: true, | |
| 108 | - reinicia: false, | |
| 109 | - exten: false, | |
| 110 | - referencia: true, | |
| 111 | - inserexy: false, | |
| 112 | - textofid: false, | |
| 113 | - selecao: false, | |
| 114 | - google: true, | |
| 115 | - buscafotos: false, | |
| 116 | - wiki: false, | |
| 117 | - metar: false, | |
| 118 | - lentei: false, | |
| 119 | - confluence: false, | |
| 120 | - inseregrafico: false, | |
| 121 | - v3d: false | |
| 122 | - }; | |
| 123 | -i3GEO.Interface.BARRABOTOESLEFT = 50; | |
| 124 | -i3GEO.Interface.BARRABOTOESTOP = 10; | |
| 125 | -i3GEO.barraDeBotoes.AUTO = true; | |
| 126 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
| 127 | -i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
| 128 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 129 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 130 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 131 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
| 132 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 133 | - | |
| 134 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 135 | -i3GEO.inicia(); | |
| 136 | -// | |
| 137 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 138 | -// | |
| 139 | -i3GEO.janela.ativaAlerta(); | |
| 140 | - | |
| 141 | -</script> | |
| 142 | -</body> | |
| 143 | -</html> | |
| 144 | 0 | \ No newline at end of file |
interface/openlayers.htm
| ... | ... | @@ -1,369 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 4 | -<meta http-equiv="Category" | |
| 5 | - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
| 6 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 7 | - | |
| 8 | -<title>i3GEO - OpenLayers</title> | |
| 9 | -<!-- estilo necessário para a ferramenta de edição --> | |
| 10 | - | |
| 11 | -</head> | |
| 12 | -<body id="i3geo" style="background-color: white"> | |
| 13 | - <!-- 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> | |
| 22 | - <tr> | |
| 23 | - <td id="contemMenu" | |
| 24 | - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
| 25 | - <!--menu suspenso--> | |
| 26 | - <div id="menus"></div> | |
| 27 | - </td> | |
| 28 | - </tr> | |
| 29 | - <tr> | |
| 30 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 31 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 32 | - <tr> | |
| 33 | - <td class=verdeclaro id=contemImg> | |
| 34 | - <div id=corpoMapa | |
| 35 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 36 | - </td> | |
| 37 | - </tr> | |
| 38 | - </table> | |
| 39 | - </td> | |
| 40 | - </tr> | |
| 41 | - <tr> | |
| 42 | - <td> | |
| 43 | - <table width=100%> | |
| 44 | - <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> | |
| 57 | - <!-- aqui será incluída a escala numérica --> | |
| 58 | - <div id=escala style="text-align: right;"></div> | |
| 59 | - </td> | |
| 60 | - <td class=tdbranca> | |
| 61 | - <!-- 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> | |
| 64 | - </td> | |
| 65 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 66 | - <td class=tdbranca> | |
| 67 | - <div id=seletorIdiomas></div> | |
| 68 | - </td> | |
| 69 | - </tr> | |
| 70 | - </table> | |
| 71 | - </td> | |
| 72 | - </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> | |
| 78 | - <table id="i3GEOlogoMarca" | |
| 79 | - style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
| 80 | - <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> | |
| 90 | - </tr> | |
| 91 | - <tr> | |
| 92 | - <td style="padding: 10px;"><img | |
| 93 | - style="width: 560px; height: 81px" alt="" | |
| 94 | - src='../imagens/logo_inicio.png'></td> | |
| 95 | - </tr> | |
| 96 | - <tr> | |
| 97 | - <td> | |
| 98 | - <!-- | |
| 99 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
| 100 | - --> | |
| 101 | - </td> | |
| 102 | - </tr> | |
| 103 | - </table> | |
| 104 | - | |
| 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> | |
| 136 | - </div> | |
| 137 | - </div> | |
| 138 | - </div> | |
| 139 | - | |
| 140 | - <script src="../classesjs/i3geo5.js"></script> | |
| 141 | - <script src="../pacotes/openlayers/OpenLayers211.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> | |
| 154 | - <script> | |
| 155 | - /* | |
| 156 | - Interface Openlayers | |
| 157 | - | |
| 158 | - Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. | |
| 159 | - | |
| 160 | - File: i3geo/interface/openlayers.htm | |
| 161 | - | |
| 162 | - Exemplo: | |
| 163 | - | |
| 164 | - http://<host>/i3geo/ms_criamapa.php | |
| 165 | - | |
| 166 | - http://<host>/i3geo/interface/openlayers.htm | |
| 167 | - | |
| 168 | - http://<host>/i3geo | |
| 169 | - | |
| 170 | - Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
| 171 | - | |
| 172 | - */ | |
| 173 | - /* | |
| 174 | - Indica a localização correta do i3geo. | |
| 175 | - | |
| 176 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 177 | - | |
| 178 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
| 179 | - */ | |
| 180 | - //i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 181 | - /* | |
| 182 | - Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
| 183 | - | |
| 184 | - exemplo | |
| 185 | - | |
| 186 | - i3GEO.configura.autotamanho = true; | |
| 187 | - */ | |
| 188 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 189 | - + window.location.host + "/i3geo"; | |
| 190 | - i3GEO.configura.autotamanho = false; | |
| 191 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 192 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 193 | - //ativa ou desativa o balao de info ao clicar no mapa | |
| 194 | - i3GEO.eventos.cliquePerm.ativo = true; | |
| 195 | - i3GEO.configura.guardaExtensao = false; | |
| 196 | - // | |
| 197 | - // | |
| 198 | - //interface alternativa se for detectado um dispositivo móvel | |
| 199 | - // | |
| 200 | - //i3GEO.Interface.ALTTABLET = "openlayers_t.htm"; | |
| 201 | - i3GEO.Interface.openlayers.GADGETS = { | |
| 202 | - PanZoomBar : true, | |
| 203 | - PanZoom : false, | |
| 204 | - LayerSwitcher : true, | |
| 205 | - ScaleLine : true, | |
| 206 | - OverviewMap : false | |
| 207 | - }; | |
| 208 | - i3GEO.Interface.openlayers.TILES = true; | |
| 209 | - /* | |
| 210 | - i3GEO.Interface.openlayers.parametrosMap.scales = [ | |
| 211 | - 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | |
| 212 | - ]; | |
| 213 | - */ | |
| 214 | - // | |
| 215 | - //controla o tamanho da barra de zoom | |
| 216 | - // | |
| 217 | - //i3GEO.Interface.openlayers.MINEXTENT = [-0.001, -0.001, 0.001, 0.001] | |
| 218 | - // | |
| 219 | - // | |
| 220 | - //desabilita o item que abre a interface "default" do menu suspenso | |
| 221 | - // | |
| 222 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 223 | - | |
| 224 | - /* | |
| 225 | - Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
| 226 | - Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
| 227 | - */ | |
| 228 | - | |
| 229 | - i3GEO.cria(); | |
| 230 | - /* | |
| 231 | - Inicializa o mapa | |
| 232 | - */ | |
| 233 | - //não mostra o mapa de referência | |
| 234 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 235 | - //tipo de barra de botões | |
| 236 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 237 | - //ajusta o deslocamento da barra de botões | |
| 238 | - i3GEO.barraDeBotoes.OFFSET = -3; | |
| 239 | - //ajusta a posição da barra de botões no IE | |
| 240 | - //if(navm) | |
| 241 | - //{i3GEO.barraDeBotoes.OFFSET = -45;} | |
| 242 | - //número máximo de botões na barra de botões inicial | |
| 243 | - //i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
| 244 | - //remove itens dos menus que não são necessários, já que estão como ícones na barra de botões | |
| 245 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 246 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 247 | - //a barra de botões será mostrada no mapa conforme o construtor padrão | |
| 248 | - i3GEO.barraDeBotoes.ATIVA = true; | |
| 249 | - // | |
| 250 | - //barra de botoes normal. descomente para usar | |
| 251 | - /* | |
| 252 | - i3GEO.barraDeBotoes.TIPO = "yui"; | |
| 253 | - i3GEO.barraDeBotoes.AUTOALTURA = true; | |
| 254 | - i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 255 | - i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
| 256 | - i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | |
| 257 | - i3GEO.barraDeBotoes.AUTO = true; | |
| 258 | - i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 259 | - i3GEO.Interface.BARRABOTOESLEFT = 0; | |
| 260 | - i3GEO.Interface.BARRABOTOESTOP = 2; | |
| 261 | - i3GEO.Interface.BARRADEZOOMTOP = 10; | |
| 262 | - i3GEO.Interface.BARRADEZOOMLEFT = 40; | |
| 263 | - */ | |
| 264 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 265 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 266 | - i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
| 267 | - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 268 | - | |
| 269 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 270 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 271 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 272 | - i3GEO.mapa.AUTORESIZE = true; | |
| 273 | - i3GEO.guias.TIPO = "movel"; | |
| 274 | - //i3GEO.guias.guiaMovel.ABERTA = true; | |
| 275 | - //posição da guia movel em relação ao topo do mapa. Se for igual a 0, o cálculo será feito de forma automática | |
| 276 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
| 277 | - // | |
| 278 | - //define quanto tempo é aguardado para considerar que o mouse está parado sobre um lugar. | |
| 279 | - //utilizado pela função de identificação do tipo balão | |
| 280 | - // | |
| 281 | - //i3GEO.configura.tempoMouseParado = 1000 | |
| 282 | - // | |
| 283 | - //esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
| 284 | - // | |
| 285 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 286 | - // | |
| 287 | - //adiciona camadas que podem ser ativadas como fundo do mapa | |
| 288 | - // | |
| 289 | - (function() { | |
| 290 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
| 291 | - "ESRI Ocean Basemap", | |
| 292 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
| 293 | - { | |
| 294 | - format : "jpeg" | |
| 295 | - }, { | |
| 296 | - isBaseLayer : true, | |
| 297 | - visibility : false | |
| 298 | - }); | |
| 299 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
| 300 | - "ESRI Imagery World 2D", | |
| 301 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
| 302 | - { | |
| 303 | - format : "jpeg" | |
| 304 | - }, { | |
| 305 | - isBaseLayer : true, | |
| 306 | - visibility : false | |
| 307 | - }); | |
| 308 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 309 | - "ESRI World Street Map", | |
| 310 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 311 | - { | |
| 312 | - format : "jpeg" | |
| 313 | - }, { | |
| 314 | - isBaseLayer : true, | |
| 315 | - visibility : false | |
| 316 | - }); | |
| 317 | - var bra = new OpenLayers.Layer.WMS( | |
| 318 | - "Base carto MMA", | |
| 319 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 320 | - { | |
| 321 | - layers : "baseraster", | |
| 322 | - srs : "EPSG:4618", | |
| 323 | - format : "image/png" | |
| 324 | - }, { | |
| 325 | - isBaseLayer : true, | |
| 326 | - visibility : false | |
| 327 | - }); | |
| 328 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
| 329 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
| 330 | - layername : "basic", | |
| 331 | - type : "png", | |
| 332 | - // set if different than the bottom left of map.maxExtent | |
| 333 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
| 334 | - isBaseLayer : true, | |
| 335 | - visibility : false | |
| 336 | - }); | |
| 337 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, tms, | |
| 338 | - bra ]; | |
| 339 | - })(); | |
| 340 | - // | |
| 341 | - //substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 342 | - // | |
| 343 | - i3GEO.janela.ativaAlerta(); | |
| 344 | - // | |
| 345 | - //inicia o mapa | |
| 346 | - // | |
| 347 | - //esconde a logomarca ao finalizar o mapa | |
| 348 | - i3GEO.finaliza = function() { | |
| 349 | - if ($i("i3GEOlogoMarca")) { | |
| 350 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 351 | - } | |
| 352 | - i3GEO.mapa.insereDobraPagina("googlemaps", | |
| 353 | - "../imagens/dobragooglemaps.png"); | |
| 354 | - }; | |
| 355 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 356 | - // | |
| 357 | - //define a funcao que sera executada ao clicar no mapa | |
| 358 | - //default (balao do tipo etiqueta) | |
| 359 | - i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ]; | |
| 360 | - //alternativo (janela de identificacao | |
| 361 | - //i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 362 | - // | |
| 363 | - | |
| 364 | - //OpenLayers.DOTS_PER_INCH = 96 | |
| 365 | - //i3GEO.configura.sid = ""; | |
| 366 | - i3GEO.inicia(); | |
| 367 | - </script> | |
| 368 | -</body> | |
| 369 | -</html> |
interface/openlayers1.htm
| ... | ... | @@ -1,317 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 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"> | |
| 6 | -<title>i3GEO - OpenLayers</title> | |
| 7 | -<!-- estilo necessário para a ferramenta de ediçã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> | |
| 20 | -</head> | |
| 21 | -<body id="i3geo"> | |
| 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'> | |
| 25 | - | |
| 26 | -<!-- | |
| 27 | - Inclui a barra superior. Se vc não quiser o menu, é só comentar o TR | |
| 28 | ---> | |
| 29 | -<tr style="border:0px"> | |
| 30 | - <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
| 31 | -</tr> | |
| 32 | -<tr> | |
| 33 | -<td> | |
| 34 | - <table width=100% cellspacing=0 cellpadding=0 > | |
| 35 | - <tr> | |
| 36 | - <td></td> | |
| 37 | - <td> | |
| 38 | - <!-- | |
| 39 | - Guias principais, não mude o ID, apenas o nome se for desejado | |
| 40 | - Para remover uma guia, basta comentar a linha | |
| 41 | - --> | |
| 42 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
| 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> | |
| 47 | - </div> | |
| 48 | - </td> | |
| 49 | - | |
| 50 | - </tr> | |
| 51 | - </table> | |
| 52 | -</td> | |
| 53 | -<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | |
| 54 | - <!-- | |
| 55 | - menu suspenso | |
| 56 | - --> | |
| 57 | - <div id="menus" ></div> | |
| 58 | -</td> | |
| 59 | -</tr> | |
| 60 | -<tr> | |
| 61 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
| 62 | - <!-- | |
| 63 | - As divs guiaNobj guardam o conteúdo que é mostrado quando a guia é clicada | |
| 64 | - Para cada botão na guia deve haver um div com o conteúdo, pe. | |
| 65 | - o div com id=guia1 deve ter um div com id=guia1obj | |
| 66 | - --> | |
| 67 | - <div id='guia1obj' > | |
| 68 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar especí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íficas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 73 | - <div id=listaLayersBase style='top:15px;'></div> | |
| 74 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 75 | - <div id=listaTemas style='top:15px;'></div> | |
| 76 | - </div> | |
| 77 | - | |
| 78 | - <!-- se vc quiser colocar a arvore de adição de temas em um lugar específico, | |
| 79 | - use o div abaixo, caso contrário, a árvore será 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 | - | |
| 84 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 85 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 86 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
| 87 | - </td> | |
| 88 | - <td style="vertical-align:top;border-width:0px;"> | |
| 89 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 90 | - <tr><td class=verdeclaro id=contemImg > | |
| 91 | - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 92 | - </td></tr> | |
| 93 | - </table> | |
| 94 | - </td> | |
| 95 | - </tr> | |
| 96 | - | |
| 97 | -<tr> | |
| 98 | - | |
| 99 | - <td class=tdbranca > | |
| 100 | - <!-- | |
| 101 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
| 102 | - <div id=visual ></div> | |
| 103 | - --> | |
| 104 | - <!-- botã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á incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 107 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
| 108 | - </td> | |
| 109 | - <td class=tdbranca > | |
| 110 | - <table width=100% > | |
| 111 | - <tr> | |
| 112 | - <td class=tdbranca > | |
| 113 | - <!-- aqui será incluída a escala numérica --> | |
| 114 | - <div id=escala style="text-align:right;" ></div> | |
| 115 | - </td> | |
| 116 | - <td class=tdbranca > | |
| 117 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 118 | - <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div> | |
| 119 | - </td> | |
| 120 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 121 | - <td class=tdbranca ><div id=seletorIdiomas ></div></td> | |
| 122 | - <!-- | |
| 123 | - A opção de localização 'onde estou?' baseia-se na identificação do IP do usuário. Para | |
| 124 | - que esta opção funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no | |
| 125 | - SVN do portal do software público o diretório arquivos_versões/pacotes para maiores informações | |
| 126 | - --> | |
| 127 | - <td class=tdbranca ><div id=ondeestou ></div></td> | |
| 128 | - </tr> | |
| 129 | - <!-- esta div recebe o cálculo do posicionamento do mouse em coordenadas UTM | |
| 130 | - As coordenadas UTM apenas serão mostradas nessa div se o parâ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á 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 | - --> | |
| 135 | - </table> | |
| 136 | - </td> | |
| 137 | -</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ã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> | |
| 141 | -<!-- esse elemento é 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> | |
| 143 | - | |
| 144 | -</table> | |
| 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ção de mapas interativos e geoprocessamento</h2><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> | |
| 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> | |
| 160 | - | |
| 161 | -<script src="../classesjs/i3geo5.js"></script> | |
| 162 | -<script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
| 163 | -<script> | |
| 164 | -/* | |
| 165 | -Interface Openlayers versão com guias à esquerda | |
| 166 | - | |
| 167 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. | |
| 168 | - | |
| 169 | -File: i3geo/interface/openlayers.htm | |
| 170 | - | |
| 171 | -Exemplo: | |
| 172 | - | |
| 173 | -http://<host>/i3geo/ms_criamapa.phpi3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 174 | - | |
| 175 | -http://<host>/i3geo/interface/openlayers.htm | |
| 176 | - | |
| 177 | -http://<host>/i3geo | |
| 178 | - | |
| 179 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
| 180 | - | |
| 181 | -*/ | |
| 182 | -/* | |
| 183 | - Indica a localização correta do i3geo. | |
| 184 | - | |
| 185 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 186 | - | |
| 187 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
| 188 | -*/ | |
| 189 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 190 | -/* | |
| 191 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
| 192 | - | |
| 193 | -exemplo | |
| 194 | - | |
| 195 | -i3GEO.configura.autotamanho = true; | |
| 196 | -*/ | |
| 197 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 198 | -i3GEO.configura.autotamanho = false; | |
| 199 | -i3GEO.Interface.ATUAL = "openlayers"; | |
| 200 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 201 | -//ativa ou desativa o balao de info ao clicar no mapa | |
| 202 | -i3GEO.eventos.cliquePerm.ativo = true; | |
| 203 | -// | |
| 204 | -i3GEO.Interface.openlayers.GADGETS = { | |
| 205 | - PanZoomBar:true, | |
| 206 | - PanZoom:false, | |
| 207 | - LayerSwitcher:true, | |
| 208 | - ScaleLine:true, | |
| 209 | - OverviewMap:false | |
| 210 | - }; | |
| 211 | -i3GEO.Interface.openlayers.TILES = true; | |
| 212 | - | |
| 213 | -// | |
| 214 | -//desabilita o item que abre a interface "default" do menu suspenso | |
| 215 | -// | |
| 216 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 217 | - | |
| 218 | -/* | |
| 219 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
| 220 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
| 221 | -*/ | |
| 222 | -i3GEO.cria(); | |
| 223 | -/* | |
| 224 | - Inicializa o mapa | |
| 225 | -*/ | |
| 226 | -i3GEO.configura.mapaRefDisplay = "none"; | |
| 227 | - | |
| 228 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 229 | -i3GEO.barraDeBotoes.OFFSET = -170; | |
| 230 | - | |
| 231 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
| 232 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 233 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 234 | -//barra de botoes normal. descomente para usar | |
| 235 | -/* | |
| 236 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
| 237 | -i3GEO.barraDeBotoes.AUTOALTURA = true; | |
| 238 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 239 | -i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
| 240 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | |
| 241 | -i3GEO.barraDeBotoes.AUTO = true; | |
| 242 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 243 | - | |
| 244 | -i3GEO.Interface.BARRABOTOESLEFT = 0; | |
| 245 | -i3GEO.Interface.BARRABOTOESTOP = 2; | |
| 246 | -i3GEO.Interface.BARRADEZOOMTOP = 10; | |
| 247 | -i3GEO.Interface.BARRADEZOOMLEFT = 40; | |
| 248 | -*/ | |
| 249 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 250 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
| 251 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 252 | - | |
| 253 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 254 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 255 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 256 | -i3GEO.mapa.AUTORESIZE = true; | |
| 257 | -// | |
| 258 | -//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
| 259 | -// | |
| 260 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 261 | -// | |
| 262 | -//adiciona camadas que podem ser ativadas como fundo do mapa | |
| 263 | -// | |
| 264 | -(function(){ | |
| 265 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
| 266 | - "ESRI Ocean Basemap", | |
| 267 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
| 268 | - {format:"jpg"}, | |
| 269 | - {isBaseLayer:true,visibility:false} | |
| 270 | - ); | |
| 271 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
| 272 | - "ESRI Imagery World 2D", | |
| 273 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
| 274 | - {}, | |
| 275 | - {isBaseLayer:true,visibility:false} | |
| 276 | - ); | |
| 277 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 278 | - "ESRI World Street Map", | |
| 279 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 280 | - {}, | |
| 281 | - {isBaseLayer:true,visibility:false} | |
| 282 | - ); | |
| 283 | - var bra = new OpenLayers.Layer.WMS( | |
| 284 | - "Base carto MMA", | |
| 285 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 286 | - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, | |
| 287 | - {isBaseLayer:true,visibility:false} | |
| 288 | - ); | |
| 289 | - /* | |
| 290 | - var osm = new OpenLayers.Layer.WMS( | |
| 291 | - "Open Street Map", | |
| 292 | - "http://full.wms.geofabrik.de/std/demo_key", | |
| 293 | - {layers:""}, | |
| 294 | - {isBaseLayer:true,visibility:false} | |
| 295 | - ); | |
| 296 | - */ | |
| 297 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra]; | |
| 298 | -})(); | |
| 299 | -// | |
| 300 | -//define a funcao que sera executada ao clicar no mapa | |
| 301 | -//default (balao do tipo etiqueta) | |
| 302 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 303 | -//alternativo (janela de identificacao | |
| 304 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 305 | -// | |
| 306 | - | |
| 307 | -// | |
| 308 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 309 | -// | |
| 310 | -i3GEO.janela.ativaAlerta(); | |
| 311 | -// | |
| 312 | -//inicia o mapa | |
| 313 | -// | |
| 314 | -i3GEO.inicia(); | |
| 315 | -</script> | |
| 316 | -</body> | |
| 317 | -</html> |
interface/openlayers_t.htm
| ... | ... | @@ -1,223 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 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"> | |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no;"> | |
| 7 | -<meta name="HandheldFriendly" content="yes" /> | |
| 8 | -<meta name="MobileOptimized" content="width" /> | |
| 9 | -<meta name="apple-mobile-web-app-capable" content="yes"> | |
| 10 | -<title>i3GEO - OpenLayers</title> | |
| 11 | -<style> | |
| 12 | -.listaMenuTitulo{ | |
| 13 | - font-size: 13px; | |
| 14 | - text-align: left; | |
| 15 | - margin-left: 5px; | |
| 16 | - margin-top: 6px; | |
| 17 | -} | |
| 18 | -.listaMenuItem{ | |
| 19 | - font-size:11px; | |
| 20 | - text-align: left; | |
| 21 | - margin-left:15px; | |
| 22 | - margin-top: 6px; | |
| 23 | -} | |
| 24 | -</style> | |
| 25 | -</head> | |
| 26 | -<body id="i3geo" > | |
| 27 | -<table id='mst' summary="" style='display:none;' cellspacing='0'> | |
| 28 | - <tr style="border:0px"> | |
| 29 | - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td> | |
| 30 | - </tr> | |
| 31 | - <tr> | |
| 32 | - <td style=text-align:center; > | |
| 33 | - <div style="top:0px;cursor:pointer;border-bottom: 1px solid #A3A3A3"> | |
| 34 | - <div id=guia4 class=guia >Legenda</div> | |
| 35 | - <div id=guia1 class=guia >Camadas</div> | |
| 36 | - <div id=guia2 class=guia >Catálogo</div> | |
| 37 | - <div id=guia6 class=guia >+</div> | |
| 38 | - </div> | |
| 39 | - </td> | |
| 40 | - </tr> | |
| 41 | - <tr> | |
| 42 | - <td style="vertical-align:top;border-width:0px;"> | |
| 43 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 44 | - <tr> | |
| 45 | - <td class=verdeclaro id=contemImg > | |
| 46 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 47 | - </td> | |
| 48 | - </tr> | |
| 49 | - </table> | |
| 50 | - </td> | |
| 51 | - </tr> | |
| 52 | -</table> | |
| 53 | -<div id='guia4obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
| 54 | - <div id='legenda' style='text-align:left'></div> | |
| 55 | -</div> | |
| 56 | -<div id='guia1obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
| 57 | - <div style='left:5px;top:10px;' id=buscaRapida ></div> | |
| 58 | - <div id=listaPropriedades style='top:15px;' ></div> | |
| 59 | - <div id=listaLayersBase style='top:15px;'></div> | |
| 60 | - <div id=listaTemas style='top:15px;'></div> | |
| 61 | - <br><br> | |
| 62 | -</div> | |
| 63 | -<div id='guia2obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; ><img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 64 | - | |
| 65 | -<div id='guia6obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; > | |
| 66 | - <div id=i3GEOcompartilhar style="text-align:center;border-top:0px solid rgb(250,250,250);padding-top:1px;" ></div><br> | |
| 67 | - <table><tr><td>Escala 1:</td><td><div id=escala style="text-align:left;width:100px;display:inline-table;" ></div></td></tr></table> | |
| 68 | - <div id=menuLista style='text-align:left'></div> | |
| 69 | -</div> | |
| 70 | - | |
| 71 | -<div id=seletorIdiomas style="position:absolute;top:15px;left:5px;z-index:20000" ></div> | |
| 72 | -<script src="../classesjs/i3geo5.js"></script> | |
| 73 | -<!--<script src="../pacotes/openlayers/OpenLayers29.js.php"></script>--> | |
| 74 | -<script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
| 75 | -<script> | |
| 76 | -/* | |
| 77 | -Interface Openlayers para tablets | |
| 78 | - | |
| 79 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers adaptada para dispositivos do tipo tablet. | |
| 80 | - | |
| 81 | -File: i3geo/interface/openlayers_t.htm | |
| 82 | - | |
| 83 | -Exemplo: | |
| 84 | - | |
| 85 | -http://<host>/i3geo/ms_criamapa.php | |
| 86 | - | |
| 87 | -http://<host>/i3geo/interface/openlayers_T.htm | |
| 88 | - | |
| 89 | -http://<host>/i3geo | |
| 90 | - | |
| 91 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
| 92 | - | |
| 93 | -*/ | |
| 94 | -/* | |
| 95 | - Indica a localização correta do i3geo. | |
| 96 | - | |
| 97 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 98 | - | |
| 99 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
| 100 | -*/ | |
| 101 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 102 | -/* | |
| 103 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
| 104 | - | |
| 105 | -exemplo | |
| 106 | - | |
| 107 | -i3GEO.configura.autotamanho = true; | |
| 108 | -*/ | |
| 109 | - | |
| 110 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 111 | -i3GEO.configura.autotamanho = false; | |
| 112 | -i3GEO.Interface.ATUAL = "openlayers"; | |
| 113 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 114 | -i3GEO.Interface.ALTTABLET = ""; | |
| 115 | -//ativa ou desativa o balao de info ao clicar no mapa | |
| 116 | -i3GEO.eventos.cliquePerm.ativo = true; | |
| 117 | -// | |
| 118 | -i3GEO.Interface.openlayers.GADGETS = { | |
| 119 | - PanZoomBar:false, | |
| 120 | - PanZoom:false, | |
| 121 | - LayerSwitcher:false, | |
| 122 | - ScaleLine:false, | |
| 123 | - OverviewMap:false | |
| 124 | -}; | |
| 125 | -i3GEO.Interface.openlayers.TILES = true; | |
| 126 | - | |
| 127 | -i3GEO.barraDeBotoes.INCLUIBOTAO = { | |
| 128 | - zoomli: true, | |
| 129 | - mede: true, | |
| 130 | - area: true, | |
| 131 | - imprimir: true, | |
| 132 | - zoomiauto: true, | |
| 133 | - zoomoauto: true, | |
| 134 | - pan: true, | |
| 135 | - zoomtot:true, | |
| 136 | - identifica: true, | |
| 137 | - identificaBalao: false, | |
| 138 | - reinicia: false, | |
| 139 | - exten: false, | |
| 140 | - selecao: true, | |
| 141 | - referencia: true, | |
| 142 | - inserexy: false, | |
| 143 | - textofid: false, | |
| 144 | - google: true, | |
| 145 | - buscafotos: false, | |
| 146 | - wiki: false, | |
| 147 | - metar: false, | |
| 148 | - lentei: false, | |
| 149 | - confluence: false, | |
| 150 | - inseregrafico: false, | |
| 151 | - v3d: false | |
| 152 | -}; | |
| 153 | -i3GEO.Interface.TABLET = true; | |
| 154 | -i3GEO.configura.diminuiyN = 35; | |
| 155 | -/* | |
| 156 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
| 157 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
| 158 | -*/ | |
| 159 | -i3GEO.cria(); | |
| 160 | -/* | |
| 161 | - Inicializa o mapa | |
| 162 | -*/ | |
| 163 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 164 | -//ajusta o deslocamento da barra de botões | |
| 165 | -i3GEO.barraDeBotoes.OFFSET = -3; | |
| 166 | - | |
| 167 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 168 | - | |
| 169 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 170 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 171 | - | |
| 172 | -i3GEO.guias.TIPO = "tablet"; | |
| 173 | -i3GEO.guias.CONFIGURA.temas.titulo = $trad("t1"); | |
| 174 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 175 | -i3GEO.configura.mapaRefDisplay = "none"; | |
| 176 | -i3GEO.mapa.AUTORESIZE = true; | |
| 177 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 178 | -// | |
| 179 | -//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
| 180 | -// | |
| 181 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 182 | -// | |
| 183 | -//adiciona camadas que podem ser ativadas como fundo do mapa | |
| 184 | -// | |
| 185 | - | |
| 186 | -(function(){ | |
| 187 | - var bra = new OpenLayers.Layer.WMS( | |
| 188 | - "Base carto MMA", | |
| 189 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 190 | - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, | |
| 191 | - {isBaseLayer:true,visibility:false} | |
| 192 | - ); | |
| 193 | - var osm = new OpenLayers.Layer.WMS( | |
| 194 | - "Open Street Map", | |
| 195 | - "http://full.wms.geofabrik.de/std/demo_key", | |
| 196 | - {layers:""}, | |
| 197 | - {isBaseLayer:true,visibility:false} | |
| 198 | - ); | |
| 199 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [bra,osm]; | |
| 200 | -})(); | |
| 201 | -// | |
| 202 | -//define a funcao que sera executada ao clicar no mapa | |
| 203 | -//default (balao do tipo etiqueta) | |
| 204 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 205 | -//alternativo (janela de identificacao | |
| 206 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 207 | -// | |
| 208 | - | |
| 209 | -// | |
| 210 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 211 | -// | |
| 212 | -i3GEO.janela.ativaAlerta(); | |
| 213 | -// | |
| 214 | -//inicia o mapa | |
| 215 | -// | |
| 216 | -i3GEO.inicia(); | |
| 217 | -/* | |
| 218 | -YAHOO.util.Event.addListener(document.body, "click", YAHOO.util.Event.preventDefault); | |
| 219 | -YAHOO.util.Event.addFocusListener(document.body, YAHOO.util.Event.preventDefault); | |
| 220 | -*/ | |
| 221 | -</script> | |
| 222 | -</body> | |
| 223 | -</html> | |
| 224 | 0 | \ No newline at end of file |
interface/osm.htm
| ... | ... | @@ -1,330 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 4 | -<meta http-equiv="Category" | |
| 5 | - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
| 6 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 7 | -<title>i3GEO - OpenLayers</title> | |
| 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> | |
| 20 | -</head> | |
| 21 | -<body id="i3geo" style="background-color: white"> | |
| 22 | - <!-- inclui o nome do usuario logado --> | |
| 23 | - <div id="i3GEONomeLogin" | |
| 24 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 25 | - <table id='mst' summary="" style='display: none;' width=100% | |
| 26 | - cellspacing='0'> | |
| 27 | - <tr style="border: 0px"> | |
| 28 | - <td id="barraSuperior" | |
| 29 | - style="background-image: url('../imagens/visual/default/cabeca.png'); height: 10px"></td> | |
| 30 | - </tr> | |
| 31 | - <tr> | |
| 32 | - <td id="contemMenu" | |
| 33 | - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
| 34 | - <!--menu suspenso--> | |
| 35 | - <div id="menus"></div> | |
| 36 | - </td> | |
| 37 | - </tr> | |
| 38 | - <tr> | |
| 39 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 40 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 41 | - <tr> | |
| 42 | - <td class=verdeclaro id=contemImg> | |
| 43 | - <div id=corpoMapa | |
| 44 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 45 | - </td> | |
| 46 | - </tr> | |
| 47 | - </table> | |
| 48 | - </td> | |
| 49 | - </tr> | |
| 50 | - <tr> | |
| 51 | - <td> | |
| 52 | - <table width=100%> | |
| 53 | - <tr> | |
| 54 | - <td class=tdbranca> | |
| 55 | - <!-- | |
| 56 | - Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | |
| 57 | - <div id=visual ></div> | |
| 58 | - --> <!-- botão de compartilhamento em redes sociais--> | |
| 59 | - <div id=i3GEOcompartilhar | |
| 60 | - style="width: 170px; margin: auto; text-align: left; border-top: 1px solid rgb(250, 250, 250); 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 | |
| 63 | - style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
| 64 | - </td> | |
| 65 | - <td class=tdbranca> | |
| 66 | - <!-- aqui será incluída a escala numérica --> | |
| 67 | - <div id=escala style="margin: auto; text-align: right;"></div> | |
| 68 | - </td> | |
| 69 | - <td class=tdbranca> | |
| 70 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 71 | - <div id=localizarxy | |
| 72 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
| 73 | - </td> | |
| 74 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 75 | - <td class=tdbranca> | |
| 76 | - <div id=seletorIdiomas></div> | |
| 77 | - </td> | |
| 78 | - </tr> | |
| 79 | - </table> | |
| 80 | - </td> | |
| 81 | - </tr> | |
| 82 | - <tr style="border: 0px"> | |
| 83 | - <td id="barraInferior" | |
| 84 | - style="background-image: url('../imagens/visual/default/rodape.png'); height: 10px"></td> | |
| 85 | - </tr> | |
| 86 | - </table> | |
| 87 | - <table id="i3GEOlogoMarca" | |
| 88 | - style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
| 89 | - <tr> | |
| 90 | - <td><div id=versaoi3geo></div> | |
| 91 | - <h2 | |
| 92 | - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo | |
| 93 | - - Software livre para criação de mapas interativos e | |
| 94 | - geoprocessamento</h2> | |
| 95 | - <h3 | |
| 96 | - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado | |
| 97 | - no Mapserver, é licenciado sob GPL e integra o Portal do | |
| 98 | - Software Público Brasileiro</h3></td> | |
| 99 | - </tr> | |
| 100 | - <tr> | |
| 101 | - <td style="padding: 10px;"><img | |
| 102 | - style="width: 560px; height: 81px" alt="" | |
| 103 | - src='../imagens/logo_inicio.png'></td> | |
| 104 | - </tr> | |
| 105 | - <tr> | |
| 106 | - <td> | |
| 107 | - <!-- | |
| 108 | - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
| 109 | - --> | |
| 110 | - </td> | |
| 111 | - </tr> | |
| 112 | - </table> | |
| 113 | - | |
| 114 | - <div id="i3GEOguiaMovel" | |
| 115 | - style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 116 | - <img id="i3GEOguiaMovelPuxador" | |
| 117 | - onclick='i3GEO.guias.guiaMovel.abreFecha()' | |
| 118 | - style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' | |
| 119 | - width='0px' src='../imagens/openbars.png'> | |
| 120 | - <div id="i3GEOguiaMovelMolde" | |
| 121 | - 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"> | |
| 122 | - <div id="i3GEOguiaMovelIcones" | |
| 123 | - 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> | |
| 124 | - <div id="i3GEOguiaMovelConteudo" | |
| 125 | - style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 126 | - <div id='guia1obj' style='display: none;'> | |
| 127 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 128 | - <div style='left: 5px; top: 10px;' id=buscaRapida></div> | |
| 129 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 130 | - <div id=listaPropriedades style='top: 15px;'></div> | |
| 131 | - <!-- 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 --> | |
| 132 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 133 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 134 | - <div id=listaTemas style='top: 15px;'></div> | |
| 135 | - </div> | |
| 136 | - <div id='guia2obj' style='display: none;'> | |
| 137 | - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> | |
| 138 | - </div> | |
| 139 | - <div id='guia4obj' style='display: none; text-align: left'> | |
| 140 | - <div id='legenda' style='text-align: left'></div> | |
| 141 | - </div> | |
| 142 | - <div id='guia5obj' style='display: none; text-align: left'> | |
| 143 | - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div> | |
| 144 | - </div> | |
| 145 | - </div> | |
| 146 | - </div> | |
| 147 | - </div> | |
| 148 | - <script src="../classesjs/i3geo.js"></script> | |
| 149 | - <script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
| 150 | - <!-- estilo necessário para a ferramenta de edição --> | |
| 151 | - | |
| 152 | - <script> | |
| 153 | -/* | |
| 154 | -Interface Open Street Map | |
| 155 | - | |
| 156 | -Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. | |
| 157 | - | |
| 158 | -File: i3geo/interface/openlayers.htm | |
| 159 | - | |
| 160 | -Exemplo: | |
| 161 | - | |
| 162 | -http://<host>/i3geo/ms_criamapa.php | |
| 163 | - | |
| 164 | -http://<host>/i3geo/interface/openlayers.htm | |
| 165 | - | |
| 166 | -http://<host>/i3geo | |
| 167 | - | |
| 168 | -Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | |
| 169 | - | |
| 170 | -*/ | |
| 171 | -/* | |
| 172 | - Indica a localização correta do i3geo. | |
| 173 | - | |
| 174 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 175 | - | |
| 176 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | |
| 177 | -*/ | |
| 178 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 179 | -/* | |
| 180 | -Para outras configurações, veja i3geo/classesjs/classe_configura.js | |
| 181 | - | |
| 182 | -exemplo | |
| 183 | - | |
| 184 | -i3GEO.configura.autotamanho = true; | |
| 185 | -*/ | |
| 186 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 187 | -i3GEO.configura.autotamanho = false; | |
| 188 | -i3GEO.Interface.ATUAL = "openlayers"; | |
| 189 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 190 | -//ativa ou desativa o balao de info ao clicar no mapa | |
| 191 | -i3GEO.eventos.cliquePerm.ativo = true; | |
| 192 | - | |
| 193 | -// | |
| 194 | -//define a funcao que sera executada ao clicar no mapa | |
| 195 | -//default (balao do tipo etiqueta) | |
| 196 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 197 | -//alternativo (janela de identificacao | |
| 198 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 199 | -// | |
| 200 | -i3GEO.Interface.openlayers.GADGETS = { | |
| 201 | - PanZoomBar:true, | |
| 202 | - PanZoom:false, | |
| 203 | - LayerSwitcher:true, | |
| 204 | - ScaleLine:true, | |
| 205 | - OverviewMap:false | |
| 206 | - }; | |
| 207 | -i3GEO.Interface.openlayers.TILES = true; | |
| 208 | -/* | |
| 209 | -i3GEO.Interface.openlayers.parametrosMap.scales = [ | |
| 210 | - 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | |
| 211 | -]; | |
| 212 | -i3GEO.Interface.openlayers.parametrosMap.numzoom = 18; | |
| 213 | -*/ | |
| 214 | -// | |
| 215 | -//controla o tamanho da barra de zoom | |
| 216 | -// | |
| 217 | -//i3GEO.Interface.openlayers.MINEXTENT = [-0.001, -0.001, 0.001, 0.001] | |
| 218 | -// | |
| 219 | -// | |
| 220 | -//desabilita o item que abre a interface "default" do menu suspenso | |
| 221 | -// | |
| 222 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 223 | - | |
| 224 | -/* | |
| 225 | -Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | |
| 226 | -Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | |
| 227 | -*/ | |
| 228 | - | |
| 229 | -i3GEO.cria(); | |
| 230 | -/* | |
| 231 | - Inicializa o mapa | |
| 232 | -*/ | |
| 233 | -//não mostra o mapa de referência | |
| 234 | -i3GEO.configura.mapaRefDisplay = "none"; | |
| 235 | -//tipo de barra de botões | |
| 236 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 237 | -//ajusta o deslocamento da barra de botões | |
| 238 | -i3GEO.barraDeBotoes.OFFSET = -3; | |
| 239 | -//ajusta a posição da barra de botões no IE | |
| 240 | -//if(navm) | |
| 241 | -//{i3GEO.barraDeBotoes.OFFSET = -45;} | |
| 242 | -//número máximo de botões na barra de botões inicial | |
| 243 | -//i3GEO.barraDeBotoes.MAXBOTOES = 10; | |
| 244 | -//remove itens dos menus que não são necessários, já que estão como ícones na barra de botões | |
| 245 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 246 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 247 | -// | |
| 248 | -//barra de botoes normal. descomente para usar | |
| 249 | -/* | |
| 250 | -i3GEO.barraDeBotoes.TIPO = "yui"; | |
| 251 | -i3GEO.barraDeBotoes.AUTOALTURA = true; | |
| 252 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 253 | -i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
| 254 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | |
| 255 | -i3GEO.barraDeBotoes.AUTO = true; | |
| 256 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 257 | - | |
| 258 | -i3GEO.Interface.BARRABOTOESLEFT = 0; | |
| 259 | -i3GEO.Interface.BARRABOTOESTOP = 2; | |
| 260 | -i3GEO.Interface.BARRADEZOOMTOP = 10; | |
| 261 | -i3GEO.Interface.BARRADEZOOMLEFT = 40; | |
| 262 | -*/ | |
| 263 | -i3GEO.ajuda.ATIVAJANELA = false; | |
| 264 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 265 | -i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
| 266 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 267 | - | |
| 268 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 269 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 270 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 271 | -i3GEO.mapa.AUTORESIZE = true; | |
| 272 | -i3GEO.guias.TIPO = "movel"; | |
| 273 | -//i3GEO.guias.guiaMovel.ABERTA = true; | |
| 274 | -//posição da guia movel em relação ao topo do mapa. Se for igual a 0, o cálculo será feito de forma automática | |
| 275 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
| 276 | -// | |
| 277 | -//define quanto tempo é aguardado para considerar que o mouse está parado sobre um lugar. | |
| 278 | -//utilizado pela função de identificação do tipo balão | |
| 279 | -// | |
| 280 | -//i3GEO.configura.tempoMouseParado = 1000 | |
| 281 | -// | |
| 282 | -//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones | |
| 283 | -// | |
| 284 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 285 | -// | |
| 286 | -//adiciona camadas que podem ser ativadas como fundo do mapa | |
| 287 | -// | |
| 288 | -(function(){ | |
| 289 | - //http://maps.stamen.com/#watercolor/12/37.7706/-122.3782 | |
| 290 | - var aquarela = new OpenLayers.Layer.OSM( | |
| 291 | - "Aquarela", | |
| 292 | - "http://tile.stamen.com/watercolor/${z}/${x}/${y}.jpg", | |
| 293 | - { | |
| 294 | - isBaseLayer:true, | |
| 295 | - visibility: true | |
| 296 | - } | |
| 297 | - ); | |
| 298 | - var osm = new OpenLayers.Layer.OSM( | |
| 299 | - "OSM", | |
| 300 | - "http://tile.openstreetmap.org/${z}/${x}/${y}.png", | |
| 301 | - { | |
| 302 | - isBaseLayer:true, | |
| 303 | - visibility: false | |
| 304 | - } | |
| 305 | - ); | |
| 306 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [osm,aquarela]; | |
| 307 | -})(); | |
| 308 | -// | |
| 309 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 310 | -// | |
| 311 | -i3GEO.janela.ativaAlerta(); | |
| 312 | -// | |
| 313 | -//inicia o mapa | |
| 314 | -// | |
| 315 | -//esconde a logomarca ao finalizar o mapa | |
| 316 | -i3GEO.finaliza = function(){ | |
| 317 | - if($i("i3GEOlogoMarca")) | |
| 318 | - {$i("i3GEOlogoMarca").style.display = "none";} | |
| 319 | - i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png"); | |
| 320 | -}; | |
| 321 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 322 | -//OpenLayers.DOTS_PER_INCH = 96 | |
| 323 | -//i3GEO.configura.sid = ""; | |
| 324 | -i3GEO.janela.TRANSICAOSUAVE = true; | |
| 325 | -//define que sera usada a projecao google | |
| 326 | -i3GEO.Interface.openlayers.googleLike = true; | |
| 327 | -i3GEO.inicia(); | |
| 328 | -</script> | |
| 329 | -</body> | |
| 330 | -</html> |
interface/teste.htm
| ... | ... | @@ -1,151 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 4 | -<meta http-equiv="Category" | |
| 5 | - content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
| 6 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 7 | - | |
| 8 | -<title>i3GEO - OpenLayers para testes de performance</title> | |
| 9 | -<!-- estilo necessário para a ferramenta de edição --> | |
| 10 | - | |
| 11 | -</head> | |
| 12 | -<body id="i3geo" style="background-color: white"> | |
| 13 | - <!-- 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> | |
| 22 | - <tr> | |
| 23 | - <td id="contemMenu" | |
| 24 | - style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
| 25 | - <!--menu suspenso--> | |
| 26 | - | |
| 27 | - </td> | |
| 28 | - </tr> | |
| 29 | - <tr> | |
| 30 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 31 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 32 | - <tr> | |
| 33 | - <td class=verdeclaro id=contemImg> | |
| 34 | - <div id=corpoMapa | |
| 35 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 36 | - </td> | |
| 37 | - </tr> | |
| 38 | - </table> | |
| 39 | - </td> | |
| 40 | - </tr> | |
| 41 | - <tr> | |
| 42 | - <td> | |
| 43 | - <table width=100%> | |
| 44 | - <tr> | |
| 45 | - <td class=tdbranca> | |
| 46 | - </td> | |
| 47 | - <td class=tdbranca> | |
| 48 | - <!-- aqui será incluída a escala numérica --> | |
| 49 | - <div id=escala style="text-align: right;"></div> | |
| 50 | - </td> | |
| 51 | - <td class=tdbranca> | |
| 52 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 53 | - <div id=localizarxy | |
| 54 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
| 55 | - </td> | |
| 56 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 57 | - <td class=tdbranca> | |
| 58 | - <div id=seletorIdiomas></div> | |
| 59 | - </td> | |
| 60 | - </tr> | |
| 61 | - </table> | |
| 62 | - </td> | |
| 63 | - </tr> | |
| 64 | - <tr style="border: 0px"> | |
| 65 | - <td id="barraInferior" | |
| 66 | - style="background-image: url('../imagens/visual/default/rodape.png'); height: 10px"></td> | |
| 67 | - </tr> | |
| 68 | - </table> | |
| 69 | - | |
| 70 | - | |
| 71 | - <div id="i3GEOguiaMovel" | |
| 72 | - style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 73 | - <img id="i3GEOguiaMovelPuxador" | |
| 74 | - onclick='i3GEO.guias.guiaMovel.abreFecha()' | |
| 75 | - style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' | |
| 76 | - width='0px' src='../imagens/openbars.png'> | |
| 77 | - <div id="i3GEOguiaMovelMolde" | |
| 78 | - 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"> | |
| 79 | - <div id="i3GEOguiaMovelIcones" | |
| 80 | - 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> | |
| 81 | - <div id="i3GEOguiaMovelConteudo" | |
| 82 | - style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 83 | - <div id='guia1obj' style='display: none;'> | |
| 84 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 85 | - <div style='left: 5px; top: 10px;' id=buscaRapida></div> | |
| 86 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 87 | - <div id=listaPropriedades style='top: 15px;'></div> | |
| 88 | - <!-- 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 --> | |
| 89 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 90 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 91 | - <div id=listaTemas style='top: 15px;'></div> | |
| 92 | - </div> | |
| 93 | - <div id='guia2obj' style='display: none;'> | |
| 94 | - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> | |
| 95 | - </div> | |
| 96 | - <div id='guia4obj' style='display: none; text-align: left'> | |
| 97 | - <div id='legenda' style='text-align: left'></div> | |
| 98 | - </div> | |
| 99 | - <div id='guia5obj' style='display: none; text-align: left'> | |
| 100 | - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div> | |
| 101 | - </div> | |
| 102 | - </div> | |
| 103 | - </div> | |
| 104 | - </div> | |
| 105 | - | |
| 106 | - <script src="../classesjs/i3geo5.js"></script> | |
| 107 | - <script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | |
| 108 | - <script> | |
| 109 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 110 | - + window.location.host + "/i3geo"; | |
| 111 | - i3GEO.configura.autotamanho = false; | |
| 112 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 113 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 114 | - //ativa ou desativa o balao de info ao clicar no mapa | |
| 115 | - i3GEO.eventos.cliquePerm.ativo = true; | |
| 116 | - i3GEO.Interface.openlayers.GADGETS = { | |
| 117 | - PanZoomBar : true, | |
| 118 | - PanZoom : false, | |
| 119 | - LayerSwitcher : true, | |
| 120 | - ScaleLine : true, | |
| 121 | - OverviewMap : false | |
| 122 | - }; | |
| 123 | - i3GEO.Interface.openlayers.TILES = true; | |
| 124 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 125 | - i3GEO.cria(); | |
| 126 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 127 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 128 | - i3GEO.barraDeBotoes.OFFSET = -3; | |
| 129 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 130 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 131 | - i3GEO.barraDeBotoes.ATIVA = true; | |
| 132 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 133 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 134 | - i3GEO.Interface.ATIVAMENUCONTEXTO = false; | |
| 135 | - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 136 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 137 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 138 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 139 | - i3GEO.mapa.AUTORESIZE = true; | |
| 140 | - i3GEO.guias.TIPO = "movel"; | |
| 141 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
| 142 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 143 | - i3GEO.janela.ativaAlerta(); | |
| 144 | - i3GEO.finaliza = function() { | |
| 145 | - }; | |
| 146 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 147 | - i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ]; | |
| 148 | - i3GEO.inicia(); | |
| 149 | - </script> | |
| 150 | -</body> | |
| 151 | -</html> |
interface/zerocal.htm
| ... | ... | @@ -1,147 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 4 | -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA"> | |
| 5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | -<title>MMA - Mapa interativo</title> | |
| 7 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
| 8 | -</head> | |
| 9 | -<body id=i3geo > | |
| 10 | -<center> | |
| 11 | -<table id='mst' style=display:none width=100% cellspacing='0'> | |
| 12 | -<!-- Inclui a barra superior. Se vc não quiser o menu, é só comentar --> | |
| 13 | -<tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr> | |
| 14 | -<tr> | |
| 15 | -<td> | |
| 16 | - <table width=100% cellspacing=0 cellpadding=0 > | |
| 17 | - <tr> | |
| 18 | - <td> | |
| 19 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
| 20 | - <div id=guia1 class=guia >Temas</div> | |
| 21 | - <div id=guia2 class=guia >Adiciona</div> | |
| 22 | - <div id=guia4 class=guia >Legenda</div> | |
| 23 | - <div id=guia5 class=guia >Mapas</div> | |
| 24 | - </div> | |
| 25 | - </td> | |
| 26 | - </tr> | |
| 27 | - </table> | |
| 28 | -</td> | |
| 29 | -<td class="yui-navset" style="text-align:left;height:0px;border-width:0pt 0pt 0px;border-color:rgb(240,240,240)"> | |
| 30 | - <img alt="" src="../imagens/branco.gif" id='pan' style='border:0px solid white'/> | |
| 31 | - <img alt="" src="../imagens/branco.gif" id='zoomli' style='border:0px solid white;margin-left:3px'/> | |
| 32 | - <img alt="" src="../imagens/branco.gif" id='zoomiauto' style='border:0px solid white;margin-left:3px'/> | |
| 33 | - <img alt="" src="../imagens/branco.gif" id='zoomoauto' style='border:0px solid white;margin-left:3px'/> | |
| 34 | - <img alt="" src="../imagens/branco.gif" ID='zoomtot' style='border:0px solid white;margin-left:3px'/> | |
| 35 | - <img alt="" src="../imagens/branco.gif" id='identifica' style='border:0px solid white;margin-left:3px'/> | |
| 36 | - <img alt="" src="../imagens/branco.gif" id='mede' style='border:0px solid white;margin-left:3px'/> | |
| 37 | - <img alt="" src="../imagens/branco.gif" id='area' style='border:0px solid white;margin-left:3px'/> | |
| 38 | - | |
| 39 | - <img alt="" src="../imagens/branco.gif" id='reinicia' style='border:0px solid white;margin-left:12px'/> | |
| 40 | - <img alt="" src="../imagens/branco.gif" id='referencia' style='border:0px solid white;margin-left:3px'/> | |
| 41 | - <img alt="" src="../imagens/branco.gif" id='inserexy' style='border:0px solid white;margin-left:3px'/> | |
| 42 | - <img alt="" src="../imagens/branco.gif" id='inseregrafico' style='border:0px solid white;margin-left:3px'/> | |
| 43 | - <img alt="" src="../imagens/branco.gif" id='textofid' style='border:0px solid white;margin-left:0px'/> | |
| 44 | - <img alt="" src="../imagens/branco.gif" id='selecao' style='border:0px solid white;margin-left:3px'/> | |
| 45 | - <img alt="" src="../imagens/branco.gif" id='identificaBalao' style='border:0px solid white;margin-left:3px'/> | |
| 46 | - <img alt="" src="../imagens/branco.gif" id='lentei' style='border:0px solid white;margin-left:3px'/> | |
| 47 | - <img alt="" src="../imagens/branco.gif" id='metar' style='border:0px solid white;margin-left:3px'/> | |
| 48 | - <img alt="" src="../imagens/branco.gif" id='confluence' style='border:0px solid white;margin-left:3px'/> | |
| 49 | - <img alt="" src="../imagens/branco.gif" id='wiki' style='border:0px solid white;margin-left:3px'/> | |
| 50 | - <img alt="" src="../imagens/branco.gif" id='google' style='border:0px solid white;margin-left:3px'/> | |
| 51 | - <img alt="" src="../imagens/branco.gif" id='v3d' style='border:0px solid white;margin-left:3px'/> | |
| 52 | - <img alt="" src="../imagens/branco.gif" id="exten" style='border:0px solid white;margin-left:3px'/> | |
| 53 | - <img alt="" src="../imagens/branco.gif" id='imprimir' style='border:0px solid white;margin-left:3px'/> | |
| 54 | -</td> | |
| 55 | -</tr> | |
| 56 | -<tr> | |
| 57 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
| 58 | - <div id='guia1obj' ><div id=buscaRapida ></div><div id=listaPropriedades ></div><div id=listaTemas ></div></div> | |
| 59 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 60 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 61 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
| 62 | - </td> | |
| 63 | - <td style="vertical-align:top;border-width:0px;"> | |
| 64 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 65 | - <tr><td class=verdeclaro id=contemImg > | |
| 66 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 67 | - </td></tr> | |
| 68 | - </table> | |
| 69 | - </td> | |
| 70 | - </tr> | |
| 71 | -<tr> | |
| 72 | - <td class=tdbranca > | |
| 73 | - <div id=bandeiras ></div> | |
| 74 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
| 75 | - </td> | |
| 76 | - <td class=tdbranca > | |
| 77 | - <table width=100% > | |
| 78 | - <tr> | |
| 79 | - <td class=tdbranca width="33%"> | |
| 80 | - <div id=seletorIdiomas style="text-align:left;" ></div> | |
| 81 | - </td> | |
| 82 | - <td class=tdbranca width="33%" > | |
| 83 | - <div id=localizarxy style="text-align:center;font-size:10px;">Aguarde...</div> | |
| 84 | - </td> | |
| 85 | - <td class=tdbranca style="text-align:right;;display:inline-block;width:3%"> | |
| 86 | - <div id=escala style="text-align:right;"></div> | |
| 87 | - </td> | |
| 88 | - <td class=tdbranca ><div id=ondeestou ></div></td> | |
| 89 | - </tr> | |
| 90 | - </table> | |
| 91 | - | |
| 92 | - </td> | |
| 93 | -</tr> | |
| 94 | -<tr style="border:0px"><td colspan=3 style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
| 95 | -</table> | |
| 96 | -</center> | |
| 97 | -<script type="text/javascript"> | |
| 98 | -/* | |
| 99 | -Interface zerocal | |
| 100 | - | |
| 101 | -Abre o i3geo apenas com funcionalidades principais. | |
| 102 | - | |
| 103 | -File: i3geo/interface/zerocal.htm | |
| 104 | - | |
| 105 | -Exemplo: | |
| 106 | - | |
| 107 | -http://<host>/i3geo/interface/zerocal.htm | |
| 108 | - | |
| 109 | -*/ | |
| 110 | -/* | |
| 111 | - Indica a localização correta do i3geo. | |
| 112 | - | |
| 113 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 114 | - | |
| 115 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
| 116 | -*/ | |
| 117 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 118 | - | |
| 119 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 120 | -i3GEO.cria(); | |
| 121 | - | |
| 122 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
| 123 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 124 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 125 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 126 | -i3GEO.interface.ATIVAMENUCONTEXTO = true; | |
| 127 | -i3GEO.barraDeBotoes.TIPOAJUDA = "vertical"; | |
| 128 | -i3GEO.barraDeBotoes.SOICONES = true; | |
| 129 | -// | |
| 130 | -//define a funcao que sera executada ao clicar no mapa | |
| 131 | -//default (balao do tipo etiqueta) | |
| 132 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 133 | -//alternativo (janela de identificacao | |
| 134 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 135 | -// | |
| 136 | - | |
| 137 | -i3GEO.inicia(); | |
| 138 | -if($i("escala") && i3GEO.parametros.w < 500) | |
| 139 | -{$i("escala").style.display="none";} | |
| 140 | -// | |
| 141 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 142 | -// | |
| 143 | -i3GEO.janela.ativaAlerta(); | |
| 144 | - | |
| 145 | -</script> | |
| 146 | -</body> | |
| 147 | -</html> | |
| 148 | 0 | \ No newline at end of file |
interface/zerocalol.htm
| ... | ... | @@ -1,190 +0,0 @@ |
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 4 | -<meta http-equiv="Category" content="I3Geo Mapa interativo MMA"> | |
| 5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | -<title>MMA - Mapa interativo</title> | |
| 7 | -<script type="text/javascript" src="../classesjs/i3geo5.js"></script> | |
| 8 | -<script type="text/javascript" src="../pacotes/openlayers/OpenLayers29.js.php"></script> | |
| 9 | - | |
| 10 | -</head> | |
| 11 | -<body id=i3geo > | |
| 12 | -<center> | |
| 13 | -<table id='mst' style=display:none width=100% cellspacing='0'> | |
| 14 | -<!-- Inclui a barra superior. Se vc não quiser o menu, é só comentar --> | |
| 15 | -<tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr> | |
| 16 | -<tr> | |
| 17 | -<td> | |
| 18 | - <table width=100% cellspacing=0 cellpadding=0 > | |
| 19 | - <tr> | |
| 20 | - <td> | |
| 21 | - <div class=verdeescuro style="top:0px;cursor:pointer;"> | |
| 22 | - <div id=guia1 class=guia >Temas</div> | |
| 23 | - <div id=guia2 class=guia >Adiciona</div> | |
| 24 | - <div id=guia4 class=guia >Legenda</div> | |
| 25 | - <div id=guia5 class=guia >Mapas</div> | |
| 26 | - </div> | |
| 27 | - </td> | |
| 28 | - </tr> | |
| 29 | - </table> | |
| 30 | -</td> | |
| 31 | -<td class="yui-navset" style="text-align:left;height:0px;border-width:0pt 0pt 0px;border-color:rgb(240,240,240)"> | |
| 32 | - <img alt="" src="../imagens/branco.gif" id='pan' style='border:0px solid white'/> | |
| 33 | - <img alt="" src="../imagens/branco.gif" id='zoomli' style='border:0px solid white;margin-left:3px'/> | |
| 34 | - <img alt="" src="../imagens/branco.gif" ID='zoomtot' style='border:0px solid white;margin-left:3px'/> | |
| 35 | - <img alt="" src="../imagens/branco.gif" id='identifica' style='border:0px solid white;margin-left:3px'/> | |
| 36 | - <img alt="" src="../imagens/branco.gif" id='mede' style='border:0px solid white;margin-left:3px'/> | |
| 37 | - <img alt="" src="../imagens/branco.gif" id='area' style='border:0px solid white;margin-left:3px'/> | |
| 38 | - | |
| 39 | - <img alt="" src="../imagens/branco.gif" id='reinicia' style='border:0px solid white;margin-left:12px'/> | |
| 40 | - <img alt="" src="../imagens/branco.gif" id='referencia' style='border:0px solid white;margin-left:3px'/> | |
| 41 | - <img alt="" src="../imagens/branco.gif" id='inserexy' style='border:0px solid white;margin-left:3px'/> | |
| 42 | - <img alt="" src="../imagens/branco.gif" id='inseregrafico' style='border:0px solid white;margin-left:3px'/> | |
| 43 | - <img alt="" src="../imagens/branco.gif" id='textofid' style='border:0px solid white;margin-left:0px'/> | |
| 44 | - <img alt="" src="../imagens/branco.gif" id='selecao' style='border:0px solid white;margin-left:3px'/> | |
| 45 | - <img alt="" src="../imagens/branco.gif" id='identificaBalao' style='border:0px solid white;margin-left:3px'/> | |
| 46 | - <img alt="" src="../imagens/branco.gif" id='lentei' style='border:0px solid white;margin-left:3px'/> | |
| 47 | - <img alt="" src="../imagens/branco.gif" id='metar' style='border:0px solid white;margin-left:3px'/> | |
| 48 | - <img alt="" src="../imagens/branco.gif" id='confluence' style='border:0px solid white;margin-left:3px'/> | |
| 49 | - <img alt="" src="../imagens/branco.gif" id='wiki' style='border:0px solid white;margin-left:3px'/> | |
| 50 | - <img alt="" src="../imagens/branco.gif" id='google' style='border:0px solid white;margin-left:3px'/> | |
| 51 | - <img alt="" src="../imagens/branco.gif" id='v3d' style='border:0px solid white;margin-left:3px'/> | |
| 52 | - <img alt="" src="../imagens/branco.gif" id="exten" style='border:0px solid white;margin-left:3px'/> | |
| 53 | - <img alt="" src="../imagens/branco.gif" id='imprimir' style='border:0px solid white;margin-left:3px'/> | |
| 54 | -</td> | |
| 55 | -</tr> | |
| 56 | -<tr> | |
| 57 | - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;"> | |
| 58 | - <div id='guia1obj' > | |
| 59 | - <div id=buscaRapida ></div> | |
| 60 | - <div id=listaPropriedades ></div> | |
| 61 | - <div id=listaLayersBase ></div> | |
| 62 | - <div id=listaTemas ></div></div> | |
| 63 | - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 64 | - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 65 | - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
| 66 | - </td> | |
| 67 | - <td style="vertical-align:top;border-width:0px;"> | |
| 68 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 69 | - <tr><td class=verdeclaro id=contemImg > | |
| 70 | - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 71 | - </td></tr> | |
| 72 | - </table> | |
| 73 | - </td> | |
| 74 | - </tr> | |
| 75 | -<tr> | |
| 76 | - <td class=tdbranca > | |
| 77 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
| 78 | - </td> | |
| 79 | - <td class=tdbranca > | |
| 80 | - <table width=100% > | |
| 81 | - <tr> | |
| 82 | - <td class=tdbranca width="33%"> | |
| 83 | - <div id=escala style="text-align:right;"></div> | |
| 84 | - </td> | |
| 85 | - <td class=tdbranca width="33%" > | |
| 86 | - <div id=localizarxy style="text-align:center;font-size:10px;">Aguarde...</div> | |
| 87 | - </td> | |
| 88 | - <td class=tdbranca style="text-align:right;;display:inline;width:33%"> | |
| 89 | - <div id=seletorIdiomas style="text-align:right;" ></div> | |
| 90 | - </td> | |
| 91 | - <td class=tdbranca ><div id=ondeestou ></div></td> | |
| 92 | - </tr> | |
| 93 | - </table> | |
| 94 | - | |
| 95 | - </td> | |
| 96 | -</tr> | |
| 97 | -<tr style="border:0px"><td colspan=3 style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | |
| 98 | -</table> | |
| 99 | -</center> | |
| 100 | -<script type="text/javascript"> | |
| 101 | -/* | |
| 102 | -Interface zerocalol | |
| 103 | - | |
| 104 | -Abre o i3geo apenas com as funcionalidades principais e o motor de navegação do OpenLayers. | |
| 105 | - | |
| 106 | -File: i3geo/interface/zerocalol.htm | |
| 107 | - | |
| 108 | -Exemplo: | |
| 109 | - | |
| 110 | -http://<host>/i3geo/interface/zerocal.htm | |
| 111 | - | |
| 112 | -*/ | |
| 113 | -/* | |
| 114 | - Indica a localização correta do i3geo. | |
| 115 | - | |
| 116 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | |
| 117 | - | |
| 118 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente | |
| 119 | -*/ | |
| 120 | -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 121 | - | |
| 122 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 123 | -i3GEO.Interface.ATUAL = "openlayers"; | |
| 124 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 125 | -i3GEO.configura.diminuixN = 20; | |
| 126 | - | |
| 127 | -i3GEO.Interface.openlayers.GADGETS = { | |
| 128 | - PanZoomBar:true, | |
| 129 | - PanZoom:false, | |
| 130 | - LayerSwitcher:true, | |
| 131 | - ScaleLine:true, | |
| 132 | - OverviewMap:false | |
| 133 | - }; | |
| 134 | -i3GEO.Interface.openlayers.TILES = true; | |
| 135 | - | |
| 136 | -i3GEO.cria(); | |
| 137 | - | |
| 138 | -i3GEO.barraDeBotoes.AUTOALTURA = false; | |
| 139 | -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | |
| 140 | -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | |
| 141 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 142 | -i3GEO.interface.ATIVAMENUCONTEXTO = true; | |
| 143 | -i3GEO.barraDeBotoes.TIPOAJUDA = "vertical"; | |
| 144 | -i3GEO.barraDeBotoes.SOICONES = true; | |
| 145 | -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 146 | - | |
| 147 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 148 | -var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
| 149 | - "ESRI Imagery World 2D", | |
| 150 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
| 151 | - {}, | |
| 152 | - {isBaseLayer:true,visibility:false} | |
| 153 | -); | |
| 154 | -var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 155 | - "ESRI World Street Map", | |
| 156 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 157 | - {}, | |
| 158 | - {isBaseLayer:true,visibility:false} | |
| 159 | -); | |
| 160 | -var bra = new OpenLayers.Layer.WMS( | |
| 161 | - "Base carto MMA", | |
| 162 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 163 | - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, | |
| 164 | - {isBaseLayer:true,visibility:false} | |
| 165 | -); | |
| 166 | -var osm = new OpenLayers.Layer.WMS( | |
| 167 | - "Open Street Map", | |
| 168 | - "http://full.wms.geofabrik.de/std/demo_key", | |
| 169 | - {layers:""}, | |
| 170 | - {isBaseLayer:true,visibility:false} | |
| 171 | -); | |
| 172 | - | |
| 173 | -i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra,osm]; | |
| 174 | -// | |
| 175 | -//define a funcao que sera executada ao clicar no mapa | |
| 176 | -//default (balao do tipo etiqueta) | |
| 177 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 178 | -//alternativo (janela de identificacao | |
| 179 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 180 | -// | |
| 181 | - | |
| 182 | -i3GEO.inicia(); | |
| 183 | -// | |
| 184 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 185 | -// | |
| 186 | -i3GEO.janela.ativaAlerta(); | |
| 187 | - | |
| 188 | -</script> | |
| 189 | -</body> | |
| 190 | -</html> | |
| 191 | 0 | \ No newline at end of file |