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>
相关推荐
刘大浪2 小时前
uniapp 小程序 学习(一)
学习·小程序·uni-app
陈龙龙的陈龙龙6 小时前
uniapp 金额处理组件
前端·javascript·uni-app
xw58 小时前
uni-app项目loading显示方案
前端·uni-app
!win !8 小时前
uni-app项目loading显示方案
前端·uni-app
^Rocky10 小时前
uniapp 实现腾讯云音视频通话功能
uni-app·音视频·腾讯云
moxiaoran575314 小时前
uni-app项目实战笔记5--使用grid进行定位布局
笔记·uni-app
每天都想着怎么摸鱼的前端菜鸟16 小时前
【uniapp】uniapp热更新WGT资源,简单的多环境WGT打包脚本
javascript·uni-app
「、皓子~1 天前
AI创作系列(2):UniApp跨端开发实战 - 海狸IM移动端完全由AI编写
开发语言·人工智能·uni-app·开源·vue·开源软件·ai编程
每天都想着怎么摸鱼的前端菜鸟1 天前
【uniapp】uni.chooseImage在Android 13以下机型第一次调用授权后无权限问题
javascript·uni-app
满分观测网友z2 天前
uni-app 滚动视图scroll-view从入门到精通
uni-app