uniapp中通过地理位置转换经纬度打开腾讯地图

9 篇文章 0 订阅

1.1通过地里位置获取经纬度
1.1.1要先申请密钥并下载文件在这里插入图片描述
1.1.2导入文件
在这里插入图片描述
在script中
在这里插入图片描述

var QQMapWX = require('@/utils/qqmap-wx-jssdk.min.js');
	var qqmapsdk;

1.1.3在onload中初始化

qqmapsdk = new QQMapWX({
	 key: 'OEEBZ-GGAKJ-W2AF4-KIIFX-WGJG6-PNFMJ' //这里自己的secret秘钥进行填充
});

1.1.4转换经纬度

//通过地理位置获取经纬度
			  autoGetLocation(item) {
			    qqmapsdk.geocoder({
			    //传入对应的地里位置
			      address: item.address,
			      success: function(res) {
			        console.log(res);
			      },
			      complete: res => {
					  this.latitude = res.result.location.lat
					  this.longitude = res.result.location.lng
					  //把转换的经纬度传入
					  this.openLocation(this.latitude,this.longitude,item)
			      }
			    })
			  },

1.1.5打开地图

  openLocation(latitude,longitude,item) {
				  uni.openLocation({
				      latitude: latitude,
				      longitude: longitude,
					  address: item.address,
					  name: item.title ,
				      success: function () {
				          console.log('success');
				      },
					  fail: () => {
					  		this.tui.toast('打开地图失败,请重新打开!')
					  		},
				  });
				 
			  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值