Question

我有一个包含谷歌地图的iPad应用程序。在该地图上，我可以使用Google Map API V3绘制线条并放置标记。全部使用jQuery Mobile和PhoneGap完成。

我遇到的问题是，我需要比Google提供的更高的地图缩放率。我通过将CSS比例设置为Google Map div来实现这一点。缩放功能正在发挥作用。

问题是：

如果我将标记放在缩放的地图上，则它们不在地方，我点击的地方。它们出现在地图上的其他位置，因为Div Zoom正在改变坐标。如果我在iPad上扩展应用程序，它正在运行。但是我只想缩放地图而不是整个应用程序。

感谢您的任何帮助或想法。

Answer 1

使用<meta name="viewport">标记来控制缩放。

不要使用CSS缩放。使用Maps API中setZoom对象上的Map方法。

Answer 2

我会通过使用zoom CSS属性（iOS WebKit应该支持）而不是CSS转换来改变您的方法。因此，您的FSuperZoom功能变为

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