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");
});