微信 jssdk获取经纬度转换成百度的经纬度

最新推荐文章于 2025-04-26 19:43:14 发布

hwk_yellow

最新推荐文章于 2025-04-26 19:43:14 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hwk_yellow/article/details/53183684

本文介绍如何使用微信JSSDK获取地理位置经纬度，并将其转换为百度地图的坐标，通过调用百度地图API进行地址解析，实现地理信息的定位与展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：引入js文件

[php]view plaincopy 
   
 <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>  
   
 <script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=iT46LDMO8w4i3k6blFarL7Me9RC2yQ1r&v=1.0"></script>  

[php]view plaincopy 
   
 <script>  
   wx.config({  
     appId: '{{signPackage[0].appId}}',  
     timestamp: {{signPackage[0].timestamp}},  
     nonceStr: '{{signPackage[0].nonceStr}}',  
     signature: '{{signPackage[0].signature}}',  
     jsApiList: [  
       // 所有要调用的 API 都要加到这个列表中  
        'getLocation',  
        'openLocation'  
     ]  
   });  
   wx.ready(function () {  
     // 在这里调用 API  
         wx.getLocation({  
                 success: function (res) {  
                     var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90  
                     var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。  
                     var speed = res.speed; // 速度，以米/每秒计  
                     var accuracy = res.accuracy; // 位置精度  
                     localStorage.setItem("latitude", latitude);  
                         localStorage.setItem("longitude", longitude);  
                       
                     //var data = {  
                     //  latitude: latitude,  
                     //  longitude: longitude  
                     //};  
                     // alert(JSON.stringify(data));  
             $.ajax({  
             url: 'http://api.map.baidu.com/geocoder/v2/?ak=btsVVWf0TM1zUBEbzFz6QqWF&callback=renderReverse&location=' + latitude + ',' + longitude + '&output=json&pois=1',  
             type: "get",  
             dataType: "jsonp",  
             jsonp: "callback",  
             success: function (data) {  
                 console.log(data);  
                 var name = (data.result.formatted_address);  
                    
                    
                  //var map=JSON.stringify(name);  
                              //alert(map);die;  
                  //var map1=map.substr(1);  
                  //var map1=name(start,stop);  
                  //alert(name);die;  
                    
                  $("#txt_dw").val(name);    
                     
                 if (typeof callback == "function") {  
                     callback(data);  
                 }  
   
             }  
          });  
              //var map = new BMap.Map("allmap");  
                      //var point = new BMap.Point(116.331398,39.897445);  
                      //var gc = new BMap.Geocoder();  
                      //gc.getLocation(point, function(rs){  
                      //var addComp = rs.addressComponents;  
                      //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);  
                      //});  
                       
   
                  }  
       
   
       
                  });  
     
  });  
 </script>  