Wie löse ich die Überlappung der Infobox-Beschriftung auf mehreren Markierungen in Google Map?

Ich habe mehrere Markierungen auf einer Google Map mit einem benutzerdefinierten Symbol. Die Markierung steht für eine Reihe von Elementen in dieser Region. Ich habe eine Infobox hinzugefügt, die anzeigt, wie viele Artikel sich in dieser Region befinden.

Die Infobox bewegt sich mit dem Floatpane mit der Markierung, wenn die Karte gezogen wird.

Das Problem ist, dass ich einen Kommentar zu diesem @ gefunden haFrag erwähnt, dass sich die Marker und die Infoboxen in verschiedenen Fenstern befinden und die Infobox daher über allen Markern angezeigt wird. Ich würde es vorziehen, wenn es auf derselben Ebene wie der zugehörige Marker liegt.

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);

Hat sich schon jemand mit diesem Problem beschäftigt? Wie kann es gelöst werden?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage