首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >谷歌地图移动:不能触摸和拖动来移动地图

谷歌地图移动:不能触摸和拖动来移动地图
EN

Stack Overflow用户
提问于 2015-08-18 21:11:13
回答 2查看 1.6K关注 0票数 0

我在我的网站上有一个嵌入的谷歌地图,一切正常,除了一件事:在移动设备上,我不能拖动和移动地图(触摸,按住和移动)。它不是移动地图,而是错误地滚动我的网站。

我还必须说,我正在使用fullPage plugin,地图在最后一节。

上面是一些JS代码:

代码语言:javascript
运行
复制
function initializeMap() {
  var myLatlng = new google.maps.LatLng(-34.632587,-58.789862);
  var mapProp = {
    center:myLatlng,
    zoom:15,
    scrollwheel: true,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
  var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:"Somma"
    });
}

$(function() {
  $('#fullpage').fullpage({
    paddingTop: '70px',
    paddingBottom: padBot,
    scrollOverflow: true,
    normalScrollElements: '#googleMap',
    anchors:['home', 'estudio', 'servicios', 'portfolio', 'show-portfolio', 'clientes', 'contacto'],
    onLeave: function(index, nextIndex, direction){
      if(index == 4 && nextIndex == 5 && shouldSkip){
        $.fn.fullpage.moveTo(6);
        return false;
      }

      else if(index == 6 && nextIndex == 5 && shouldSkip){
        $.fn.fullpage.moveTo(4);
        return false;
      }
    },
    afterRender: function () {
      initializeMap();
    },
  });
});
EN

Stack Overflow用户

发布于 2015-08-19 23:34:01

似乎to be a bug与地图iframe的使用有关。

我建议您在用户单击地图时,在另一个选项卡中强制打开地图。用覆盖图覆盖它或使用地图图像。

在正常情况下,您可以使用normalScrollElements选项来处理它。

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32073442

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档