Commit 0d0930334d765cf56356b5cf9179262c38aa39e1

Authored by Edmar Moretti
1 parent 8969e7f6

--no commit message

Showing 1 changed file with 255 additions and 0 deletions   Show diff stats
aplicmap/geraldebug.htm 0 → 100644
... ... @@ -0,0 +1,255 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2 +<html>
  3 +<head>
  4 +<meta NAME="keywords" content="mapserver,i3geo,mapas interativos,geoprocessamento,software livre, software publico, gpl">
  5 +<meta NAME="description" content="i3Geo - baseado no Mapserver, é um software livre para criação de mapas interativos e geoprocessamento - licenciado sob GPL e Software Publico">
  6 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  7 +<title>i3Geo</title>
  8 +<!--
  9 + Leitura dos programas javaScript e estilos.
  10 + Os códigos do i3geo são compactados para tornar o carregamento mais rápido.
  11 + Se vc alterar os códigos originais, não se esqueça de compactá-los com classesjs/compactajs.php.
  12 + Para depurar o código sem ter de compactá-los, substitua na linha abaixo
  13 + o arquivo i3geo.js por i3geonaocompacto.js
  14 + No modo não compactado o código está adaptado para uso com o Firebug do Firefox.
  15 +-->
  16 +<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
  17 +<style>
  18 +.yui-log .i3geo {background-color:yellow;} /* customize a color */
  19 +.yui-log .redesenho {background-color:yellow;} /* customize a color */
  20 +.yui-log .janela {background-color:yellow;} /* customize a color */
  21 +.yui-log-bd {text-align:left;}
  22 +.yui-log-entry yui-log-verbose, p{text-align:left;}
  23 + .info {text-align:left;}
  24 +</style>
  25 +</head>
  26 +<body id="i3geo">
  27 +
  28 +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0' >
  29 +
  30 +<!--
  31 + Inclui a barra superior. Se vc não quiser o menu, é só comentar o TR
  32 +-->
  33 +<tr style="border:0px">
  34 + <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
  35 +</tr>
  36 +<tr>
  37 +<td>
  38 + <table width=100% cellspacing=0 cellpadding=0 >
  39 + <tr>
  40 + <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
  41 + <td>
  42 + <!--
  43 + Guias principais, não mude o ID, apenas o nome se for desejado
  44 + -->
  45 +
  46 + <div class=verdeescuro style="top:0px;cursor:pointer;">
  47 + <div id=guia1 class=guia >Temas</div>
  48 + <div id=guia2 class=guia >Adiciona</div>
  49 + <div id=guia4 class=guia >Legenda</div>
  50 + <div id=guia5 class=guia >Links</div>
  51 + </div>
  52 + </td>
  53 +
  54 + </tr>
  55 + </table>
  56 +</td>
  57 +<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
  58 + <!--
  59 + menu suspenso
  60 + -->
  61 + <div id="menus" ></div>
  62 +</td>
  63 +</tr>
  64 +<tr>
  65 + <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:268px;text-align:left;">
  66 + <!--
  67 + Esta div acrescenta a lista de propriedades do mapa, caso vc queira colocá-la em um lugar específico
  68 + -->
  69 +
  70 + <!--<div id=listaPropriedades ></div>-->
  71 + <!--
  72 + Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico
  73 + -->
  74 + <!-- <div id=buscaRapida ></div> -->
  75 + <!--
  76 + As divs guiaNobj guardam o conteúdo que é mostrado quando a guia é clicada
  77 + Para cada botão na guia deve haver um div com o conteúdo, pe.
  78 + o div com id=guia1 deve ter um div com id=guia1obj
  79 + -->
  80 + <div id='guia1obj' >
  81 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  82 + <div id=listaPropriedades style='top:15px;' ></div>
  83 + <div id=listaTemas style='top:15px;'></div>
  84 + <!-- se vc quiser colocar a arvore de adição de temas em um lugar específico, use o div abaixo, caso contrário, a árvore será colocada na guia definida em objmapa.guiaMenu
  85 + <div id=arvoreAdicionaTema style='top:25px;' ></div>
  86 + <div id=outrasOpcoesAdiciona style='top:25px;' ></div>
  87 + -->
  88 + </div>
  89 +
  90 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="aguarde" src="../imagens/branco.gif" width=248 /></div>
  91 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  92 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  93 + </td>
  94 + <td style="vertical-align:top;border-width:0px;">
  95 + <table width="100%" style="vertical-align:top;border-width:0px">
  96 + <!--
  97 + Corpo do mapa. Pode ser reposicionado, mas não mude os IDs. Se vc quiser que o mapa tenha um tamanho específico, inclua o estilo, exemplo, style=width:300px;height:300px
  98 + Vc pode usar o estilo para definir o tamanho do mapa. Se não tiver estilo definido, o tamanho será automático
  99 + -->
  100 + <tr><td class=verdeclaro id=contemImg >
  101 +
  102 + <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  103 + </td></tr>
  104 + </table>
  105 + </td>
  106 + </tr>
  107 +<!--
  108 +Mostra as coordenadas conforme o mouse é movimentado
  109 +-->
  110 +<!-- <div class=pcenter10 id='longlat'>Longitude e latitude</div> -->
  111 +<!--
  112 +Escala gráfica. Pode ser excluída.
  113 +-->
  114 +<!-- <div id="escalaGrafica" style="text-align:left"></div> -->
  115 +<!--
  116 +vc pode optar por colocar mensagens de ajuda em algum lugar
  117 +-->
  118 +<!--
  119 +<tr><td colspan=2 ><div id=i3geo_ajuda class=verdeescuro style="text-align:left;" >I3Geo</div></td></tr>
  120 +-->
  121 +<tr>
  122 +
  123 + <td class=tdbranca >
  124 + <!--
  125 + Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones
  126 + <div id=visual ></div>
  127 + -->
  128 + <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma -->
  129 + <div id="seletorIdiomas" ></div>
  130 + <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  131 + <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  132 + </td>
  133 + <td class=tdbranca >
  134 + <table width=100% ><tr>
  135 + <td class=tdbranca ><div id=lugarquadros ></div></td>
  136 + <td class=tdbranca style=text-align:center >
  137 + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse -->
  138 + <div id=localizarxy style="text-align:left;font-size:10px;">Aguarde...</div>
  139 + </td>
  140 + <td class=tdbranca >
  141 + <!-- aqui será incluída a escala numérica -->
  142 + <div id=escala ></div>
  143 + </td>
  144 + <!--
  145 + A opção de localização 'onde estou?' baseia-se na identificação do IP do usuário. Para
  146 + que esta opção funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
  147 + SVN do portal do software público o diretório arquivos_versões/pacotes para maiores informações
  148 + -->
  149 + <td class=tdbranca ><div id=ondeestou ></div></td>
  150 + </tr>
  151 + <!-- esta div recebe o cálculo do posicionamento do mouse em coordenadas UTM
  152 + As coordenadas UTM apenas serão mostradas nessa div se o parâmetro
  153 + i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
  154 + se os IDs forem iguais, o tipo de coordenada mostrada será intercalada, ora UTM ora GEO.
  155 + <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>
  156 + -->
  157 + </table>
  158 + </td>
  159 +</tr>
  160 +<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
  161 +<!-- aqui são mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
  162 +<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>
  163 +<tr style="border:0px"><td colspan=3 style=background-color:black;color:white >geoprocessamento@mma.gov.br</td></tr>
  164 +</table>
  165 +
  166 +<center>
  167 +<br><br>
  168 +<table>
  169 +<tr>
  170 + <td><center><h1><div id=versaoi3geo ></div><h2>Software livre para criação de mapas interativos e geoprocessamento<h3>Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></h2></h1></td>
  171 +</tr>
  172 +<tr>
  173 + <td style="padding:10px;"><center><img alt="logomarca" src='../imagens/logo_inicio.png'></td>
  174 +</tr>
  175 +<tr>
  176 + <td><center>
  177 + <script type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  178 + </td>
  179 +</tr>
  180 +</table>
  181 +<!-- Variáveis globais e inicialização do mapa-->
  182 +<script type="text/javascript">
  183 +/*
  184 +Title: Interface normal com debug
  185 +
  186 +Abre o i3geo com todas as suas funcionalidades porém inclui o js i3geonaocompacto.js que permite verificar erros por meio do FIREBUG.
  187 +
  188 +File: i3geo/aplicmap/geral.htm
  189 +
  190 +Exemplo:
  191 +
  192 +http://<host>/i3geo/ms_criamapa.php
  193 +
  194 +*/
  195 +/*
  196 + Indica a localização correta do i3geo.
  197 +
  198 + É utilizada para identificar o local correto onde estão os programas em php que são utilizados.
  199 +*/
  200 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  201 +var g_localimg = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo/imagens";
  202 +var g_3dmap = "3dmap.map";
  203 +
  204 +//i3GEO.arvoreDeTemas.INCLUISISTEMAS = false;
  205 +//i3GEO.idioma.MOSTRASELETOR = false;
  206 +//function tempi(){alert("oi")}
  207 +//i3GEO.configura.funcaoIdentifica = "tempi()"
  208 +i3GEO.cria()
  209 +//Log
  210 +/*
  211 +var myContainer = document.body.appendChild(document.createElement("div"));
  212 +myContainer.style.textAlign="left";
  213 +i3geoLog = new YAHOO.widget.LogReader(myContainer);
  214 +i3geoLog.show();
  215 +*/
  216 +
  217 +/*
  218 + Inicializa o mapa
  219 +*/
  220 +//i3GEO.guias.ATUAL = "legenda"
  221 +//i3GEO.idioma.alteraDicionario("t18a","teste");
  222 +
  223 +/*
  224 +i3GEO.configura.grupoLayers = [
  225 + {nome:"Grupo 1",layers:["zee","estadosl"]},
  226 + {nome:"Grupo 2",layers:["mundo"]}
  227 +]
  228 +*/
  229 +
  230 +i3GEO.barraDeBotoes.AUTOALTURA = false
  231 +i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = true
  232 +i3GEO.barraDeBotoes.PERMITEFECHAR = true
  233 +i3GEO.barraDeBotoes.PERMITEDESLOCAR = true
  234 +i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"
  235 +i3GEO.barraDeBotoes.AUTO = true //as barras de botões serão construídas automaticamente
  236 +//i3GEO.configura.embedLegenda = "sim"
  237 +
  238 +i3GEO.idioma.IDSELETOR = "seletorIdiomas"
  239 +i3GEO.interface.ATIVAMENUCONTEXTO = true;
  240 +
  241 +i3GEO.inicia();
  242 +//
  243 +//inclui um tema via javascript
  244 +/*
  245 +var temp = function(){alert("oi");i3GEO.atualiza();}
  246 +i3GEO.php.ligatemas(temp,"","biomashp","sim");
  247 +*/
  248 +
  249 +//esconde a opção de inclusão da escala quando a resolução da tela for muito pequena
  250 +if($i("escala") && i3GEO.parametros.w < 500)
  251 +{$i("escala").style.display="none";}
  252 +</script>
  253 +</body>
  254 +
  255 +</html>
0 256 \ No newline at end of file
... ...