Como resolver a sobreposição do rótulo da caixa de informações em vários marcadores no mapa do Google
Eu tenho vários marcadores em um mapa do Google com um ícone personalizado. O marcador representa vários itens nessa região. Eu adicionei uma caixa de informações que serve como um rótulo de quantos itens existem nessa região.
A infobox usa a bóia para se mover com o marcador quando o mapa é arrastado.
O problema é que encontrei um comentário sobre issoPergunta, questão que menciona que os marcadores e as caixas de informações estão em painéis diferentes e, portanto, a caixa de informações é exibida sobre todos os marcadores. Eu preferiria que ele estivesse no mesmo nível do seu marcador associado.
var labelText = '<div style="color: #000000"><b>'+ someTitle +'</b></div>';
var myOptions = {
content: labelText,
boxStyle: {
textAlign: "center",
fontSize: "8pt",
width: "90px"
},
disableAutoPan: false,
pixelOffset: new google.maps.Size(-45, someOffsetY),
position: calculatedCenterPosition,
closeBoxURL: "",
isHidden: false,
enableEventPropagation: true,
pane: "floatPane"
};
var label = new InfoBox(myOptions);
label.open(map, gmarker);
Alguém já lidou com esse problema ainda? Como pode ser resolvido?