From f76fff6205230269c96768e9adbbfc259e09707e Mon Sep 17 00:00:00 2001 From: Edmar Moretti Date: Thu, 6 Dec 2012 10:01:44 +0000 Subject: [PATCH] Atualização dos exemplos --- admin/admin.db | Bin 158720 -> 0 bytes classesjs/classe_arvoredetemas.js | 95 +++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------- exemplos/camadas5.htm | 17 +++++++++-------- exemplos/index.html | 455 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------------------------------------------- exemplos/legenda2.htm | 343 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------------------------------------------------------------------------------------------------------------- exemplos/openlayers5.htm | 22 +++++++++------------- 6 files changed, 534 insertions(+), 398 deletions(-) diff --git a/admin/admin.db b/admin/admin.db index 236186b..f0112c5 100644 Binary files a/admin/admin.db and b/admin/admin.db differ diff --git a/classesjs/classe_arvoredetemas.js b/classesjs/classe_arvoredetemas.js index 7f91873..158d2ff 100644 --- a/classesjs/classe_arvoredetemas.js +++ b/classesjs/classe_arvoredetemas.js @@ -1740,23 +1740,37 @@ i3GEO.arvoreDeTemas = { */ adicionaTemas: function(tsl){ if(typeof(console) !== 'undefined'){console.info("i3GEO.arvoreDeTemas.adicionaTemas()");} - var temp; - // - //zera o contador de tempo - // - /* - try{ - clearTimeout(tempoBotaoAplicar); - }catch(e){} - tempoBotaoAplicar = ""; - */ + var temp, + tempAdiciona = function(retorno){ + i3GEO.atualiza(); + // + //verifica se deve ser ativada uma outra guia que nao a atual + // + if(i3GEO.arvoreDeTemas.RETORNAGUIA !== ""){ + if(i3GEO.arvoreDeTemas.RETORNAGUIA !== i3GEO.guias.ATUAL){ + i3GEO.guias.escondeGuias(); + i3GEO.guias.mostra(i3GEO.arvoreDeTemas.RETORNAGUIA); + } + } + // + //verifica se a janela da ferramenta identifica esta ativa para atualizar a lista de temas + // + try{ + if($i("i3GEOidentificalistaTemas")){ + i3GEOF.identifica.listaTemas(); + g_tipoacao = "identifica"; + } + } + catch(r){ + if(typeof(console) !== 'undefined'){console.error(r);} + } + }; i3GEO.mapa.ativaTema(""); // //pega os temas ativados na arvore de menus // if(arguments.length !== 1) {tsl = i3GEO.arvoreDeTemas.listaTemasAtivos();} - //i3GEO.arvoreDeTemas.desativaCheckbox(); // //se forem encontrados temas ativos na arvore de menus, o mapa e redesenhado com a adicao de novos temas // @@ -1768,48 +1782,29 @@ i3GEO.arvoreDeTemas = { } if(tsl.length > 0){ //verifica se o tema esta vinculado ao sistema de metadados estatisticos - temp = i3GEO.arvoreDeTemas.ARVORE.getNodeByProperty("idtema",tsl[0]); - if(temp && temp.data.tipoa_tema === "META"){ - //obtem os parametros do tema - temp = function(retorno){ - var id = retorno.data[tsl[0]]["METAESTAT_ID_MEDIDA_VARIAVEL"]; - i3GEO.util.dialogoFerramenta( - "i3GEO.mapa.dialogo.metaestat()", - "metaestat", - "metaestat", - "index.js", - "i3GEOF.metaestat.inicia('flutuanteSimples','',"+id+")" - ); + if(i3GEO.arvoreDeTemas.ARVORE){ + temp = i3GEO.arvoreDeTemas.ARVORE.getNodeByProperty("idtema",tsl[0]); + if(temp && temp.data.tipoa_tema === "META"){ + //obtem os parametros do tema + temp = function(retorno){ + var id = retorno.data[tsl[0]]["METAESTAT_ID_MEDIDA_VARIAVEL"]; + i3GEO.util.dialogoFerramenta( + "i3GEO.mapa.dialogo.metaestat()", + "metaestat", + "metaestat", + "index.js", + "i3GEOF.metaestat.inicia('flutuanteSimples','',"+id+")" + ); - }; - i3GEO.php.pegaMetaData(temp,tsl[0]); + }; + i3GEO.php.pegaMetaData(temp,tsl[0]); + } + else{ + i3GEO.php.adtema(tempAdiciona,tsl.toString()); + } } else{ - temp = function(retorno){ - i3GEO.atualiza(); - // - //verifica se deve ser ativada uma outra guia que nao a atual - // - if(i3GEO.arvoreDeTemas.RETORNAGUIA !== ""){ - if(i3GEO.arvoreDeTemas.RETORNAGUIA !== i3GEO.guias.ATUAL){ - i3GEO.guias.escondeGuias(); - i3GEO.guias.mostra(i3GEO.arvoreDeTemas.RETORNAGUIA); - } - } - // - //verifica se a janela da ferramenta identifica esta ativa para atualizar a lista de temas - // - try{ - if($i("i3GEOidentificalistaTemas")){ - i3GEOF.identifica.listaTemas(); - g_tipoacao = "identifica"; - } - } - catch(r){ - if(typeof(console) !== 'undefined'){console.error(r);} - } - }; - i3GEO.php.adtema(temp,tsl.toString()); + i3GEO.php.adtema(tempAdiciona,tsl.toString()); } } }, diff --git a/exemplos/camadas5.htm b/exemplos/camadas5.htm index 9820cd1..877f4a0 100644 --- a/exemplos/camadas5.htm +++ b/exemplos/camadas5.htm @@ -91,7 +91,7 @@ background-image:url(../mashups/openlayers.png); background-repeat:no-repeat; float:right; - right: 0px; + right: 0px; height:29px; margin:2px; width:29px; @@ -99,7 +99,8 @@ } - \ No newline at end of file + + + + +
+
 
+
+
+

Exemplos de configuração da interface do i3geo

+

Mashups

+ Openlayers em um iframe +

Interface OpenLayers

+

+ A interface OpenLayers passou a ser o padrão do i3Geo com a + versão 4.4. O Modo TILE permite que o mapa seja + construído em pequenas partes (TILES) apresentando uma + navegabilidade contínua quando se desloca o mapa (pan). No + modo normal, é desenhada apenas uma imagem para cada camada + do mapa. Esse último modo pode apresentar uma performance + melhor em sistemas baseados no Windows (MS4W). O uso de "TILES" ou + não é controlado pela variável i3GEO.Interface.openlayers.TILES + = false|true +

+

+ i3GEO.Interface.openlayers.TILES + = false +

+

+ i3GEO.Interface.openlayers.TILES + = true +

+

+ A interface OpenLayers cria um objeto chamado i3geoOL com + base na API do OpenLayers. Esse objeto pode receber os + métodos dessa API, permitindo modificar o mapa. Alguns + parâmetros são controlados por variáveis + específicas do i3Geo. +

+

+ Modo TILE com uma + área de entorno maior i3GEO.Interface.openlayers.BUFFER + = 1; +

+

+ Ativação + de um layer de fundo +

+

+ Modifica a + extensão geográfica máxima de + apresentação i3GEO.Interface.openlayers.MAXEXTENT + = [-63.712484, -20.765721, -42.385294, -9.136698]; +

+

+ Menu +

+

+ Modifica o menu suspenso +

+

+ Guias e janelas +

+

+ Modificação na guia que mostra o + catálogo de dados. Uso de combo ao invés de + árvore +

+

+ Guias do tipo sanfona +

+

+ Guias do tipo sanfona com + fotos +

+

+ Retorna à guia + padrão após adicionar um tema +

+

+ Barras de botões do tipo janela flutuante +

+

+ Apenas alguns + ícones são mostrados e com uma função + alterada (binóculo) +

+

+ Barra apenas com os + ícones +

+

+ Barra com botões + criados via HTML +

+

+ Como inserir botões + na barra de botões +

+

+ Construção + das barras de botões via javascript, sem necessidade de + definir elementos no HTML +

+

+ Construção + das barras de botões via javascript, com escolha dos + botões que irão ser incluídos +

+

+ Construção + das barras de botões via javascript, com escolha dos + botões que irão ser incluídos e estilo + diferente +

+

+ Legenda +

+

+ Legenda com grupos +

+

+ Customização de ferramentas existentes +

+

+ Mapa com a ferramenta + "carousel" posicionada início do mapa +

+

+ Lista de fotos em uma guia +

+

+ Busca rápida +

+

+ Adiciona uma camada extra + via javascript +

+

+ Vincula temas na + árvore de camadas para ligar/desligar em bloco +

+ Inclusão de um mapa dentro de uma página usando + DIV +

+ Exemplo 1 - Botões + com destaque laranja, em dois grupos na parte superior e mapa com + zoom +

+

+ Exemplo 2 - Botões + com destaque laranja, em um único grupo na parte superior e + mapa sem zoom +

+

+ Exemplo 3 - Sem as guias, + com os botões na parte superior e a legenda em um outro local + da página +

+

+ Exemplo 4 - Sem as guias, + com os botões na parte superior e a legenda em uma janela + flutuante +

+

+ Exemplo 5 - Sem as guias e + apenas com os botões de naveção em uma janela + flutuante +

+

+ Exemplo 6 - Mapa + posicionado no canto superior esquerdo, sem as guias e apenas com os + botões de naveção em uma janela flutuante +

+

+ Inclusão de um mapa dentro de uma página em um + IFRAME +

+

+ Exemplo 1 - Sem controle + de tamanho +

+

+ Exemplo 2 - Com tamanho + controlado
+

+

Interface Google Maps

+

+ Guias do tipo + sanfona +

+

Configuração de janelas, árvores de + camadas e adição de temas

+

+ Opções de + criação de janelas flutuantes +

+

+ Construtor de + opções da árvore de adição de + temas +

+

+ Construtor de + opções da árvore de camadas +

+

+ Criação de + combos baseados na árvore de camadas e lista de colunas de + um tema +

+

+ Árvore expandida +

+

+ Legenda expandida +

+

+ Árvore + simplificada +

+

+ Opção "mais + temas" na guia de camadas +

+

+ Árvore com grupos +

+

Cálculos

+

+ Distâncias +

+

Login

+

+ Login simples Abre uma + janela de diálogo para que o usuário faça + login. Nesse exemplo não é considerado se o login + já foi feito antes ou não. Essa técnica + não oferece muita segurança pois o código + javascript fica exposto e um usuário mais experiente pode + burlar o login. +

+

+ Login simples com + verificação Abre uma janela de diálogo para + que o usuário faça login. Ao contrário do + anterior nesse exemplo é considerado se o login já foi + feito antes ou não. Essa técnica não oferece + muita segurança pois o código javascript fica exposto + e um usuário mais experiente pode burlar o login. +

+

+ Login com página de + verificação anterior Abre uma janela de + diálogo para que o usuário faça login. O + código javascript só fica exposto após o login. +

+

+ Exigência de login A + página só é aberta se o usuário estiver + logado. +

+

+ Exige login e verifica + acesso à página O mapa só é aberto se o + usuário estiver cadastrado em um dos papéis que pode + acessar essa operação. +

+
+
+ + \ No newline at end of file diff --git a/exemplos/legenda2.htm b/exemplos/legenda2.htm index bf974c8..b914ec3 100644 --- a/exemplos/legenda2.htm +++ b/exemplos/legenda2.htm @@ -1,180 +1,203 @@ - + - + -i3Geo - Mapa interativo - - - - - - - - - - - - - - - - - - - - - - - +i3GEO - OpenLayers + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +

i3Geo - Software livre para criação de mapas interativos e geoprocessamento

Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro

+ +
- - -