Support » Plugin: Embed Google Map » How can I disable the zoom/scroll feature?

  • Resolved trakes



    I have mobile users logging into the back-end of a site to change statuses/fields in a blog post. In the dashboard for each post there is a unique Google Map that pertains to that specific blog. When my end users scroll down through the dashboard on their iPhones for a particular post to make changes, they get to the embedded Google Map and have problems scrolling because the maps scrolls. Is there a way I can disable the maps scrolling/zooming so they can continue scrolling down through the blogs dashboard?


Viewing 1 replies (of 1 total)
  • Plugin Author Petteri Kivimäki


    It’s possible to disable scroll on the map. This can be implemented using CSS and jQuery. Please see a simple example below.

    Wrap the {google_map} tags with a class (.maps in this example). Change the CSS of the iframe to pointer-events: none and then using jQuery’s click function to the parent element you can change the iframe’s CSS to pointer-events:auto.

    Embedding the map:

    <div class='maps'>


    .maps iframe{
        pointer-events: none;


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

    Best regards,

Viewing 1 replies (of 1 total)
  • The topic ‘How can I disable the zoom/scroll feature?’ is closed to new replies.