谷歌地图v3 Windows触摸设备可拖动禁用

时间:2015-02-11 19:36:33

标签: google-maps google-maps-api-3

我正在使用全屏谷歌地图(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;
}

0 个答案:

没有答案