我正在使用全屏谷歌地图(v3),它实际上仅用于显示目的而不是交互(仍然希望使用API而不仅仅是静态图像) - 所以100%的屏幕宽度。我已禁用拖动和滚轮,大多数情况下这很好。但是,我在Windows 8平板电脑和智能手机上发现,虽然您无法与地图进行互动,但您也无法触摸地图并像在Android / iOS上那样向下移动页面。
以下是我正在使用的地图选项。
var mapOptions = {
zoom: 6,
maxZoom: 6,
minZoom: 6,
center: new google.maps.LatLng("-41.00477527259105", "172.891846078125"),
mapTypeControl: false,
streetViewControl: false,
disableDoubleClickZoom: true,
scrollwheel: false,
draggable: false,
panControl: false,
zoomControl: false
};
我能够提出一个CSS解决方案,在地图顶部放置一个透明层,“解决”问题,但我宁愿在API中内置一个很好的解决方案,有人可以推荐。
这是我正在使用的CSS解决方案,如果它有任何帮助:
.googlemap-box > div:before {
background-color: transparent;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}