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

  • Resolved trakes

    (@trakes)



    Hi,

    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?

    Thanks!

    https://wordpress.org/plugins/embed-google-map/

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

    (@petkivim)

    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'>
        {google_map}address{/google_map}
    </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");
    });

    Best regards,
    Petteri

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