Question

我正在为我的网站使用WP Google地图插件。当我用手指向下滚动iPhone上的移动页面时，一旦我到达地图，页面滚动被覆盖并且地图开始平移。我向下滚动页面的唯一方法是将手指放在地图的上方或下方，假设有这样的空间。

有没有办法解决这个问题？有什么东西沿着禁用移动滚动的方式？

链接：http://zaaroinfotechsolutions.com/zaarodemo/longbeach/contact-us/

Answer 1

您应该在启动地图时停用滚动：

var mapOptions = {
        // ...
        scrollwheel: false,
        // ...
    };

然后，您可以通过获取布局的宽度来控制是否使地图可拖动：

var drag = $(document).width() > 640 ? true : false;
var mapOptions = {
            // ...
            isDraggable: drag,
            scrollwheel: false,
            // ...
        };

此外，如果您想在移动设备中维护地图导航功能，可以在panControl中设置bool - mapOptions，true或false - 属性。< / p>

编辑：在init

上传递mapOptions

<强> HTML

<div id="map-canvas"></div>

<强> JS

<script>
var map;
function initialize() {
  var mapOptions = {
    // ... your existent init code
    isDraggable: drag,
    scrollwheel: false,
    // ...
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

禁用谷歌地图上的移动滚动

1 个答案:

编辑：在init