uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()

uni-app中微信小程序端使用腾讯地图API实现定位、搜索位置

uni.chooseLocation()

需求:需要点击选择地址,唤起地图,定位当前位置,并支持搜索地址,并回填位置信息,获取经纬度。
刚接触uni-app还是有点懵的,虽然语法跟vue一样,但API大多不了解,并开始了一段百度之旅,搜索了若干结果,大多使用uni-app Map地图组件,需要先用户授权,然后获取用户位置信息,然后地图转到用户位置经纬度;实践后发现,地图无搜索地址功能,又开始了一段百度,有些博主说,需要申请 腾讯地图 申请开发者密钥等一系列复杂过程,实属头疼,然后无意间看到 uni-app一个API uni.chooseLocation(OBJECT) ,发现了新大陆,完全符合我的需求。干货多,屁话少。

uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第1张图片
官网链接: uni.chooseLocation();

代码块:

	uni.chooseLocation({
		success: function(res) {
			// console.log('位置名称:' + res.name);
			// console.log('详细地址:' + res.address);
			// console.log('纬度:' + res.latitude);
			// console.log('经度:' + res.longitude);	
		}
	});

所有需要的字段API都有提供提供(位置、地址、经纬度)
直接上效果图:

uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第2张图片

uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第3张图片

uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()_第4张图片

你可能感兴趣的:(uni-app,uni-app,小程序,js,vue,街景地图)