在移动版面上停用Google地图滚动

Question

我正试图在移动版面上禁用滚动谷歌地图。

function initMap(){
    var isDraggable = $(document).width() > 480 ? true : false; // If document (your website) is wider than 480px, isDraggable = true, else isDraggable = false

    var mapOptions = {
        draggable: isDraggable,

        scrollwheel: false, // Prevent users to start zooming the map when scrolling down the page
        //... options options options
    };
}

我试过这段代码，它看起来不错，但它对我没用。我需要添加更多选项吗？我已经阅读了论坛中的其他主题，对于移动布局没有任何帮助，也没有将桌面浏览器调整为移动设备的宽度。

有什么想法吗？ 网址：http://anaxshipping.com/site/index.php/contact-us

- - - - 编辑：

<script>    
          google.maps.event.addDomListener(window, 'load', init);
          function init() {
                var isDraggable = $(document).width() > 480 ? true : false;

                var mapOptions = {
                    draggable: isDraggable,
                    scrollwheel: false,
                    zoom: 11,
                    center: new google.maps.LatLng(40.6700, -73.9400),

//然后我有了样式然后

var mapElement = document.getElementById('map');
var map = new google.maps.Map(mapElement, mapOptions);