對html5移動應用程序的多點觸控支持？特別是對於地圖縮放/顯示

我想爲移動設備的基於HTML5的網頁，顯示來自谷歌地圖的地圖（或其他地圖提供商，但我更喜歡GMaps），與支持多點觸摸。這可能嗎？對html5移動應用程序的多點觸控支持？特別是對於地圖縮放/顯示

我的意思是：如果你打開谷歌地圖的android原生應用程序，你會發現你可以捏縮放，用兩根手指等旋轉地圖。但是，如果你看看谷歌地圖的HTML5應用程序在移動平臺，而你仍然可以左右平移用一個手指，你不能指縮放等要在後者（HTML5）應用放大，你必須按所提供的「+」和「 - 」按鈕。

最後，可能會有這樣的一些時髦的方式，對我特別的應用程序是不在HTML5嵌入GMaps的常規方式工作，所以我想簡單地分享我的想法應用。總體目標是製作一個html5移動應用程序，僅在幾個縮放級別（比如4個級別）上顯示一個有限的區域（比如說，在開發人員選擇的位置周圍20公里）。這意味着只需要顯示有限數量的圖塊。因此，在應用程序首次加載時，也許這些磁貼可以預先打包並存儲在本地，以便用戶不必等待磁貼即時加載。因此，GMaps API可能永遠不需要由應用用戶使用，它可能就像一個大圖像，我只是在內部平移/縮放。事實上，如果更容易，我們可以使用另一個地圖提供者，而不是GMaps。除了在html5文檔中嵌入（Google）地圖數據的常規方式之外，還有其他一些這樣做的時髦方式嗎？

謝謝，

來源

2011-03-23 dnh37

這似乎是兩個獨立的問題，所以你可能會被他們分成兩個獨立的問題得到更好的響應。那樣的話，對於一個問題而不是另一個問題的答案的人不會不願意分享。 – Trott 2011-05-18 17:11:46

Google Maps API v3可以理解移動設備上的捏縮放。它不需要使用+和 - 按鈕。例如：http://tiny.ucsf.edu/parnassus_map

例外：這似乎有些 ~~HTC~~ 硬件上運行的Android操作系統不處理捏到變焦，在這種情況下預期的方式。我相信這與忽略網頁中的視口設置有關，這些設置會告訴瀏覽器不處理縮放本身。我不知道這個問題的任何解決方法，並一直與它共存一段時間。 ~~我在HTC硬件（例如Evo和Thunderbolt）上遇到過這個問題，但在其他製造商的硬件上沒有。~~

更新： OP報告Droid 2的問題，所以我想這不僅僅是HTC硬件。，做不展品問題的一種設備運行的是蜂窩狀的Galaxy Tab，所以它會出現，並非所有的Android設備都受到影響。

還有更新的更新：看來，目前，您不能依靠在Android瀏覽器上的JavaScript中接收捏縮縮放事件。這是在Android問題跟蹤：http://code.google.com/p/android/issues/detail?id=11909

來源

2011-06-01 22:08:37 Trott

嘿謝謝！這是很好的信息。不幸的是你給不工作的鏈接雙指縮放在我的Droid 2（Froyo的，無論是使用內置的瀏覽器，Opera或Firefox的 - 我試圖把它們都上。實際上Opera和Firefox就可以了。「甚至用一根手指平移）。不過，我猜這是與HTC硬件描述相似的問題，但它可能與操作系統和瀏覽器有關。將更多地在不同的平臺上查看此內容。 – dnh37 2011-06-04 14:04:51

感謝您的補充信息。這很好。我會修改我的答案。我可以在運行Honeycomb的Galaxy Tab上對該地圖進行縮放縮放，因此至少有一些Android設備不會出現問題。 – Trott 2011-06-04 14:29:08

對html5移動應用程序的多點觸控支持？特別是對於地圖縮放/顯示

回答

相關問題