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>
相关推荐
会发光的猪。16 小时前
如何获取小程序的code在uniapp开发中
前端·小程序·uni-app
duansamve17 小时前
Uniapp开发总结
uni-app
林涧泣1 天前
【Uniapp-Vue3】页面和路由API-navigateTo及页面栈getCurrentPages
前端·vue.js·uni-app
Komorebi゛1 天前
【uniapp】获取上传视频的md5,适用于APP和H5
前端·javascript·uni-app
林涧泣1 天前
【Uniapp-Vue3】动态设置页面导航条的样式
前端·javascript·uni-app
林涧泣2 天前
【Uniapp-Vue3】request各种不同类型的参数详解
前端·uni-app
WalkingWithTheWind~2 天前
uni-app 程序打包 Android apk、安卓夜神模拟器调试运行
android·uni-app·模拟器
向明天乄2 天前
小程序 uniapp 地图 自定义内容呈现,获取中心点,获取对角经纬度,首次获取对角经纬度
小程序·uni-app
会说法语的猪2 天前
uniapp使用uni.navigateBack返回页面时携带参数到上个页面
前端·uni-app
Li_Ning213 天前
vue3+uniapp开发鸿蒙初体验
华为·uni-app·harmonyos