HTML5中的地理定位

地理定位并非属于HTML5的专属内容。HTML5中的地理定位技术来自于Google Map，但由于众所周知的原因，Google产品在国内并不能正常于用户使用，故选择替代品：百度/高德地图

百度地图具有完善的demo示例和帮助文档，可有效给予开发者帮助。

页面中引入百度地图 1.注册百度账号并登陆百度开发者，创建自己的应用，目的在于获取AK(秘钥)，用于连接百度数据库。

2.在页面中引入

<script src="http://api.map.baidu.com/api?v=2.0&ak=此处填写AK"></script>

3.创建Map实例

var map = new BMap.Map("allmap"); // 初始化地图,设置中心点坐标和地图级别。 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); //另外，centerAndZoom的第一个参数也可以直接使用城市名字符串 map.centerAndZoom('深圳', 13); //加入选项（地图/卫星/三维） map.addControl(new BMap.MapTypeControl()); map.setCurrentCity('北京') //鼠标滚轮是否可以用于缩放 map.enableScrollWheelZoom(true);