javascript - 如何在 iPad 和 iPhone 上完美显示全屏谷歌地图？

Question

在 iPad 和 iPhone 上显示全屏谷歌地图的最佳方式是什么，即使在方向发生变化时也是如此。

编辑:我在 jQuery Mobile 中实现移动应用程序。不是 iOS 应用程序。谢谢。

Answer 1

基本上，Google Mps API 将 map 呈现为 div(某些情况下为 iframe)。无论如何，您应该指定一个 div 作为您的 Map Canvas。如果您更改 div 的大小，则 map 的大小也会更改。因此，如果您将 Canvas 的 width 和 height 定义为 100%，它将始终显示覆盖整个屏幕的 map 。

#mapCanvas{
 width:100%;
 height:100%;
}