From 68a79ad0034d2485015b81600d8c41a704e54a09 Mon Sep 17 00:00:00 2001 From: Edmar Moretti Date: Sun, 13 Dec 2009 12:28:56 +0000 Subject: [PATCH] Inclusão de exemplo de customização da árvore de camadas. --- classesjs/classe_arvoredecamadas.js | 45 +++++++++++++++++++++++++++++++++++++++------ exemplos/arvoredecamadas.htm | 131 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------- 2 files changed, 159 insertions(+), 17 deletions(-) diff --git a/classesjs/classe_arvoredecamadas.js b/classesjs/classe_arvoredecamadas.js index 7af9143..b2c5468 100644 --- a/classesjs/classe_arvoredecamadas.js +++ b/classesjs/classe_arvoredecamadas.js @@ -47,6 +47,30 @@ Exemplos: */ i3GEO.arvoreDeCamadas = { /* + Propriedade: EXPANDESOLEGENDA + + Ao expandir um tema mostra apenas a legenda, sem as outras opções + + Default: + {false} + + Type: + {boolean} + */ + EXPANDESOLEGENDA: false, + /* + Propriedade: PERMITEEXPANDIRTEMAS + + Permite que as opções abaixo dos nós referentes acada tema sejam mostradas + + Default: + {true} + + Type: + {boolean} + */ + PERMITEEXPANDIRTEMAS:true, + /* Propriedade: ARRASTARORDEM Ativa a opção de arrastar um tema para alterar a ordem de desenho das camadas @@ -287,11 +311,16 @@ i3GEO.arvoreDeCamadas = { Parametro: - temas {JSON} - Objeto com a lista de camadas e propriedades (veja CAMADAS) + temas {JSON} - Objeto com a lista de camadas e propriedades (veja CAMADAS). Se não existir, a árvore é redesenhada */ atualiza: function(temas){ if(typeof(console) !== 'undefined'){console.info("i3GEO.arvoreDeCamadas.atualiza()");} - if(this.comparaTemas(temas,this.CAMADAS)){return;} + if(arguments.length === 0){ + temas = this.CAMADAS; + this.CAMADAS = ""; + } + if(this.comparaTemas(temas,this.CAMADAS)) + {return;} var currentIconMode,newVal,root,tempNode,titulo,d,c,ltema,temaNode,i,j,n,nk,k,incluidos=[]; if(!document.getElementById(i3GEO.arvoreDeCamadas.IDHTML)){return;} document.getElementById(i3GEO.arvoreDeCamadas.IDHTML).innerHTML = ""; @@ -333,9 +362,14 @@ i3GEO.arvoreDeCamadas = { c = temas.length; for (i=0, j=c; i + - - - - - -
-
- 		- -
+
+
+

+A árvore de camadas mostra a lista de layers que estão disponíveis no mapa atual. A árvore controla +quais temas estão visíveis ou não, a ordem de sobreposição e possibilita acessar as funções de +manipulação das características de cada layer, como simbologia, título, etc. +

+

+Nesta página são mostradas todos os parâmetros que podem ser utilizados para customizar a árvore, +modificando o seu comportamento normal. +

+

+Você pode testar os parâmetros e obter o código javascript necessário para fazê-los funcionar. Os códigos +normalmente devem ser inseridos no HTML utilizado para montar o seu mapa. Por exemplo, você pode editar o +arquivo padrão do i3Geo: i3geo/locaplic/geral.htm. Nesse caso, os códigos devem ser inseridos antes da linha:
+i3GEO.cria(); +

+

+ +

+
+

Parâmetros:

+

+ + Ativa a opção de arrastar um tema para alterar a ordem de desenho das camadas +

+

+ + Ativa a opção de arrastar um tema para a lixeria quando se quer removê-lo do mapa +

+

+ + Mostra os ícones de desligar/ligar todos os temas +

+

+ + Permite que as opções abaixo dos nós referentes acada tema sejam mostradas +

+

+ + Indica se a árvore será montada de forma expandida ou não. Se true, os nós do primeiro nível serão abertos na inicialização da árvore +

+

+ + Ao expandir um tema mostra apenas a legenda, sem as outras opções +

+

+ + Indica se a legenda da árvore será montada de forma expandida ou não +

+

+ + Inclui ou não os ícones de opções em cada tema (farol, zoom para o tema, etc) +

+

+ + Inclui ou não o nó com as opções de manipulação de cada tema +

+

+ + Inclui ou não o nó para mostrar a legenda do tema +

+

+ + Ativa a opção de aguarde para mostrar a legenda de um tema quando o usuário estaciona o mouse sobre o nome de um tema +

+
+

Código:

+
+
-- libgit2 0.21.2