谷歌地圖（網絡應用程序）如何在iphone/ipad上使用手勢/縮放進行平滑縮放？

如果您在iPhone或iPad上使用Google Maps網絡應用程序，則您知道我在說什麼。您無法在此屏幕抓取中看到我的手指，但這是中間捏（如果您願意）縮小。詳細的區域是最初的地圖查看區域，外面模糊的地方是額外的地圖，它已經進入中間夾點。谷歌地圖（網絡應用程序）如何在iphone/ipad上使用手勢/縮放進行平滑縮放？

zooming out with gesture

使用手勢觸摸輸入的捏到變焦功能縮放地圖目前在查看現場的方式，都是那麼順利，它看起來像魔術。我們正在嘗試縮放圖像並重現這種平滑縮放。有誰知道他們是如何做到的？

我們不知道這是否是一個單一的img元素被縮放。或者也許所有的img元素在他們的相對網格矩陣不知何故都是一次全部縮放（這似乎有點不太可能）。也許這是很多canvas元素..或一個大canvas元素（我們也懷疑經過合理數量的測試）。請任何建議，想法或答案（如果你來自谷歌）會很好。

來源

2010-09-08 Matt Kocaj

當前理論簡單地縮放手（256×256）'與非阻塞計時器優化img'元件。無法證明這一點呢。那裏有任何想法？ – 2010-09-09 08:24:03

使用CSS3 [硬件加速]（http://cubiq.org/scrolling-div-on-iphone-ipod-touch）[用於webkit的3d過渡]（https://developer.apple.com/library/safari/ ＃文檔/ AppleApplications /參考/ SafariCSSRef /用品/ Functions.html） – 2010-09-23 02:27:22

CSS3 hardware accelerated 3d transitions for webkit

來源

2010-12-01 07:31:41

您需要使用硬件加速的CSS3轉換。例如

translate3d（），而不是翻譯（）
scale3d（）而不是規模（）

只有移動Safari瀏覽器目前支持硬件加速。目前還不知道Google何時會爲其Android版本的webkit瀏覽器實現此功能。

來源

2010-11-03 01:25:13 Alex

谷歌地圖（網絡應用程序）如何在iphone/ipad上使用手勢/縮放進行平滑縮放？

回答

相關問題