Download as
Browse Code »

Commit 5835b11039073e47956dba28d2ef4460008d3524

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

--no commit message

Showing 1 changed file with 223 additions and 0 deletions   Show diff stats
interface/carto_ol.htm 0 → 100644
  Diff comments   View file @5835b11
... ... @@ -0,0 +1,223 @@
  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 Cartogramas Estatistica geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +
  7 +<title>i3GEO - Cartogramas com OpenLayers</title>
  8 +<style>
  9 +.olControlEditingToolbar1 div {
  10 + background-image:url(../mashups/openlayers.png);
  11 + background-repeat:no-repeat;
  12 + float:right;
  13 + right: 0px;
  14 + height:29px;
  15 + margin:2px;
  16 + width:29px;
  17 + cursor:pointer;
  18 +}
  19 +</style>
  20 +</head>
  21 +<body id="i3geo" style="background-color:white">
  22 +<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
  23 +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  24 + <tr style="border:0px">
  25 + <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
  26 + </tr>
  27 + <tr>
  28 + <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
  29 + <div id="menus" ></div>
  30 + </td>
  31 + </tr>
  32 + <tr>
  33 + <td style="vertical-align:top;border-width:0px;">
  34 + <table width="100%" style="vertical-align:top;border-width:0px">
  35 + <tr>
  36 + <td class=verdeclaro id=contemImg >
  37 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
  38 + </td>
  39 + </tr>
  40 + </table>
  41 + </td>
  42 + </tr>
  43 + <tr>
  44 + <td>
  45 + <table width=100% >
  46 + <tr>
  47 + <td class=tdbranca >
  48 + <div id=i3GEOcompartilhar style="width:170px;margin:auto;text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  49 + <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div>
  50 + </td>
  51 + <td class=tdbranca >
  52 + <div id=escala style="text-align:right;" ></div>
  53 + </td>
  54 + <td class=tdbranca >
  55 + <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div>
  56 + </td>
  57 + <td class=tdbranca >
  58 + <div id=seletorIdiomas ></div>
  59 + </td>
  60 + </tr>
  61 + </table>
  62 + </td>
  63 + </tr>
  64 + <tr style="border:0px">
  65 + <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
  66 + </tr>
  67 +</table>
  68 +<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
  69 + <tr>
  70 + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  71 + </tr>
  72 + <tr>
  73 + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
  74 + </tr>
  75 +</table>
  76 +
  77 +<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  78 + <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' >
  79 + <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">
  80 + <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>
  81 + <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'>
  82 + <div id='guia1obj' style='display:none;' >
  83 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  84 + <div id=listaPropriedades style='top:15px;' ></div>
  85 + <div id=listaLayersBase style='top:15px;'></div>
  86 + <div id=listaTemas style='top:15px;'></div>
  87 + </div>
  88 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  89 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  90 + </div>
  91 + </div>
  92 +</div>
  93 +<script src="../classesjs/i3geo.js"></script>
  94 +<script id="i3GEOF.metaestat_script" src="../ferramentas/metaestat/index.js"></script>
  95 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  96 +
  97 +<script>
  98 +/*
  99 +Interface para gera&ccedil;&atilde;o de cartogramas com Openlayers
  100 +
  101 +Utiliza o modulo de metadados estatisticos para geracao de cartogramas
  102 +
  103 +File: i3geo/interface/carto_ol.htm
  104 +*/
  105 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  106 +i3GEO.configura.autotamanho = false;
  107 +//ativa ou desativa o balao de info ao clicar no mapa
  108 +i3GEO.eventos.cliquePerm.ativo = true;
  109 +//
  110 +i3GEO.Interface.ALTTABLET = "";
  111 +i3GEO.Interface.ATUAL = "openlayers";
  112 +i3GEO.Interface.IDCORPO = "contemImg";
  113 +i3GEO.Interface.openlayers.GADGETS = {
  114 + PanZoomBar:true,
  115 + PanZoom:false,
  116 + LayerSwitcher:true,
  117 + ScaleLine:true,
  118 + OverviewMap:false
  119 + };
  120 +i3GEO.Interface.openlayers.TILES = true;
  121 +/*
  122 +i3GEO.Interface.openlayers.parametrosMap.scales = [
  123 + 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100
  124 +];
  125 +*/
  126 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  127 +i3GEO.cria();
  128 +i3GEO.configura.mapaRefDisplay = "none";
  129 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  130 +i3GEO.barraDeBotoes.OFFSET = -3;
  131 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  132 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  133 +i3GEO.barraDeBotoes.ATIVA = true;
  134 +i3GEO.ajuda.ATIVAJANELA = false;
  135 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  136 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  137 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  138 +//i3GEO.configura.templateLegenda = "legenda4.htm";
  139 +
  140 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  141 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  142 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  143 +i3GEO.mapa.AUTORESIZE = true;
  144 +i3GEO.guias.TIPO = "movel";
  145 +i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;
  146 +i3GEO.configura.tempoMouseParado = 500;
  147 +//a pagina nao e recarregada quando o usuario faz login
  148 +i3GEO.login.recarrega = false;
  149 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  150 +(function(){
  151 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  152 + "ESRI Ocean Basemap",
  153 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  154 + {format:"jpeg"},
  155 + {isBaseLayer:true,visibility:false}
  156 + );
  157 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  158 + "ESRI Imagery World 2D",
  159 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  160 + {format:"jpeg"},
  161 + {isBaseLayer:true,visibility:false}
  162 + );
  163 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  164 + "ESRI World Street Map",
  165 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  166 + {format:"jpeg"},
  167 + {isBaseLayer:true,visibility:false}
  168 + );
  169 + var bra = new OpenLayers.Layer.WMS(
  170 + "Base carto MMA",
  171 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  172 + {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
  173 + {isBaseLayer:true,visibility:false}
  174 + );
  175 + var tms = new OpenLayers.Layer.TMS(
  176 + "OSGEO",
  177 + "http://tilecache.osgeo.org/wms-c/Basic.py/",
  178 + {
  179 + layername: "basic",
  180 + type: "png",
  181 + // set if different than the bottom left of map.maxExtent
  182 + tileOrigin: new OpenLayers.LonLat(-180,-90),
  183 + isBaseLayer:true,
  184 + visibility:false
  185 + }
  186 + );
  187 +
  188 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,tms,bra];
  189 +})();
  190 +i3GEO.finaliza = function(){
  191 + if($i("i3GEOlogoMarca"))
  192 + {$i("i3GEOlogoMarca").style.display = "none";}
  193 + i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");
  194 +};
  195 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  196 +//redefine a funcao onclique do botao localizar da barra de ferramentas
  197 +i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){
  198 + i3GEO.mapa.dialogo.locregiao();
  199 +};
  200 +i3GEO.inicia();
  201 +//parametros especificos dos cartogramas
  202 +//ver i3geo/ferramentas/metaestat
  203 +i3GEOF.metaestat.INTERFACE = "flutuante";
  204 +i3GEOF.metaestat.CONEXAODEFAULT = 1;
  205 +i3GEOF.metaestat.TOP = 50;
  206 +i3GEOF.metaestat.LEFT = 100;
  207 +//i3GEOF.metaestat.LARGURA = 270;
  208 +//i3GEOF.metaestat.ALTURA = 300;
  209 +//
  210 +//define a funcao que sera executada ao clicar no mapa
  211 +//default (balao do tipo etiqueta)
  212 +i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip];
  213 +//alternativo (janela de identificacao
  214 +//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica];
  215 +//
  216 +i3GEOF.metaestat.inicia();
  217 +//
  218 +//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas.
  219 +//
  220 +i3GEO.janela.ativaAlerta();
  221 +</script>
  222 +</body>
  223 +</html>
... ...