Download as
Browse Code »

Commit 5aba437206136c9b94ea165dd2656980531048ff

Authored by Edmar Moretti
1 parent 024b79d3
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Interface com i3geonaocompacto para debug

Showing 1 changed file with 291 additions and 0 deletions   Show diff stats
interface/debug.htm 0 → 100644
  Diff comments   View file @5aba437
... ... @@ -0,0 +1,291 @@
  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" 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 +
  8 +</head>
  9 +<body id="i3geo" style="background-color:white">
  10 +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  11 + <tr style="border:0px">
  12 + <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
  13 + </tr>
  14 + <tr>
  15 + <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
  16 + <!--menu suspenso-->
  17 + <div id="menus" ></div>
  18 + </td>
  19 + </tr>
  20 + <tr>
  21 + <td style="vertical-align:top;border-width:0px;">
  22 + <table width="100%" style="vertical-align:top;border-width:0px">
  23 + <tr>
  24 + <td class=verdeclaro id=contemImg >
  25 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
  26 + </td>
  27 + </tr>
  28 + </table>
  29 + </td>
  30 + </tr>
  31 + <tr>
  32 + <td>
  33 + <table width=100% >
  34 + <tr>
  35 + <td class=tdbranca >
  36 + <!--
  37 + Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones
  38 + <div id=visual ></div>
  39 + -->
  40 + <!-- botão de compartilhamento em redes sociais -->
  41 + <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  42 + <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  43 + <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  44 + </td>
  45 + <td class=tdbranca >
  46 + <!-- aqui será incluída a escala numérica -->
  47 + <div id=escala style="text-align:right;" ></div>
  48 + </td>
  49 + <td class=tdbranca >
  50 + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse -->
  51 + <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table"></div>
  52 + </td>
  53 + <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma -->
  54 + <td class=tdbranca >
  55 + <div id=seletorIdiomas ></div>
  56 + </td>
  57 + </tr>
  58 + </table>
  59 + </td>
  60 + </tr>
  61 + <tr style="border:0px">
  62 + <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
  63 + </tr>
  64 +</table>
  65 +<center>
  66 +<table id="i3GEOlogoMarca" style='box-shadow:0 1px 13px gray;border-radius:5px;'>
  67 + <tr>
  68 + <td><center><h1 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;"><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<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></h2></h1></td>
  69 + </tr>
  70 + <tr>
  71 + <td style="padding:10px;"><center><img alt="" src='../imagens/logo_inicio.png' ></td>
  72 + </tr>
  73 + <tr>
  74 + <td><center>
  75 + <!--
  76 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  77 + -->
  78 + </td>
  79 + </tr>
  80 +</table>
  81 +
  82 +<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  83 + <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' >
  84 + <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">
  85 + <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>
  86 + <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'>
  87 + <div id='guia1obj' style='display:none;' >
  88 + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico -->
  89 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  90 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  91 + <div id=listaPropriedades style='top:15px;' ></div>
  92 + <!-- 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 -->
  93 + <div id=listaLayersBase style='top:15px;'></div>
  94 + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual -->
  95 + <div id=listaTemas style='top:15px;'></div>
  96 + </div>
  97 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  98 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  99 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  100 + </div>
  101 + </div>
  102 +</div>
  103 +<script src="../classesjs/i3geonaocompacto.js"></script>
  104 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  105 +<!-- estilo necessário para a ferramenta de edição -->
  106 +<style>
  107 +.olControlEditingToolbar1 div {
  108 + background-image:url(../mashups/openlayers.png);
  109 + background-repeat:no-repeat;
  110 + float:right;
  111 + right: 0px;
  112 + height:29px;
  113 + margin:2px;
  114 + width:29px;
  115 + cursor:pointer;
  116 +}
  117 +</style>
  118 +<script>
  119 +/*
  120 +Title: Interface Openlayers
  121 +
  122 +Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers.
  123 +
  124 +File: i3geo/interface/openlayers.htm
  125 +
  126 +Exemplo:
  127 +
  128 +http://<host>/i3geo/ms_criamapa.php
  129 +
  130 +http://<host>/i3geo/interface/openlayers.htm
  131 +
  132 +http://<host>/i3geo
  133 +
  134 +Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO
  135 +
  136 +*/
  137 +/*
  138 + Indica a localização correta do i3geo.
  139 +
  140 + É utilizada para identificar o local correto onde estão os programas em php que são utilizados.
  141 +
  142 + Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript
  143 +*/
  144 +//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  145 +/*
  146 +Para outras configurações, veja i3geo/classesjs/classe_configura.js
  147 +
  148 +exemplo
  149 +
  150 +i3GEO.configura.autotamanho = true;
  151 +*/
  152 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  153 +i3GEO.configura.autotamanho = false;
  154 +i3GEO.Interface.ATUAL = "openlayers";
  155 +i3GEO.Interface.IDCORPO = "contemImg";
  156 +
  157 +i3GEO.Interface.openlayers.GADGETS = {
  158 + PanZoomBar:true,
  159 + PanZoom:false,
  160 + LayerSwitcher:true,
  161 + ScaleLine:true,
  162 + OverviewMap:false
  163 + };
  164 +i3GEO.Interface.openlayers.TILES = true;
  165 +//
  166 +//controla o tamanho da barra de zoom
  167 +//
  168 +//i3GEO.Interface.openlayers.MINEXTENT = [-0.001, -0.001, 0.001, 0.001]
  169 +//
  170 +//
  171 +//desabilita o item que abre a interface "default" do menu suspenso
  172 +//
  173 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'
  174 +
  175 +/*
  176 +Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers.
  177 +Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers
  178 +*/
  179 +
  180 +i3GEO.cria();
  181 +/*
  182 + Inicializa o mapa
  183 +*/
  184 +//não mostra o mapa de referência
  185 +i3GEO.configura.mapaRefDisplay = "none";
  186 +//tipo de barra de botões
  187 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  188 +//ajusta o deslocamento da barra de botões
  189 +i3GEO.barraDeBotoes.OFFSET = -3;
  190 +//ajusta a posição da barra de botões no IE
  191 +//if(navm)
  192 +//{i3GEO.barraDeBotoes.OFFSET = -45;}
  193 +//número máximo de botões na barra de botões inicial
  194 +//i3GEO.barraDeBotoes.MAXBOTOES = 10;
  195 +//remove itens dos menus que não são necessários, já que estão como ícones na barra de botões
  196 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  197 +//
  198 +//barra de botoes normal. descomente para usar
  199 +/*
  200 +i3GEO.barraDeBotoes.TIPO = "yui";
  201 +i3GEO.barraDeBotoes.AUTOALTURA = true;
  202 +i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false;
  203 +i3GEO.barraDeBotoes.PERMITEFECHAR = false;
  204 +i3GEO.barraDeBotoes.PERMITEDESLOCAR = false;
  205 +i3GEO.barraDeBotoes.AUTO = true;
  206 +i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja";
  207 +
  208 +i3GEO.Interface.BARRABOTOESLEFT = 0;
  209 +i3GEO.Interface.BARRABOTOESTOP = 2;
  210 +i3GEO.Interface.BARRADEZOOMTOP = 10;
  211 +i3GEO.Interface.BARRADEZOOMLEFT = 40;
  212 +*/
  213 +i3GEO.ajuda.ATIVAJANELA = false;
  214 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  215 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  216 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  217 +i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true;
  218 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  219 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  220 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  221 +i3GEO.mapa.AUTORESIZE = true;
  222 +i3GEO.guias.TIPO = "movel";
  223 +//i3GEO.guias.guiaMovel.ABERTA = true;
  224 +//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
  225 +i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;
  226 +//
  227 +//define quanto tempo é aguardado para considerar que o mouse está parado sobre um lugar.
  228 +//utilizado pela função de identificação do tipo balão
  229 +//
  230 +//i3GEO.configura.tempoMouseParado = 1000
  231 +//
  232 +//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones
  233 +//
  234 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  235 +//
  236 +//adiciona camadas que podem ser ativadas como fundo do mapa
  237 +//
  238 +(function(){
  239 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  240 + "ESRI Ocean Basemap",
  241 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  242 + {format:"jpg"},
  243 + {isBaseLayer:true,visibility:false}
  244 + );
  245 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  246 + "ESRI Imagery World 2D",
  247 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  248 + {},
  249 + {isBaseLayer:true,visibility:false}
  250 + );
  251 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  252 + "ESRI World Street Map",
  253 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  254 + {},
  255 + {isBaseLayer:true,visibility:false}
  256 + );
  257 + var bra = new OpenLayers.Layer.WMS(
  258 + "Base carto MMA",
  259 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  260 + {layers:"baseraster",srs:"EPSG:4291",format:"image/png",isBaseLayer:false},
  261 + {isBaseLayer:true,visibility:false}
  262 + );
  263 + /*
  264 + var osm = new OpenLayers.Layer.WMS(
  265 + "Open Street Map",
  266 + "http://full.wms.geofabrik.de/std/demo_key",
  267 + {layers:""},
  268 + {isBaseLayer:true,visibility:false}
  269 + );
  270 + */
  271 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
  272 +})();
  273 +//
  274 +//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas.
  275 +//
  276 +//i3GEO.janela.ativaAlerta();
  277 +//
  278 +//inicia o mapa
  279 +//
  280 +//esconde a logomarca ao finalizar o mapa
  281 +i3GEO.finaliza = function(){
  282 + $i("i3GEOlogoMarca").style.display = "none";
  283 + i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");
  284 +}
  285 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  286 +//OpenLayers.DOTS_PER_INCH = 96
  287 +//i3GEO.configura.sid = "";
  288 +i3GEO.inicia();
  289 +</script>
  290 +</body>
  291 +</html>
... ...