【百度地图JavaScript API】手机端浏览器定位的实现

---

• 准备工作
• 开始动工
• 总结

---

准备工作

• 百度地图API JavaScript APIv2.0
• eclipse eclipse-jee-kepler-SR2-win32-x86_64
• tomcat apache-tomcat-7.0.55
• JQuery jquery-1.7.2.js
• 手机一部

开始动工

一、申请密钥

从v1.5版本开始，百度地图的使用需要先申请密钥（ak）才能使用，所以我们需要先申请密钥。

申请密钥时需要注意：

应用名称需要和你后面的eclipse工程名统一
应用类型需要选择浏览器端
域名没有限制时输入*即可

密钥申请完成后如下所示：

切记应用名称和AK，切记应用名称和AK，切记应用名称和AK。重要的事重复三遍！！！

二、新建工程导入相关文件

新建web工程，并在WebContent目录下新建position.jsp用于定位，并导入JQuery文件

因为是用于手机端显示，所以需要禁止用户缩放页面，在head标签中加入如下标签：

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

接着引入API和JQuery：

<scri