H5定位当前城市

由于需求需要用h5对当前地理位置进行定位。完成步骤如下

第一步:需要在百度地图开发者平台创建一个应用:http://lbsyun.baidu.com/apiconsole/key/create

H5定位当前城市_第1张图片

*注意应用类型为浏览器端;白名单内容为*(表示允许所有)

申请成功后访问AK如下:


第二步:引入百度地图的js脚本,地址为http://api.map.baidu.com/api?v=2.0&ak=(申请应用的AK)

第三步:通过BMap.Geolocation()和getCurrentPosition(function(){})函数进行定位操作,代码如下图

H5定位当前城市_第2张图片

OK到此H5定位完成:


省in盛情


你可能感兴趣的:(h5前端)