首页 > 其他 > 详细

H5地理定位获取用户当前位置、城市

时间:2020-09-27 11:42:36      阅读:45      评论:0      收藏:0      [点我收藏+]

H5地理定位获取用户当前位置、城市

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

配置信息

技术分享图片

申请配置成功以后返回一个AK

技术分享图片

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

技术分享图片

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

//获取当前城市
var geolocation=new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
      if(this.getStatus()==BMAP_STATUS_SUCCESS){
      var lat=r.address.lat//当前经度
      var lng=r.address.lng//当前纬度
      var province=r.address.province //返回当前省份
      var city=r.address.city//返回当前城市
       console.log(city)
        $(‘.cityName‘).text(city)
      }
})

 

H5地理定位获取用户当前位置、城市

原文:https://www.cnblogs.com/happy2010/p/13738261.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!