簡體   English   中英

在Google地圖上禁用捏縮放[桌面]

[英]Disabling pinch-zoom on google maps [Desktop]

我有一個使用Google Maps API v3的網站,但我無法使pinch-zoom屬性正常工作。 手勢始終執行“縮小”,而不是“捏到放大”。

這是具有觸摸功能的PC顯示器。 因此,由於無法正常工作,我決定禁用該功能。

我使用以下取消了觸摸事件

document.documentElement.ontouchstart = function() {return false}

這具有不希望的副作用。 此代碼會取消整個觸摸事件,因此用戶無法使用Google Maps默認的Zoom控件。 我嘗試將'ontouchstart'更改為'ontouchmove'事件,但這並不能阻止地圖縮小。

關於如何禁用該功能的任何想法,或者可能是如何修復“捏到zoomIn”功能的想法? 我可以發布網站網址,但它只是一個簡單的Google地圖,除非您啟用了觸摸屏,否則您不會注意到該問題。

在這里,有類似問題的人通過這種方式解決了問題,也許對您有用

var tblock = function (e) {
if (e.touches.length > 1) {
    e.preventDefault()
}

return false;
}

document.body.addEventListener("touchmove", tblock, true);

Google Maps API v3禁用在iPad Safari上縮放

和這里

如何在Android MapView中禁用捏

禁用“ touchmove”只能解決部分問題,因為Google Maps有其自己的想法。 您的設備將允許您在一定程度上(不一致地)進行縮放,直到您禁用Google Maps自身的可拖動選項,例如

mymap.setOptions({draggable: false});

至少在Android 4.4.2上是這樣。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM