mashup4.htm 4.08 KB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<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>
<script type="text/javascript" src="../classesjs/i3geo.js"></script>
<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
</head>
<body style="background-color:rgb(200,200,200);z-index:0;" class=yui-skin-sam >

<div style=position:absolute;left:10px;top:50px;width:200px; >
<p style=text-align:left;font-size:12pt >Voc&ecirc; pode chamar o I3Geo de dentro de uma outra p&aacute;gina criando o DIV com id=i3geo<br><br>
<p style=text-align:left;font-size:12pt >Para chamar a p&aacute;gina n&atilde;o &eacute; necess&aacute;rio rodar o i3geo/ms_criamapa.php.<br><br>
<p style=text-align:left;font-size:12pt >Nem todos os elementos precisam estar no mapa.<br><br>
<p style=text-align:left;font-size:12pt >Voc&ecirc; pode esconder ou mudar as ferramentas de lugar.<br><br>
</div>

<div id=i3geo style="left:300px;top:100px;position:absolute" >

<table id='mst' style=display:none width=100% cellspacing='0'>
<tr style="border:0px"><td style="background-image:url('../imagenscabeca.png');height:10px"></td></tr>
<tr>
<td>
   <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
   <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
   <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
   <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
   <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
   <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
   <img title="mede" alt="" src="../imagens/branco.gif" id='mede'/>
   <img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/>
   <img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/>
   <img title="aproxima" alt="" src="../imagens/branco.gif" id='zoomiauto'/>
   <img title="afasta" alt="" src="../imagens/branco.gif" id='zoomoauto'/>
   <img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/>
   <img title="google" alt="" src="../imagens/branco.gif" id='google'/>
   <img title="info" alt="" src="../imagens/branco.gif" id='identifica'/>
</td>
</tr>
<tr>
 <td style="vertical-align:top;border-width:0px;">
  <table width="100%" style="vertical-align:top;border-width:0px">
   <tr><td  class=verdeclaro id=contemImg >
   <!-- define o tamanho do mapa -->
    <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');width:520px;height:300px"></div>
   </td></tr>
  </table>
 </td>
 </tr>
<tr>
 <td class=tdbranca >
  <table width=100% ><tr>
  <td class=tdbranca ></td>
  <td class=tdbranca ></td>
  <td class=tdbranca ></td>
  </tr></table>
 </td>
</tr>
<tr style="border:0px"><td style="background-image:url('../imagensrodape.png');height:10px"></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>

</div>
<script type="text/javascript">
i3GEO.configura.locaplic = "http://"+window.location.host+"/i3geo";
i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
i3GEO.configura.mapaRefDisplay = "none";
i3GEO.configura.iniciaJanelaMensagens = false;
i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja";
i3GEO.idioma.MOSTRASELETOR = false;
i3GEO.configura.autotamanho = false;
i3GEO.Interface.ATUAL = "openlayers";
i3GEO.Interface.IDCORPO = "contemImg";
i3GEO.guias.ALTURACORPOGUIAS = 325;
i3GEO.barraDeBotoes.AJUDA = false;
i3GEO.barraDeBotoes.TIPOAJUDA = "";
i3GEO.Interface.openlayers.GADGETS = {
		PanZoomBar:true,
		PanZoom:false,
		LayerSwitcher:true,
		ScaleLine:true,
		OverviewMap:false
	};
i3GEO.Interface.openlayers.TILES = true;
i3GEO.cria();
OpenLayers.ImgPath = "../pacotes/openlayers/img/";

i3GEO.inicia();
i3GEO.mapa.legendaHTML.libera();
var janela = YAHOO.i3GEO.janela.manager.find("wlegenda");
janela.moveTo(840,100);
</script>

</body>
</html>