протестировано на iPhone и iPad под управлением iOS12, в Chrome и Safari
Описание ошибки : после взаимодействия (увеличение / уменьшение) с картой Google (интегрировано всайт с помощью iframe) на устройстве iOS (протестировано на iOS12) с использованием chrome или safari, нажатие на ссылки за пределами карты ничего не дает.
попробуйте здесь на codepen
достаточно интересно, ошибка не возникает в jsfiddle
вот видео youtube , которое я сделал, если у вас нет устройства iOS.
происходит на моем сайте, который представляет собой обычную html-страницу с iframe карт Google, например (никакие другие javascript, файлы css не добавляются для тестирования):
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12101.03207249142!2d-74.04012067655368!3d40.690314788042684!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue+of+Liberty+National+Monument!5e0!3m2!1sen!2sus!4v1537933952825" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
вышеупомянутый iframe полученпрямо из Google Maps функция «поделиться> встроить карту».
Есть какие-нибудь подсказки, как обойти эту ошибку?
После некоторых исследований я нашел решение, которое работает правильно.
Если вы добавите прослушиватель событий в тело, это решит проблему.
document.body.addEventListener("fooAction", function(e) { // something that does nothing });