Размещение кликабельного элемента в верхней части карты Google (созданная с помощью Google Maps API) и под InfoWindow ⇐ Javascript

[Anonymous]

Я создаю карту с API Google Maps. У меня есть пользовательская кнопка, которую мне нужно зависать поверх карты, но мне также необходимо для любых Infowindows, которые открываются для отображения в более высоком порядке укладки, чем эта кнопка. Я пытался создать его в качестве наложения, но когда я это делаю, он отображается в вертикальном центре карты из -за одного из преобразования родительского DIV. Я попытался добавить его в массив элементов управления MAPS, и он отображается поверх InfoWindow. Хотя это отображается правильно, все клики перехватываются объектом карты. < /P>

Код: Выделить всё

  _setupMapModeOverlay() {
if (!this.isMobile) return;
const $overlay = document.createElement('div');
$overlay.className = 'map-mode-overlay-bar';
$overlay.innerHTML = `
[b]Enhanced Map View[/b] active. Back to default page view
`;

google.maps.event.addListenerOnce(this.map, 'idle', () => {
const gmStyleDiv = this.$mapwrap.querySelector(
'.gm-style > div:nth-child(1)'
);
if (gmStyleDiv) {
gmStyleDiv.appendChild($overlay);
google.maps.OverlayView.preventMapHitsFrom($overlay);
google.maps.OverlayView.preventMapHitsAndGesturesFrom($overlay);
console.log('Map mode overlay added to the target map pane.');
$overlay.addEventListener('click', (e) => {
e.stopPropagation(); // Prevent map click event
document.body.classList.remove('isMapMode');
});
} else {
console.warn('Could not find the target map pane.');
}
});
}

Я вроде от идей - у кого -нибудь есть какие -либо предложения?

Подробнее здесь: https://stackoverflow.com/questions/796 ... aps-api-an