Commit 0d299a8f6c5f5a36463c4a03a24c1372df2e68d3
1 parent
68a79ad0
Exists in
master
and in
7 other branches
Exemplo de configuração da árvore de adição de temas
Showing
2 changed files
with
200 additions
and
2 deletions
Show diff stats
... | ... | @@ -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> | ... | ... |