我在我的网站上有一个嵌入的谷歌地图,一切正常,除了一件事:在移动设备上,我不能拖动和移动地图(触摸,按住和移动)。它不是移动地图,而是错误地滚动我的网站。
我还必须说,我正在使用fullPage plugin,地图在最后一节。
上面是一些JS代码:
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();
},
});
});
发布于 2015-08-19 23:34:01
似乎to be a bug与地图iframe的使用有关。
我建议您在用户单击地图时,在另一个选项卡中强制打开地图。用覆盖图覆盖它或使用地图图像。
在正常情况下,您可以使用normalScrollElements
选项来处理它。
https://stackoverflow.com/questions/32073442
复制相似问题