Commit 2d5c75f571a9c6039fc143246c1d0f2d577b9f11
1 parent
0f3180fd
Exists in
master
and in
7 other branches
Novo exemplo de customização
Showing
2 changed files
with
217 additions
and
0 deletions
Show diff stats
... | ... | @@ -0,0 +1,143 @@ |
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 MMA geoprocessamento sig mobile"> | |
5 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
6 | +<title>i3GEO - OpenLayers</title> | |
7 | +<script src="../classesjs/i3geonaocompacto.js"></script> | |
8 | +<script src="../pacotes/openlayers/OpenLayers2131.js"></script> | |
9 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
10 | +<style> | |
11 | +#catalogo a, #catalogo div { | |
12 | + text-align:left; | |
13 | + font-size: 14px; | |
14 | + margin-top:15px; | |
15 | +} | |
16 | +</style> | |
17 | +</head> | |
18 | +<body style='margin-left:7px;background:white;' class=yui-skin-sam > | |
19 | +<div style="top:50px;"> | |
20 | + <div id="catalogo" style="width:250px;height:400px;border:1px solid;float:left;overflow:auto;text-align:left"> | |
21 | + | |
22 | + </div> | |
23 | + <div id=i3geo > | |
24 | + <div id=corpoMapa style="left:255px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');"> | |
25 | + </div> | |
26 | + </div> | |
27 | +</div> | |
28 | +<div id="logMapa" ></div> | |
29 | + | |
30 | +<script> | |
31 | +/************ | |
32 | +Esse exemplo mostra como acessar o catalogo de temas para montar uma forma de navegacao | |
33 | + | |
34 | +customizada para incluir camadas ao mapa | |
35 | + | |
36 | +************/ | |
37 | + | |
38 | +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma | |
39 | +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia | |
40 | +i3GEO.cria(); | |
41 | +i3GEO.inicia(); | |
42 | +listaMenus(); | |
43 | + | |
44 | +function listaMenus(){ | |
45 | + var f = function(retorno) { | |
46 | + var s,r,c,i,cat = $i("catalogo"),t = ""; | |
47 | + c = retorno.data.length; | |
48 | + for (i = 0;i < c; i++) { | |
49 | + r = retorno.data[i]; | |
50 | + //if(r.publicado != "NAO"){ | |
51 | + s = "<br><b>MENU </b><a href='#' onclick='listaGrupos("+r.idmenu+")'>"+r.nomemenu+"</a><br>"; | |
52 | + s += montaTemasRaiz(r.temas); | |
53 | + s += "<div style='padding-left:5px;' id='menu_"+r.idmenu+"' ></div>"; | |
54 | + t += s; | |
55 | + //} | |
56 | + } | |
57 | + cat.innerHTML = t; | |
58 | + }; | |
59 | + i3GEO.php.pegalistademenus(f); | |
60 | +} | |
61 | +function listaGrupos(id_menu){ | |
62 | + var f = function(retorno) { | |
63 | + var s, r,c, i, cat = $i("menu_"+id_menu), t = ""; | |
64 | + | |
65 | + c = retorno.data.grupos.length; | |
66 | + for (i = 0;i < c; i++) { | |
67 | + r = retorno.data.grupos[i]; | |
68 | + s = ""; | |
69 | + if(r.publicado != "NAO"){ | |
70 | + if(r.nome){ | |
71 | + s += "<br><b>GRUPO </b><a href='#' onclick='listaSubGrupos("+id_menu+","+r.id_n1+")'>"+r.nome+"</a>"; | |
72 | + } | |
73 | + if(r.temasraiz){ | |
74 | + s += montaTemasRaiz(r.temasraiz); | |
75 | + } | |
76 | + s += "<div style='padding-left:5px;' id='grupo_"+r.id_n1+"' ></div>"; | |
77 | + t += s; | |
78 | + } | |
79 | + } | |
80 | + cat.innerHTML = t; | |
81 | + }; | |
82 | + i3GEO.php.pegalistadegrupos(f, id_menu, "nao"); | |
83 | +} | |
84 | +function listaSubGrupos(id_menu, id_grupo){ | |
85 | + var f = function(retorno) { | |
86 | + if(retorno.data.subgrupo){ | |
87 | + var s, r,c, i, cat = $i("grupo_"+id_grupo), t = ""; | |
88 | + c = retorno.data.subgrupo.length; | |
89 | + for (i = 0;i < c; i++) { | |
90 | + r = retorno.data.subgrupo[i]; | |
91 | + s = ""; | |
92 | + if(r.publicado != "NAO"){ | |
93 | + if(r.nome){ | |
94 | + s += "<br><b>SUBGRUPO </b><a href='#' onclick='listaDeTemas("+id_menu+","+id_grupo+","+r.id_n2+")'>"+r.nome+"</a>"; | |
95 | + } | |
96 | + s += "<div style='padding-left:5px;' id='subgrupo_"+r.id_n2+"' ></div>"; | |
97 | + t += s; | |
98 | + } | |
99 | + } | |
100 | + cat.innerHTML = t; | |
101 | + } | |
102 | + }; | |
103 | + i3GEO.php.pegalistadeSubgrupos(f, id_menu, id_grupo); | |
104 | +} | |
105 | +function listaDeTemas(id_menu, id_grupo, id_subgrupo){ | |
106 | + var f = function(retorno) { | |
107 | + if(retorno.data.temas){ | |
108 | + var ins = [], cat = $i("subgrupo_"+id_subgrupo); | |
109 | + ins = montaTemas(retorno.data.temas); | |
110 | + cat.innerHTML = ins; | |
111 | + } | |
112 | + }; | |
113 | + i3GEO.php.pegalistadetemas(f, id_menu, id_grupo, id_subgrupo); | |
114 | +} | |
115 | +function montaTemas(temas){ | |
116 | + var c,i,r, ins = []; | |
117 | + c = temas.length; | |
118 | + for (i = 0;i < c; i++) { | |
119 | + r = temas[i]; | |
120 | + if(r.publicado != "NAO" && r.nome){ | |
121 | + s = "<input type=checkbox onclick='i3GEO.arvoreDeTemas.verificaStatusTema(this,\"" | |
122 | + + r.tid + "\")' />"+r.nome+"<br><br>"; | |
123 | + ins.push(s); | |
124 | + } | |
125 | + } | |
126 | + return ins.join("\n"); | |
127 | +} | |
128 | +function montaTemasRaiz(temas){ | |
129 | + var s,c,i,r,ins = []; | |
130 | + c = temas.length; | |
131 | + for (i = 0;i < c; i++) { | |
132 | + r = temas[i]; | |
133 | + if(r.nome_tema){ | |
134 | + s = "<br><input type=checkbox onclick='i3GEO.arvoreDeTemas.verificaStatusTema(this,\"" | |
135 | + + r.codigo_tema + "\")' />"+r.nome_tema; | |
136 | + ins.push(s); | |
137 | + } | |
138 | + } | |
139 | + return ins.join("\n"); | |
140 | +} | |
141 | +</script> | |
142 | +</body> | |
143 | +</html> | ... | ... |
... | ... | @@ -0,0 +1,74 @@ |
1 | +MAP | |
2 | + FONTSET "../symbols/fontes.txt" | |
3 | + SYMBOLSET "../symbols/simbolosv6.sym" | |
4 | + LAYER | |
5 | + CONNECTION "user=postgres password=postgres dbname=sigeo host=localhost port=5432 options='-c client_encoding=LATIN1'" | |
6 | + CONNECTIONTYPE POSTGIS | |
7 | + DATA "geom from (SELECT m.gid, m.nm_municip, m.sigla, m.codibge7, p.pop, m.geom FROM limites.municipios2010 as m, pop.popcenso as p | |
8 | +where m.codibge7 = p.codibge7) as foo using unique gid using srid=4326" | |
9 | + METADATA | |
10 | + "itensdesc" "Município,UF,População" | |
11 | + "itens" "nm_municip,sigla,pop" | |
12 | + "TEMA" "População Residente Censo 2010" | |
13 | + "convcaracter" "" | |
14 | + "cortepixels" "0" | |
15 | + "ltempoconvencode" "" | |
16 | + "editorsql" "" | |
17 | + "ltempoitemfim" "" | |
18 | + END # METADATA | |
19 | + NAME "popcenso2010" | |
20 | + PROCESSING "LABEL_NO_CLIP=True" | |
21 | + PROCESSING "POLYLINE_NO_CLIP=True" | |
22 | + STATUS OFF | |
23 | + TEMPLATE "none.htm" | |
24 | + TILEITEM "location" | |
25 | + TYPE POLYGON | |
26 | + UNITS METERS | |
27 | + CLASS | |
28 | + NAME "<= 5231" | |
29 | + EXPRESSION ([pop]<=5231) | |
30 | + STYLE | |
31 | + ANGLE 0 | |
32 | + COLOR 255 250 250 | |
33 | + OFFSET 0 0 | |
34 | + OUTLINECOLOR 255 255 255 | |
35 | + END # STYLE | |
36 | + TITLE "" | |
37 | + END # CLASS | |
38 | + CLASS | |
39 | + NAME "> 5231 e <= 10934" | |
40 | + EXPRESSION (([pop]>5231)and([pop]<=10934)) | |
41 | + STYLE | |
42 | + ANGLE 0 | |
43 | + COLOR 255 230 230 | |
44 | + OFFSET 0 0 | |
45 | + OUTLINECOLOR 255 255 255 | |
46 | + END # STYLE | |
47 | + TITLE "" | |
48 | + END # CLASS | |
49 | + CLASS | |
50 | + NAME "> 10934 e <= 23468.5" | |
51 | + EXPRESSION (([pop]>10934)and([pop]<=23468.5)) | |
52 | + STYLE | |
53 | + ANGLE 0 | |
54 | + COLOR 255 150 150 | |
55 | + OFFSET 0 0 | |
56 | + OUTLINECOLOR 255 255 255 | |
57 | + END # STYLE | |
58 | + TITLE "" | |
59 | + END # CLASS | |
60 | + CLASS | |
61 | + NAME "> 23468.5" | |
62 | + EXPRESSION ([pop]>23468.5) | |
63 | + STYLE | |
64 | + ANGLE 0 | |
65 | + COLOR 255 0 0 | |
66 | + OFFSET 0 0 | |
67 | + OUTLINECOLOR 255 255 255 | |
68 | + END # STYLE | |
69 | + TITLE "" | |
70 | + END # CLASS | |
71 | + END # LAYER | |
72 | + | |
73 | +END # MAP | |
74 | + | ... | ... |