Commit e80046de2ecfa9a26650fbd9c294ce8b95f47a18
1 parent
733eb058
Exists in
master
and in
7 other branches
Inclusão de exemplo que utiliza templates para montar a legenda da árvore de camadas
Showing
3 changed files
with
78 additions
and
0 deletions
Show diff stats
| ... | ... | @@ -0,0 +1,21 @@ |
| 1 | +<!-- | |
| 2 | +[leg_layer_html opt_flag=1] | |
| 3 | +<table class=legendatemas cellspacing=0 > | |
| 4 | + [if name=legendawms oper=isset ] | |
| 5 | + <tr> | |
| 6 | + <td style="text-align: left"><img src='[metadata name=legendawms]' /></td> | |
| 7 | + </tr> | |
| 8 | + [/if] [if name=legendaimg oper=isset ] | |
| 9 | + [if name=legendaimg oper=neq value="" ] | |
| 10 | + <tr> | |
| 11 | + <td style="text-align: left"><img src='[metadata name=legendaimg]' /></td> | |
| 12 | + </tr> | |
| 13 | + [/if] | |
| 14 | + [/if] [/leg_layer_html] [leg_class_html] [if name=CLASSE oper=neq value=NAO] | |
| 15 | + <tr> | |
| 16 | + <td style="text-align: left; width: 15px;"><img src=[leg_icon width=16 height=16 ] /></td> | |
| 17 | + <td style="text-align: left;><span style="font-size: 9px; position: relative; left: 2px;">[leg_class_name]</span></td> | |
| 18 | + </tr> | |
| 19 | + [/if] [/leg_class_html] | |
| 20 | +</table> | |
| 21 | +--> | |
| 0 | 22 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,55 @@ |
| 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 | +A legenda mostrada na arvore e construida pelo Mapserver por meio de templates. | |
| 25 | + | |
| 26 | +Mais informacoes sobre templates em: http://mapserver.org/output/html_legend.html#html-legend | |
| 27 | + | |
| 28 | +Os templates utilizados pelo i3Geo sao armazenados na pasta i3geo/aplicmap e normalmnete sao denominados template_.htm | |
| 29 | + | |
| 30 | +O template utilizado na arvore e definido na variavel i3GEO.arvoreDeCamadas.TEMPLATELEGENDA | |
| 31 | + | |
| 32 | +Nesse mapa e feito um exemplo utilizando-se um template diferente do default | |
| 33 | + | |
| 34 | +************/ | |
| 35 | + | |
| 36 | +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma | |
| 37 | +//camadas adicionais e quais ficarao visiveis | |
| 38 | +i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; | |
| 39 | +i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp"; | |
| 40 | +//parametros de configuracao da arvore | |
| 41 | +i3GEO.arvoreDeCamadas.EXPANDIDA = true; | |
| 42 | +i3GEO.arvoreDeCamadas.OPCOESICONES = false; | |
| 43 | +i3GEO.arvoreDeCamadas.OPCOESTEMAS = false; | |
| 44 | +i3GEO.arvoreDeCamadas.OPCOESARVORE = false; | |
| 45 | +i3GEO.arvoreDeCamadas.EXPANDESOLEGENDA = true; | |
| 46 | +i3GEO.arvoreDeCamadas.TEMPLATELEGENDA = "legenda1.htm"; | |
| 47 | +i3GEO.finalizaAPI = function(){ | |
| 48 | + i3GEO.arvoreDeCamadas.inicia("arvoreDeCamadas"); | |
| 49 | +}; | |
| 50 | +i3GEO.cria(); | |
| 51 | +i3GEO.inicia(); | |
| 52 | + | |
| 53 | +</script> | |
| 54 | +</body> | |
| 55 | +</html> | ... | ... |
exemplos/index.html
| ... | ... | @@ -83,6 +83,8 @@ body,td { |
| 83 | 83 | <a href="codemirror.php?&pagina=cursodsv11.htm" target="_blank">[11]</a> |
| 84 | 84 | |
| 85 | 85 | <a href="codemirror.php?&pagina=cursodsv12.htm" target="_blank">[12]</a> |
| 86 | + | |
| 87 | + <a href="codemirror.php?&pagina=cursodsv13.htm" target="_blank">[13]</a> | |
| 86 | 88 | </p> |
| 87 | 89 | </fieldset> |
| 88 | 90 | <fieldset> | ... | ... |