使用iOS/Phonegap的CSS縮放谷歌地圖

我有一個包含Google地圖的iPad應用程序。在該地圖上，我可以使用Google Map API V3繪製線條和放置標記。全部用jQuery Mobile和PhoneGap完成。使用iOS/Phonegap的CSS縮放谷歌地圖

我遇到的問題是我需要比Map更高的縮放比Google提供給我的更多。我是通過將CSS比例設置爲Google Map div來實現的。 Zoom正在工作。

的問題是：

如果我把標誌物上的變焦地圖，他們不在的地方，在那裏我點擊。他們出現在地圖上的其他地方，因爲Div Zoom正在改變座標。如果我在iPad上縮放應用程序，它正在工作。不過，我只想縮放地圖而不是整個應用程序。

感謝您的任何幫助或想法。

2012-02-08 mack

鏈接到你的代碼和CSS將是有價值的。 – andresf 2012-02-08 17:53:43

稱爲當變焦功能是這樣的： //顯示地圖MIT CSS哥洛莎Zoomen \t功能FSuperZoom（WERT）{ \t \t ZoomWert = WERT/10; （「+ zoomWert +」，「+ ZoomWert +」）「）; css（」 - moz-transform「，」scale（「+ ZoomWert +」）（「＃map_canvas> div> div：first-child」）。css（「 - webkit-transform」，「scale（」+ ZoomWert +「，」+ ZoomWert +「）」）; （「+ zoomWert +」，「+ ZoomWert +」）「）; css（」 - o-transform「，」scale（「+ ZoomWert +」）（「＃map_canvas> div> div：first-child」）。css（「transform」，「scale（」+ ZoomWert +「，」+ ZoomWert +「）」）; – mack 2012-02-08 20:16:29

使用<meta name="viewport">標記來控制縮放。

不要使用CSS縮放。在Maps API的Map對象上使用setZoom方法。

請參閱the reference。

來源

2012-02-08 21:08:55

謝謝，但我需要比setZoom更高的縮放比例。 – mack 2012-02-08 21:20:52

對不起，我誤讀了。既然你在iPad上，你有沒有考慮改變''標籤？ – 2012-02-08 21:22:29

是的，我做到了，然後我可以放大整個應用程序，它工作。但我不想縮放所有，我想放大隻是地圖。如果我在縮放的地圖上捏手指，但它會在手指從地圖上釋放後返回到最大縮放。 – mack 2012-02-08 21:59:26

我會改變你的方法，通過使用zoom CSS屬性（應該支持iOS WebKit）而不是CSS轉換。所以你的FSuperZoom函數變成

function FSuperZoom(wert) { 
    ZoomWert = wert/10; 
    $("#map_canvas > div > div:first-child").css("zoom",ZoomWert); 
}

來源

2012-02-09 00:06:55 andresf

Zoom也在使用您的解決方案，但如果我在放大的地圖上放置標記，但它仍未出現在單擊的位置上，我仍然有問題。 – mack 2012-02-09 07:00:02

使用iOS/Phonegap的CSS縮放谷歌地圖

回答

相關問題