Диалоги оповещений не видны с Google Maps в полноэкранном режиме - PullRequest
0 голосов
/ 11 октября 2018

Я работаю над сайтом, который использует уведомления Alertify для подтверждения событий в Картах Google.Это прекрасно работает с картой, расположенной в элементе div, но с картой в полноэкранном режиме запросы скрыты картой.

Приглашение Alertify все еще присутствует с правильными размерами, но, похоже, находится за картой,Я попытался принудительно настроить z-индекс карты и div-блоков alerttify, но безрезультатно.

Если я навязываю правило отображения: ни один для div карты не исчезает, и диалоговое окно снова становится видимым, но когда видно, карта как-то выдвигается вперед?

Использование Google Maps Javascript API v3.

Обновление: я нашел обходной путь, хотя и не идеальный.Alertify динамически вставляет div с классом .alertify перед закрывающим тегом body при вызове библиотеки.Если этот элемент сразу же переместится в первый элемент на холсте карты, он будет отображаться поверх карты.К счастью, это можно принудительно использовать с помощью крюка включения оповещения следующим образом:

alertify.confirm("Are you sure you want to delete this", function(ev) {
//Code if yes
}, function(ev) {
//Code if no
}).set({onshow:function(){$(".alertify").prependTo("#canvas div:first")}}); 

Не очень красиво, но оно работает вместо правильного решения.

1 Ответ

0 голосов
/ 21 октября 2018

Нет смысла оставлять это открытым, ответьте, как указано выше.

...