"How to Stop Google maps scroll on touch devices." (#227037) / ThemeNectar

Comments

1
Pablo started the conversation
June 5, 2014 at 9:13pm
Hello, Great theme.
I need to stop the Google maps scroll on the touch devices since I can't scroll down once I get to the Google Maps section.
Thank you.
1 Like

8,441

Tahir replied

June 6, 2014 at 5:37pm

Hey Pablo!

You will have to add the draggable attribute to the map options in "salient/js/map.js" . See screenshot: http://prntscr.com/3q6xp1 .

var mapOptions = {
            center: latLng,
            zoom: zoomLevel,
            mapTypeControlOptions: {
                mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
            },
            scrollwheel: false,
            panControl: false,
            zoomControl: enableZoom,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.LARGE,
                position: google.maps.ControlPosition.LEFT_CENTER
            },
            mapTypeControl: false,
            scaleControl: false,
            draggable: false,
            streetViewControl: false


        };

Cheers

ThemeNectar Support Team

1 Like