simples2.htm 6.02 KB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Category" content="I3Geo Mapa interativo MMA">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>MMA - Mapa interativo</title>

<!-- Leitura dos programas javaScript e estilos individualmente. Pode-se ler os 
arquivos não compactados, bastando substituir por i3geonaocompacto -->
<script type="text/javascript" src="../classesjs/i3geo.js"></script>

<!-- formatação alternativa das janelas internas, para usar é só descomentar
<link rel="stylesheet" type="text/css" href="../css/panel-aqua.css" />
-->

</head>
<body id=i3geo onmouseover="javascript:this.onmousemove=processevent1">
<center>
<table id='mst' style=display:none width=100% cellspacing='0'>
<tr><td colspan=3 class=verdeescuro >&nbsp;</td></tr>
<td title="libera guias" class=tdclara id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:268px;text-align:left;">
  <table width=100% cellspacing=0 cellpadding=0 >
   <tr><td style="border-bottom:1px solid rgb(230,230,230)">
    <!-- Guias principais, não mude o ID, apenas o nome se for desejado -->
    <div class=verdeescuro style="top:0px;cursor:pointer">
	 <div id=guia1 class=guia value="Mostra os temas atualmente inseridos no mapa e que podem estar visíveis ou não." >&nbsp;Temas&nbsp;</div>
	 <div id=guia2 class=guia value="Mostra a lista de temas disponíveis no servidor de dados, possibilitando que novos temas sejam adicionados ao mapa.">&nbsp;Adiciona&nbsp;</div>
	 <div id=guia4 class=guia value="Mostra a legnda do mapa atual." >&nbsp;Legenda&nbsp;</div>
    </div>
   </td></tr>
  </table>
  <!--<div id=listaPropriedades ></div>-->
  <div id='guia1obj' ><div id=listaPropriedades ></div><div id=listaTemas ></div></div>
  <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
 </td>
 <td class=verdeclaro style="vertical-align:top;border-width:0px;">
  <table width="100%" style="vertical-align:top;">
   <!-- Corpo do mapa. Pode ser reposicionado, mas não mude os IDs -->
   <tr><td  class=verdeclaro id=contemImg >
    <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg')"></div>
   </td></tr>
  </table>
 </td>
 </tr>
<!-- Mostra as coordenadas conforme o mouse é movimentado
  <div class=pcenter10 id='longlat'>Longitude e latitude</div>
-->  
<!-- Escala gráfica. Pode ser excluída. 
  <div id="escalaGrafica" style="text-align:left"></div>
-->
<!--- vc pode optar por colocar mensagens de ajuda em algum lugar 
<tr><td colspan=3 ><div id=ajuda class=verdeescuro style="text-align:left;" >I3Geo</div></td></tr>
-->
<tr>
 <td colspan=2 class=verdeclaro >
 </td>
 <td class=verdeclaro >
  <table width=100% ><tr>
  <td class=verdeclaro ><div id=lugarquadros ></div></td>
  <td class=verdeclaro ><div id=localizarxy >Aguarde...</div></td>
  <td class=verdeclaro ><div id=escala ></div></td>
  </tr></table>
 </td>
</tr>
</table>
<a style=text-align:center;color:white href="mailto:edmar.moretti@mma.gov.br">Cr&iacute;ticas e sugest&otilde;es</a>
</center>
<!-- barra de botoes que serão incluídos na janela móvel de navegação -->
<div id=barraDeBotoes1 style='display:none'> 
   <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
   <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
   <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
   <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table> 
   <table title="extensao" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img  title="extensao" alt="" src="../imagens/branco.gif" id="exten"/></td></tr></table>
   <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table> 
   <table title="imprimir" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/></td></tr></table>   
   <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'></td></tr></table>
</div>
<!-- Variáveis globais e inicialização do mapa-->
<script type="text/javascript">
/*
Title: Simples 2

Abre o i3geo com opções específicas.

File: simples2.htm

Exemplo:

http://<host>/i3geo/ms_criamapa.php?interface=simples1.htm

*/
g_locaplic = "http://"+window.location.host+"/i3geo";
g_localimg = "http://"+window.location.host+"/i3geo/imagens";
g_barraFerramentas1 = "sim"
g_barraFerramentas2 = "nao"
g_mapaRefDisplay = "block"
g_janelaMen = "nao";
g_mostraRosa = "nao"
g_opcoesTemas = "sim";
g_3dmap = "3dmap.map";
g_embedLegenda = "nao";
objmapa = new Mapa();
objmapa.guiaTemas = "guia1"
objmapa.guiaMenu = "guia2";
objmapa.guiaLegenda = "guia4";
objmapa.inicializa();
</script>

</body>
</html>