Google Maps API 第 3 版的设计旨在实现快速载入，并使其在移动设备上稳定运行。尤其是我们早已专注于对高级移动设备的开发，例如 iPhone 和运行 Android 操作系统的手机。与传统的桌面浏览器相比，移动设备的屏幕尺寸更校而且，移动设备通常具备其独有的特定行为（例如 iPhone 上的 触摸缩放 ）。如果您想让自己的应用程序在移动设备上稳定运行，我们建议您进行以下操作：
将包含地图的 <div> 设置为具有 100% 的宽度属性和高度属性。但请注意，在一些旧版的桌面浏览器上使用这些值不会得到良好的显示效果。
您可通过检查 DOM 中的 navigator.userAgent 属性检测 iPhone 和 Android 设备：
[代码] js代码
function detectBrowser() {
var useragent = navigator.userAgent;
var mapdiv = document.getElementById("map_canvas");
if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
mapdiv.style.width = '100%';
mapdiv.style.height = '100%';
} else {
mapdiv.style.width = '600px';
mapdiv.style.height = '800px';
}
}
//这样，您就可以改变特定设备的布局，正如我们在此更改每个设备的屏幕实际使用面积。
[代码] iPhone 设备符合以下 <meta> 标签：
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<!--
这一设置指定应当以全屏模式显示该地图，且用户不能调整地图的大校
运行 1.5 版软件 (Cupcake) 的 Android 设备同样可以支持这些参数。
请注意，要使用 iPhone 的 Safari 浏览器，您需要在网页的 <head> 元素中添加此 <meta> 标签。
-->
