<!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 geoprocessamento sig mobile">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>i3GEO - OpenLayers</title>
</head>
<body id="i3geo" style="background-color:white">
<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
<tr style="border:0px">
<td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
</tr>
<tr>
<td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
<!--menu suspenso-->
<div id="menus" ></div>
</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 >
<div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width=100% >
<tr>
<td class=tdbranca >
<!--
Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones
<div id=visual ></div>
-->
<!-- botão de compartilhamento em redes sociais -->
<div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
<!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
<div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
</td>
<td class=tdbranca >
<!-- aqui será incluída a escala numérica -->
<div id=escala style="text-align:right;" ></div>
</td>
<td class=tdbranca >
<!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse -->
<div id=localizarxy style="text-align:left;font-size:10px;display:inline-table"></div>
</td>
<!-- aqui serão incluídas as bandeiras que permitem a troca de idioma -->
<td class=tdbranca >
<div id=seletorIdiomas ></div>
</td>
</tr>
</table>
</td>
</tr>
<tr style="border:0px">
<td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
</tr>
</table>
<center>
<table id="i3GEOlogoMarca" style='box-shadow:0 1px 13px gray;border-radius:5px;'>
<tr>
<td><center><h1 style="font-weight:normal;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;"><div id=versaoi3geo ></div><h2 style="font-weight:normal;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento<h3 style="font-weight:normal;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></h2></h1></td>
</tr>
<tr>
<td style="padding:10px;"><center><img alt="" style="width:560px;height:81px" src='../imagens/logo_inicio.png' ></td>
</tr>
<tr>
<td><center>
<!--
<script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
-->
</td>
</tr>
</table>
<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
<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' >
<div id="i3GEOguiaMovelMolde" 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">
<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>
<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'>
<div id='guia1obj' style='display:none;' >
<!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico -->
<div style='left:5px;top:10px;' id=buscaRapida ></div>
<!-- Esta div acrescenta a lista de propriedades do mapa -->
<div id=listaPropriedades style='top:15px;' ></div>
<!-- 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 -->
<div id=listaLayersBase style='top:15px;'></div>
<!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual -->
<div id=listaTemas style='top:15px;'></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>
</div>
</div>
</div>
<script src="../classesjs/i3geo.js"></script>
<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
<!-- estilo necessário para a ferramenta de edição -->
<style>
.olControlEditingToolbar1 div {
background-image:url(../mashups/openlayers.png);
background-repeat:no-repeat;
float:right;
right: 0px;
height:29px;
margin:2px;
width:29px;
cursor:pointer;
}
</style>
<script>
/*
Title: Interface Openlayers
Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers.
File: i3geo/interface/openlayers.htm
Exemplo:
http://<host>/i3geo/ms_criamapa.php
http://<host>/i3geo/interface/openlayers.htm
http://<host>/i3geo
Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO
*/
/*
Indica a localização correta do i3geo.
É utilizada para identificar o local correto onde estão os programas em php que são utilizados.
Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript
*/
//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
/*
Para outras configurações, veja i3geo/classesjs/classe_configura.js
exemplo
i3GEO.configura.autotamanho = true;
*/
i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
i3GEO.configura.autotamanho = false;
i3GEO.Interface.ATUAL = "openlayers";
i3GEO.Interface.IDCORPO = "contemImg";
//
//interface alternativa se for detectado um dispositivo móvel
//
//i3GEO.Interface.ALTTABLET = "openlayers_t.htm";
i3GEO.Interface.openlayers.GADGETS = {
PanZoomBar:true,
PanZoom:false,
LayerSwitcher:true,
ScaleLine:true,
OverviewMap:false
};
i3GEO.Interface.openlayers.TILES = true;
//
//controla o tamanho da barra de zoom
//
//i3GEO.Interface.openlayers.MINEXTENT = [-0.001, -0.001, 0.001, 0.001]
//
//
//desabilita o item que abre a interface "default" do menu suspenso
//
i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'
/*
Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers.
Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers
*/
i3GEO.cria();
/*
Inicializa o mapa
*/
//não mostra o mapa de referência
i3GEO.configura.mapaRefDisplay = "none";
//tipo de barra de botões
i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
//ajusta o deslocamento da barra de botões
i3GEO.barraDeBotoes.OFFSET = -3;
//ajusta a posição da barra de botões no IE
//if(navm)
//{i3GEO.barraDeBotoes.OFFSET = -45;}
//número máximo de botões na barra de botões inicial
//i3GEO.barraDeBotoes.MAXBOTOES = 10;
//remove itens dos menus que não são necessários, já que estão como ícones na barra de botões
i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
//
//barra de botoes normal. descomente para usar
/*
i3GEO.barraDeBotoes.TIPO = "yui";
i3GEO.barraDeBotoes.AUTOALTURA = true;
i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false;
i3GEO.barraDeBotoes.PERMITEFECHAR = false;
i3GEO.barraDeBotoes.PERMITEDESLOCAR = false;
i3GEO.barraDeBotoes.AUTO = true;
i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja";
i3GEO.Interface.BARRABOTOESLEFT = 0;
i3GEO.Interface.BARRABOTOESTOP = 2;
i3GEO.Interface.BARRADEZOOMTOP = 10;
i3GEO.Interface.BARRADEZOOMLEFT = 40;
*/
i3GEO.ajuda.ATIVAJANELA = false;
i3GEO.idioma.IDSELETOR = "seletorIdiomas";
i3GEO.Interface.ATIVAMENUCONTEXTO = false;
i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true;
i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
i3GEO.mapa.AUTORESIZE = true;
i3GEO.guias.TIPO = "movel";
//i3GEO.guias.guiaMovel.ABERTA = true;
//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
i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;
//
//define quanto tempo é aguardado para considerar que o mouse está parado sobre um lugar.
//utilizado pela função de identificação do tipo balão
//
//i3GEO.configura.tempoMouseParado = 1000
//
//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones
//
OpenLayers.ImgPath = "../pacotes/openlayers/img/";
//
//adiciona camadas que podem ser ativadas como fundo do mapa
//
(function(){
var oce = new OpenLayers.Layer.ArcGIS93Rest(
"ESRI Ocean Basemap",
"http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
{format:"jpeg"},
{isBaseLayer:true,visibility:false}
);
var ims = new OpenLayers.Layer.ArcGIS93Rest(
"ESRI Imagery World 2D",
"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
{format:"jpeg"},
{isBaseLayer:true,visibility:false}
);
var wsm = new OpenLayers.Layer.ArcGIS93Rest(
"ESRI World Street Map",
"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
{format:"jpeg"},
{isBaseLayer:true,visibility:false}
);
var bra = new OpenLayers.Layer.WMS(
"Base carto MMA",
"http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
{layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
{isBaseLayer:true,visibility:false}
);
/*
var osm = new OpenLayers.Layer.WMS(
"Open Street Map",
"http://full.wms.geofabrik.de/std/demo_key",
{layers:""},
{isBaseLayer:true,visibility:false}
);
*/
i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
})();
//
//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas.
//
//i3GEO.janela.ativaAlerta();
//
//inicia o mapa
//
//esconde a logomarca ao finalizar o mapa
i3geo.configura.grupoLayers = [
{nome:"Saúde",icone:true,dinamico:true,expandido:true,layers:["ame"]},
{nome:"Limites",icone:true,dinamico:true,expandido:true,layers:["limiteurbano_utm","limitemunnn"]},
{nome:"Outros",icone:true,dinamico:true,expandido:true,layers:["vertices_tmp","estados","mundo","zee"]}
];
i3GEO.finaliza = function(){
if($i("i3GEOlogoMarca"))
{$i("i3GEOlogoMarca").style.display = "none";}
i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");
}
i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
//OpenLayers.DOTS_PER_INCH = 96
//i3GEO.configura.sid = "";
i3GEO.inicia();
</script>
</body>
</html>