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

本文介绍如何使用微信JavaScript SDK获取位置经纬度,并将其转换为百度地图坐标系,实现不同平台经纬度的兼容处理。

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

1:引入js文件

  <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>


<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>


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值