Commit 0d299a8f6c5f5a36463c4a03a24c1372df2e68d3

Authored by Edmar Moretti
1 parent 68a79ad0

Exemplo de configuração da árvore de adição de temas

Showing 2 changed files with 200 additions and 2 deletions   Show diff stats
exemplos/arvoredetemas.htm 0 → 100644
... ... @@ -0,0 +1,197 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2 +<html>
  3 +<head>
  4 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  5 +<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
  6 +</head>
  7 +<body id="i3geo" style=background-color:white; >
  8 +<div id=arvoreAdicionaTema style='position:absolute;top:15px;left:15px'></div>
  9 +<div style='position:absolute;top:15px;left:350px;width:600px'>
  10 +<p class=paragrafo >
  11 +A árvore de temas mostra a lista de layers que estão disponíveis para ser adicionados ao mapa atual, bem como opções de pesquisa na base
  12 +de temas e conexão com Web Services.
  13 +</p>
  14 +<p class=paragrafo >
  15 +Nesta página são mostradas todos os parâmetros que podem ser utilizados para customizar a árvore,
  16 +modificando o seu comportamento normal.
  17 +</p>
  18 +<p class=paragrafo >
  19 +Você pode testar os parâmetros e obter o código javascript necessário para fazê-los funcionar. Os códigos
  20 +normalmente devem ser inseridos no HTML utilizado para montar o seu mapa. Por exemplo, você pode editar o
  21 +arquivo padrão do i3Geo: i3geo/locaplic/geral.htm. Nesse caso, os códigos devem ser inseridos antes da linha:<br>
  22 +i3GEO.cria();
  23 +</p>
  24 +<p class=paragrafo >
  25 +<input class=aplicar type="button" value="Atualizar a árvore" onclick="ARVatualizar()" />
  26 +</p>
  27 +<div id=ARVparametros >
  28 +<p class=paragrafo ><b>Parâmetros:</b></p>
  29 +<p class=paragrafo >
  30 + <select name="OPCOESADICIONAIS.incluiArvore">
  31 + <option value=true selected >true</option>
  32 + <option value=false >false</option>
  33 + </select>
  34 + Inclui ou não os ícones de opções
  35 +</p>
  36 +<p class=paragrafo >
  37 + <select name="OPCOESADICIONAIS.uploaddbf">
  38 + <option value=true selected >true</option>
  39 + <option value=false >false</option>
  40 + </select>
  41 + Inclui ícone de upload de arquivo dbf ou CSV
  42 +</p>
  43 +<p class=paragrafo >
  44 + <select name="OPCOESADICIONAIS.uploadlocal">
  45 + <option value=true selected >true</option>
  46 + <option value=false >false</option>
  47 + </select>
  48 + Inclui ícone de upload de arquivo shapefile ou imagem local
  49 +</p>
  50 +<p class=paragrafo >
  51 + <select name="OPCOESADICIONAIS.downloadbase">
  52 + <option value=true selected >true</option>
  53 + <option value=false >false</option>
  54 + </select>
  55 + Inclui ícone para acessar o sistema de download de dados
  56 +</p>
  57 +<p class=paragrafo >
  58 + <select name="OPCOESADICIONAIS.conectarwms">
  59 + <option value=true selected >true</option>
  60 + <option value=false >false</option>
  61 + </select>
  62 + Inclui ícone da ferramenta de conexão com WMS
  63 +</p>
  64 +<p class=paragrafo >
  65 + <select name="OPCOESADICIONAIS.conectarwmst">
  66 + <option value=true selected >true</option>
  67 + <option value=false >false</option>
  68 + </select>
  69 + Inclui ícone da ferramenta de conexão com WMS-T
  70 +</p>
  71 +<p class=paragrafo >
  72 + <select name="OPCOESADICIONAIS.conectargeorss">
  73 + <option value=true selected >true</option>
  74 + <option value=false >false</option>
  75 + </select>
  76 + Inclui ícone da ferramenta de conexão com geoRSS
  77 +</p>
  78 +<p class=paragrafo >
  79 + <select name="OPCOESADICIONAIS.nuvemTags">
  80 + <option value=true selected >true</option>
  81 + <option value=false >false</option>
  82 + </select>
  83 + Inclui ícone da ferramenta nuvem de tags
  84 +</p>
  85 +<p class=paragrafo >
  86 + <select name="OPCOESADICIONAIS.nuvemTagsFlash">
  87 + <option value=true >true</option>
  88 + <option value=false selected >false</option>
  89 + </select>
  90 + Inclui ícone da ferramenta nuvem de tags - opção em Flash
  91 +</p>
  92 +<p class=paragrafo >
  93 + <select name="OPCOESADICIONAIS.navegacaoDir">
  94 + <option value=true >true</option>
  95 + <option value=false selected >false</option>
  96 + </select>
  97 + Inclui opção de navegação na árvore de diretórios (apenas para usuários cadastrados como editores)
  98 +</p>
  99 +<p class=paragrafo >
  100 + <select name="OPCOESADICIONAIS.incluibusca">
  101 + <option value=true selected >true</option>
  102 + <option value=false >false</option>
  103 + </select>
  104 + Inclui campo de formulário para realizar busca por temas existentes na árvore
  105 +</p>
  106 +<p class=paragrafo >
  107 + <select name="OPCOESADICIONAIS.kml">
  108 + <option value=true selected >true</option>
  109 + <option value=false >false</option>
  110 + </select>
  111 + Nas opções de cada tema, inclui a opção de obtenção do endereço de acesso aos dados em KML
  112 +</p>
  113 +<p class=paragrafo >
  114 + <select name="OPCOESADICIONAIS.qrcode">
  115 + <option value=true selected >true</option>
  116 + <option value=false >false</option>
  117 + </select>
  118 + Nas opções de cada tema, inclui a opção de obtenção do qrcode
  119 +</p>
  120 +<p class=paragrafo >
  121 + <select name="OPCOESADICIONAIS.mini">
  122 + <option value=true selected >true</option>
  123 + <option value=false >false</option>
  124 + </select>
  125 + Nas opções de cada tema, inclui a opção de obtenção dimagem miniatura
  126 +</p>
  127 +<p class=paragrafo >
  128 + <select name="OPCOESADICIONAIS.estrelas">
  129 + <option value=true selected >true</option>
  130 + <option value=false >false</option>
  131 + </select>
  132 + Nas opções de cada tema, inclui a pontuação em estrelas (baseado no número de acessos)
  133 +</p>
  134 +<p class=paragrafo >
  135 + <select name="OPCOESADICIONAIS.refresh">
  136 + <option value=true selected >true</option>
  137 + <option value=false >false</option>
  138 + </select>
  139 + Inclui o ícone de "refresh" da árvore
  140 +</p>
  141 +<p class=paragrafo >
  142 + <select name="INCLUISISTEMAS">
  143 + <option value=true selected >true</option>
  144 + <option value=false >false</option>
  145 + </select>
  146 + Inclui um nó na árvore com a lista de sistemas especiais de acesso a dados cadastrados no sistema de administração
  147 +</p>
  148 +<p class=paragrafo >
  149 + <select name="INCLUIWMS">
  150 + <option value=true selected >true</option>
  151 + <option value=false >false</option>
  152 + </select>
  153 + Inclui um nó na árvore com a lista de WMS cadastrados no sistema de administração
  154 +</p>
  155 +<p class=paragrafo >
  156 + <select name="FILTRADOWNLOAD">
  157 + <option value=true >true</option>
  158 + <option value=false selected >false</option>
  159 + </select>
  160 + Não mostra na árvore os nós que não possuem temas para download
  161 +</p>
  162 +<p class=paragrafo >
  163 + <select name="FILTRAOGC">
  164 + <option value=true >true</option>
  165 + <option value=false selected >false</option>
  166 + </select>
  167 + Não mostra na árvore os nós que não permitem a geração de WMS
  168 +</p>
  169 +</div>
  170 +<p class=paragrafo ><b>Código:</b></p>
  171 +<div id=codigo class=paragrafo ></div>
  172 +</div>
  173 +<script type="text/javascript">
  174 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  175 +var g_localimg = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo/imagens";
  176 +i3GEO.cria();
  177 +i3GEO.inicia();
  178 +i3GEO.ajuda.ATIVAJANELA = false
  179 +function ARVatualizar(){
  180 + $i("arvoreAdicionaTema").innerHTML = "Aguarde...";
  181 + var par = $i("ARVparametros").getElementsByTagName("select"),
  182 + n = par.length,
  183 + i,
  184 + codigo = "",
  185 + c;
  186 + for(i = 0;i < n; i++){
  187 + c = "i3GEO.arvoreDeTemas."+par[i].name+" = "+par[i].value+";";
  188 + eval(c);
  189 + codigo += c+"<br>";
  190 + }
  191 + $i("codigo").innerHTML = codigo;
  192 + i3GEO.arvoreDeTemas.atualiza();
  193 +}
  194 +</script>
  195 +</body>
  196 +
  197 +</html>
0 198 \ No newline at end of file
... ...
exemplos/index.html
... ... @@ -28,8 +28,9 @@ body,td
28 28 <p><b>Inclusão de um mapa dentro de uma página em um IFRAME</b></p>
29 29 <p><a href="iframe1.htm" target="_blank" >Exemplo 1</a> - Sem controle de tamanho</p>
30 30 <p><a href="iframe2.htm" target="_blank" >Exemplo 2</a> - Com tamanho controlado</p>
31   -<p><b>Configuração da árvore de camadas</b></p>
32   -<p><a href="arvoredecamadas.htm" target="_blank" >Construtor de opções</a></p>
  31 +<p><b>Configuração das árvores de camadas e adição de temas</b></p>
  32 +<p><a href="arvoredetemas.htm" target="_blank" >Construtor de opções da árvore de adição de temas</a></p>
  33 +<p><a href="arvoredecamadas.htm" target="_blank" >Construtor de opções da árvore de camadas</a></p>
33 34 <p><a href="camadas1.htm" target="_blank" >Árvore expandida</a></p>
34 35 <p><a href="camadas2.htm" target="_blank" >Legenda expandida</a></p>
35 36 <p><a href="camadas3.htm" target="_blank" >Árvore simplificada</a></p>
... ...