Commit 2d5c75f571a9c6039fc143246c1d0f2d577b9f11

Authored by Edmar Moretti
1 parent 0f3180fd

Novo exemplo de customização

Showing 2 changed files with 217 additions and 0 deletions   Show diff stats
exemplos/cursodsv28.htm 0 → 100755
... ... @@ -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>
... ...
temas/popcenso2010.map 0 → 100644
... ... @@ -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 +
... ...