uniapp获取当前经纬度、地图逆地址解析

该功能可用于移动端,官网:uni.getLocation(OBJECT) | uni-app官网

uni.getLocation({
			type: 'gcj02', // 坐标类型,默认为wgs84,可选的值为gcj02和bd09ll
			// isHighAccuracy:true,
			success: res => {
				// 获取成功,经度和纬度在res.longitude和res.latitude中
				console.log('longitude:', res.longitude);
				console.log('latitude:', res.latitude);
				//业务代码......
			},
			fail: err => {
				// 获取失败,err为错误信息
				console.log('getLocation err:', err);
			}
		});


使用gcj02精度会更高些,isHighAccuracy:true也是为了更高精度的显示。在小程序中调用该方法,会要求授权位置权限,同意即可使用。

地图逆地址解析

无论是腾讯还是高德还是百度,逆地址解析大方法都是一样,这里用天地图举例。

uni.request({
			header: {
				'Content-Type': 'application/text',
			},
			//注意:这里的key值需要高德地图的 web服务生成的key  只有web服务才有逆地理编码
			url: `http://api.tianditu.gov.cn/geocoder?postStr={'lon':${经度},'lat':${纬度},'ver':1}&type=geocode&tk=你的key`,
			success(res) {
				console.log(res, "获取位置成功信息")
			},
			fail(err) {
				console.log(err, "获取位置失败信息")
			}
		})

第三方会提供api接口,uniapp中调用,这里使用的uni.request方法发起请求

相关推荐

  1. uniapp获取当前经纬度地图地址

    2024-04-21 07:36:03       18 阅读
  2. 前端点击地图上的位置获取当前经纬度

    2024-04-21 07:36:03       11 阅读
  3. php根据用户地址获取经纬度

    2024-04-21 07:36:03       16 阅读
  4. uniapp使用腾讯地图获取地址信息

    2024-04-21 07:36:03       20 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-21 07:36:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-21 07:36:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-21 07:36:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-21 07:36:03       20 阅读

热门阅读

  1. asp.net core在发布时排除配置文件

    2024-04-21 07:36:03       14 阅读
  2. 贝叶斯逻辑回归代码

    2024-04-21 07:36:03       12 阅读
  3. 富格林:明察虚假骗局正规应对

    2024-04-21 07:36:03       13 阅读
  4. 期货交易系统有哪些?资管分仓系统时什么?

    2024-04-21 07:36:03       15 阅读
  5. Android 原生功能与 Vue 交互实现

    2024-04-21 07:36:03       14 阅读
  6. [蓝桥杯 2018 省 A] 航班时间

    2024-04-21 07:36:03       14 阅读
  7. dfs+剪枝,LeetCode 39. 组合总和

    2024-04-21 07:36:03       12 阅读
  8. springboot WebFilter+@Component urlPatterns 全部拦截

    2024-04-21 07:36:03       14 阅读