获取地理位置坐标GPS,GPS坐标转百度坐标

<p><button class="btn btn-success btns">点击获取坐标</button></p>

<p>经度: <input id="longitude" type="text" value="" /></p>

<p>纬度: <input id="latitude" type="text" value="" /></p>

通过获取GPS坐标转成百度坐标;
添加百度地图插件

https://api.map.baidu.com/api?v=2.0&s=1&ak=百度秘钥
 $(".btns").click(function () {
            var options = {
                enableHighAccuracy: true,
                timeout: 5000,
                maximumAge: 0
            };

           function success(pos) {
          var crd = pos.coords;
          console.log('GPS-Latitude : ' + crd.latitude);
          console.log('GPS-Longitude: ' + crd.longitude);
          var lat = crd.latitude;
          var lng = crd.longitude; 
           var pointBak = new BMap.Point(lng, lat);
            var convertor = new BMap.Convertor();
            convertor.translate([pointBak], 1, 5, function (resPoint) {
                if (resPoint && resPoint.points && resPoint.points.length > 0) {
                    var longitude = resPoint.points[0].lng;
                    var latitude = resPoint.points[0].lat;
                   	console.log('百度纬度 : ' + latitude);
          			console.log('百度经度: ' + longitude);
                  var baseUrl = 'http://api.map.baidu.com/geocoder/v2/?ak=eIxDStjzbtH0WtU50gqdXYCz&callback=renderReverse&location='+latitude+','+longitude+'&output=json&pois=1';
                  $.ajax({
                    type: "POST",
                    url: baseUrl,
                    dataType: "JSONP",
                    async: false,
                    success: function (cname) {
                      if (parseInt(cname.status) === 0) {
                        var addr = cname.result.formatted_address;
                        $("#address").attr("value",addr);
                        //获取百度坐标详细地址
                        console.log(cname.result.formatted_address);
                      }
                    }
                  });
 					$("#longitude").attr("value",longitude);
                    $("#latitude").attr("value",latitude);
                }
            });
            
        }

            function error(err) {
                console.warn('ERROR(' + err.code + '): ' + err.message);
            }

            navigator.geolocation.getCurrentPosition(success, error, options);
        });
    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值