Prezados,
preciso colocar a legenda no corpo do mapa, antes de postar procurei no forum e encontrei umas dicas de como resolver esse :
- colocar essa linha no javascript da interface que estiver usando i3GEO.configura.embedLegenda = "sim"
- alterar o arquivo classe_configura.js na propriedade embedLegenda e setando "sim"
Já realizei esses procedimentos mas não obitive sucesso, testei em diferentes interfaces, openlayers.html, openlayers1.htm. Estou usando a versão 4.6 do i3geo, alguém teria alguma idéia de como resolver, ou se o que estou fazendo esta errado ?
Atenciosamente,
Luiz Fernando Covre
Autor: Luiz Fernando Covre

33 comentários
i3GEO.mapa.legendaHTML.libera2();
// Ajusta a posição da janela
moverLegendaTela();
function moverLegendaTela(){
var moveLegi_c = document.getElementById("moveLegi_c");
if(moveLegi_c){
var moveLegi = document.getElementById("moveLegi");
var wlegenda = document.getElementById("wlegenda");
var moveLegi_h = document.getElementById("moveLegi_h");
var buttonCloseLegenda = document.getElementsByClassName("container-close");
buttonCloseLegenda = buttonCloseLegenda[0];
var sombraLegenda = document.getElementsByClassName("underlay");
sombraLegenda[0].style.visibility="hidden";
moveLegi_c.style.position = "relative";
moveLegi_c.style.width = "200px";
moveLegi_c.style.cssFloat = "right";
moveLegi_c.style.left = "-20px";
moveLegi_c.style.top = "-330px";
moveLegi_c.style.boxShadow = "1px 1px 8px rgba(0,0,0,0.3)";
moveLegi.style.width = "200px";
moveLegi.style.border = "0";
wlegenda.style.width = "181px";
wlegenda.style.height = "auto";
wlegenda.style.padding =" 0px 0px 5px 20px";
moveLegi_h.className = "";
moveLegi_h.style.fontSize = "15px";
moveLegi_h.style.fontWeight = "bold";
moveLegi_h.style.lineHeight = "34px";
moveLegi_h.style.margin = "0px";
moveLegi_h.style.padding = " 0px 0px 0px 15px";
moveLegi_h.style.textAlign = "left";
moveLegi_h.style.color = "rgb(255, 255, 255)";
moveLegi_h.style.verticalAlign = "baseline";
moveLegi_h.style.width = "auto";
moveLegi_h.style.height = "35px";
moveLegi_h.style.border = "0px none";
moveLegi_h.style.backgroundColor = "rgb(49, 126, 191)";
buttonCloseLegenda.className = "";
buttonCloseLegenda.style.position = "absolute";
buttonCloseLegenda.style.align = "right";
buttonCloseLegenda.style.float = "right";
buttonCloseLegenda.style.fontSize = "16px";
buttonCloseLegenda.style.lineHeight = "23px";
buttonCloseLegenda.style.backgroundColor = "#63A9E9";
buttonCloseLegenda.style.color = "white";
buttonCloseLegenda.style.padding = "6px 13px";
buttonCloseLegenda.innerHTML = "X";
buttonCloseLegenda.style.cursor = "hand";
buttonCloseLegenda.style.top = "0";
buttonCloseLegenda.style.right = "0";
buttonCloseLegenda.style.zIndex = "1";
}else{
var myVar=setTimeout("moverLegendaTela()",1000);
}
}