微信网页中获取定位的具体地址
微信网页中获取定位的具体地址
PeterDWang 发表于1年前
微信网页中获取定位的具体地址
  • 发表于 1年前
  • 阅读 94
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 微信中获得的gps坐标,用百度地图来转换并获取具体地址

1.引入百度地图js库

<script src="http://api.map.baidu.com/api?v=2.0&ak=自己的百度地图ak值"></script>

2.实现获取

//获取地理位置
wx.getLocation({
    type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
    success: function(res) {
        var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
        var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
        var speed = res.speed; // 速度,以米/每秒计
        var accuracy = res.accuracy; // 位置精度

        ///////////BMap API BEGIN////////////////
        //坐标转换(注意point的参数顺序为经度,纬度)
        var ggPoint = new BMap.Point(longitude, latitude);
        var convertor = new BMap.Convertor();
        var pointArr = [];
        pointArr.push(ggPoint);
        convertor.translate(pointArr, 1, 5, function(data) {
            if (data.status == 0) {
                var points = data.points;
                //获得准确的地理信息(使用转换后的百度坐标,顺序同上)
                var point = new BMap.Point(points[0].lng, points[0].lat);
                var geoc = new BMap.Geocoder();
                geoc.getLocation(point, function(rs) {
                    console.log(rs)
                    var addComp = rs.addressComponents;
                    alert(addComp.province + ", " + addComp.city + ", " + addComp.district 
                           + ", " + addComp.street + ", " + addComp.streetNumber);
                });
            }
        });
        ///////////BMap API END////////////////
    }
});

所涉及百度地图官方demo地址:

http://lbsyun.baidu.com/jsdemo.htm#a5_2

http://lbsyun.baidu.com/jsdemo.htm#i7_2

 

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 3
博文 2
码字总数 293
×
PeterDWang
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: