uniapp 微信默认地图选点功能实现

效果图

配置项

微信公众平台-小程序配置

uniapp配置

上代码

html 复制代码
<template>
	<view class="content">
		<button @click="toMap">请选择位置</button>
	</view>
</template>

<script setup lang="ts">
	function toMap(){
		
	uni.chooseLocation({
		success: function (res) {
			console.log('位置名称:' + res.name);
			console.log('详细地址:' + res.address);
			console.log('纬度:' + res.latitude);
			console.log('经度:' + res.longitude);
		}
	});	
	}

</script>
相关推荐
随笔记14 小时前
HbuilderX载入项目,运行后唤起微信开发者工具,提示:Error: Fail to open IDE,唤醒不起来怎么办
javascript·微信小程序·uni-app
Lsx_14 小时前
一文读懂 Uniapp 小程序登录流程
前端·微信小程序·uni-app
夏目友人爱吃豆腐15 小时前
uniapp源码解析(Vue3/Vite版)
前端·vue.js·uni-app
2501_9151063217 小时前
iOS 抓包全流程指南,HTTPS 抓包、TCP 数据流分析与多工具协同的方法论
android·tcp/ip·ios·小程序·https·uni-app·iphone
邱泽贤17 小时前
uniapp 当前页调用上一页的方法
前端·javascript·uni-app
集成显卡17 小时前
AI取名大师 | uni-app 微信小程序打包 v-bind、component 动态组件问题
人工智能·微信小程序·uni-app
anyup1 天前
支持鸿蒙!开源三个月,uView Pro 开源库近期更新全面大盘点,及未来计划
前端·vue.js·uni-app
阿斌_bingyu7091 天前
uniapp实现android/IOS消息推送
android·ios·uni-app
茶憶2 天前
UniApp RenderJS中集成 Leaflet地图,突破APP跨端开发限制
javascript·vue.js·uni-app
2501_915918412 天前
移动端 HTTPS 抓包实战,多工具组合分析与高效排查指南
数据库·网络协议·ios·小程序·https·uni-app·iphone