google maps no scroll

Google Maps и прокрутка карты

При прокрутке странице, если карта вставлена как iframe, происходит зуммирование карты.

Решение:

HTML

<div class='embed-container maps'><iframe width='600' height='450' frameborder='0' src='google link'></iframe></div>

CSS

.maps iframe{
pointer-events: none;
}

jQuery

$('.maps').click(function () {
$('.maps iframe').css("pointer-events", "auto");
});

$( ".maps" ).mouseleave(function() {
$('.maps iframe').css("pointer-events", "none");
});

Аватар пользователя gruzdev
О нас:
Наша команда находится в Киеве, Украина. Если у вас есть желание встретится лично для обсуждения вашего проекта, мы этому будем рады. Мы считаем, что личные контакты способствуют взаимопониманию, а значит позитивно влияют на качество наших проектов.