Google maps - zakázání skrolování mapy | VOXCAFE

19.04.2017 Programování #html #javascript #tip

Nastavení mapy z Google tak, aby nedocházelo ke změně zoomu mapy při skrolování stránky.

Styl CSS

.maps iframe{
  pointer-events: none;
}

Html

<div class="col-inner maps">
     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1764.088326525819!2d14.478159774918778!3d48.975753477746444!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47734fc9480beb8f%3A0x9f46ce01ad5324a8!2sIng.+Ivan+Kouba+-+Merkuria!5e0!3m2!1scs!2scz!4v1492608677916" width="100%" height="100%" class="gmaps" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

Javascript

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

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