Как вставить подсказки в Google maps: «использовать два пальца для перемещения карты» для мобильных устройств

Question

Мне нужно установить более высокий индекс z в это окно подсказки, потому что контакты карты остаются над ним, когда они появляются.

Кто-нибудь знает класс или идентификатор? Или как заставить его появляться над контактами?

Answer 1

Это немного взломать, но я надеюсь, что это поможет вам выполнить то, что вы пытаетесь сделать. Я просто хочу упомянуть, что это не поддерживается и может перестать работать в любое время из-за этого.

Используемый класс .gm-style-pbc. Вы действительно можете сделать все сообщение исчезнет, ​​как так:

.gm-style-pbc{ 
display: none !important 
} 

Вы также должны быть в состоянии сделать какой-то другой стиль, например, я сделал фон красный и переместил сообщение к правой:

.gm-style-pbc{ 
    background-color: red !important; 
    left: 30px !important; 
} 

Надеюсь, это поможет!

Answer 2

Вы можете настроить сообщение с помощью крючка, упомянутого в @Stephen, и отрегулировать индекс z с помощью !important, чтобы переопределить одну встроенную линию (z-index: 2). Используя инспектор, я обнаружил, что в моем коде мои маркеры были на div, у которого был встроенный z-index: 4;, поэтому я хотел бы установить это приглашение на 5, чтобы сидеть поверх этого слоя маркера.

Однако, если вы отредактируете этот z-индекс, чтобы сидеть поверх ваших маркеров, поскольку этот обмен сообщениями - это только opacity: 0 (не display:none), он блокирует взаимодействие с вашими маркерами, если вы хотите, чтобы их можно было щелкнуть по ним, и т. д. Чтобы этого избежать, вы можете использовать pointer-events: none, чтобы сделать это приглашение неинтерактивным и, по сути, «просмотреть», чтобы вы могли взаимодействовать с вещами, стоящими за ним.

.gm-style-pbc { 
    z-index: 5 !important; 
    pointer-events: none; 
} 

Как упоминалось в @Stephen, этот «крючок» официально не поддерживается.