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