当前位置:   article > 正文

uniapp使用第三方高德地图获取当前用户详细定位_uniapp高德地图获取当前位置

uniapp高德地图获取当前位置

微信内置地图无法获取到具体定位信息,只能在app上获取
效果:
在这里插入图片描述

小程序获取当前详细定位解决方案:

  1. 进入高德平台申请key https://lbs.amap.com/api/wx/download
  2. 下载微信小程序SDK 放在common目录里(新建common目录)https://lbs.amap.com/api/wx/download
    在这里插入图片描述
    3.uniapp页面引入 调试最好打开手机预览调试,微信开发者工具直接调试定位可能不准确
<template>
	<view>
		<view @click="getRegeo">获取当前定位...</view>
		<view>地址:{{addressName}}</view>
	</view>
</template>
<script>
	import amap from '../../common/amap-wx.js'; //引入高德微信小程序版sdk
	export default {
		data() {
			return {
				amapPlugin: null,
				key: '申请的key',
				addressName: ''
			}
		},
		onLoad() {
			this.amapPlugin = new amap.AMapWX({
				key: this.key
			})
		},
		methods: {
			getRegeo() {
				const _this = this;
				uni.showLoading({
					title: '获取信息中'
				});
				_this.amapPlugin.getRegeo({
					success: (data) => {
						console.log(data, '当前定位')
						_this.addressName = data[0].name;
						uni.hideLoading();
					},
					fail: (err) => {
						console.log(err)
					}
				});
			}
		}
	}
</script>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42

参考文档:https://ask.dcloud.net.cn/article/35070
转发请注明原创噢~~~~
看完记得点个赞哟!!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/514670
推荐阅读
相关标签
  

闽ICP备14008679号