uniApp获取实时定位

通过你获取的key放到项目manifest.json里面,对应填写你所需要的key值,还有高德用户名

用户名:

key值的位置:

代码:

html:

html 复制代码
<view class="intList pdNone">
	<view class="label">详细地址</view>
	<uni-easyinput @iconClick="goLocalAddress" placeholder="请点击图标获取详细地址" v-model="form.address" />
</view>

js:

javascript 复制代码
goLocalAddress() {
	uni.showLoading({
		title: '获取中...'
	})
		let _this = this
		uni.getLocation({
			geocode: true,
			type: 'gcj02',
			success: (res) => {
				uni.hideLoading()
				this.form.address = res.address.poiName || res.address.street
				this.form.longitude = res.longitude
				this.form.latitude = res.latitude
			},
			fail: function(e) {
				uni.hideLoading()
				uni.getNetworkType({
				success: (res) => {},
					fail: () => {
						uni.showModal({
							content: '获取失败!',
							showCancel: false
						})
					}
				})
			uni.showToast({
				title: JSON.stringify(e),
				icon: 'none'
			});
		}
	});
},

效果:点击图标可直接获取当前位置

相关推荐
尘世中一位迷途小书童5 分钟前
从零搭建:pnpm + Turborepo 项目架构实战(含完整代码)
前端·架构
JarvanMo15 分钟前
Flutter 中的 ClipRRect | 每日 Flutter 组件
前端
某柚啊16 分钟前
iOS移动端H5键盘弹出时页面布局异常和滚动解决方案
前端·javascript·css·ios·html5
心.c16 分钟前
如何学习Lodash源码?
前端·javascript·学习
风清云淡_A21 分钟前
【uniapp】uni.uploadFile上传数据多出一个304的get请求处理方法
uni-app
JamSlade23 分钟前
react 无限画布难点和实现
前端·react.js
shykevin26 分钟前
uni-app x商城,商品列表组件封装以及使用
windows·uni-app
im_AMBER29 分钟前
React 02
前端·笔记·学习·react.js·前端框架
浩男孩29 分钟前
🍀我实现了个摸鱼聊天室🚀
前端
玲小珑30 分钟前
LangChain.js 完全开发手册(十六)实战综合项目二:AI 驱动的代码助手
前端·langchain·ai编程