Commit 820bffdcd3482fb7d89330197d2514b203a523ec

Authored by Edmar Moretti
1 parent e80046de

Inclusão de exemplo de montagem da arvore de camadas por meio de sobrescrita de funcoes

Showing 2 changed files with 62 additions and 0 deletions   Show diff stats
exemplos/cursodsv14.htm 0 → 100644
... ... @@ -0,0 +1,60 @@
  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 +</head>
  11 +<body style='margin-left:7px;background:white;' class=yui-skin-sam >
  12 +<div style="top:50px;">
  13 + <div id="arvoreDeCamadas" style="width:250px;height:400px;border:1px solid;float:left;overflow:auto;">
  14 +
  15 + </div>
  16 + <div id=i3geo >
  17 + <div id=corpoMapa style="left:255px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
  18 + </div>
  19 + </div>
  20 +</div>
  21 +<div id="logMapa" ></div>
  22 +<script>
  23 +/************
  24 +As funcoes utilizadas pelo i3Geo podem ser sobrepostas por outras com conteudo modificado.
  25 +
  26 +Sobreescrever funcoes evita que o codigo original seja alterado.
  27 +
  28 +Nesse exemplo a funcao i3GEO.arvoreDeCamadas.atualiza e sobrescrita para que a lista de camadas
  29 +seja montada de forma totalmente diferente do original
  30 +
  31 +************/
  32 +
  33 +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  34 +//camadas adicionais e quais ficarao visiveis
  35 +i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali";
  36 +i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp";
  37 +//altera a funcao que atualiza a arvore de camadas
  38 +i3GEO.arvoreDeCamadas.atualiza = function(temas){
  39 + if(!temas){
  40 + temas = i3GEO.arvoreDeCamadas.CAMADAS;
  41 + }
  42 + var ltema,j,i,c = temas.length,textoTema = [];
  43 + for (i = 0, j = c; i < j; i += 1) {
  44 + ltema = temas[i];
  45 + if ((ltema.escondido).toLowerCase() !== "sim") {
  46 + textoTema.push(i3GEO.arvoreDeCamadas.montaTextoTema(ltema));
  47 + }
  48 + }
  49 + $i("arvoreDeCamadas").innerHTML = textoTema.join("<br>");
  50 +};
  51 +
  52 +i3GEO.finalizaAPI = function(){
  53 + i3GEO.arvoreDeCamadas.inicia("arvoreDeCamadas");
  54 +};
  55 +i3GEO.cria();
  56 +i3GEO.inicia();
  57 +
  58 +</script>
  59 +</body>
  60 +</html>
... ...
exemplos/index.html
... ... @@ -85,6 +85,8 @@ body,td {
85 85 <a href="codemirror.php?&pagina=cursodsv12.htm" target="_blank">[12]</a>
86 86 &nbsp;&nbsp;
87 87 <a href="codemirror.php?&pagina=cursodsv13.htm" target="_blank">[13]</a>
  88 + &nbsp;&nbsp;
  89 + <a href="codemirror.php?&pagina=cursodsv14.htm" target="_blank">[14]</a>
88 90 </p>
89 91 </fieldset>
90 92 <fieldset>
... ...