uni-app使用openLocation打开地图

原创已于 2024-06-26 16:04:12 修改 · 3.4k 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#uni-app

收录于

于 2024-02-18 10:26:44 首次发布

文章讲述了在项目开发中如何集成地图功能，以便在商家列表中显示每个商家的地理位置，通过`uni.openLocation`方法调用内置地图，传入经纬度、店铺名称和地址，并定义成功回调函数。

使用场景：项目中商家列表要求有地图功能，每个商家有自己的经纬度，点击地图按钮打开内置地图

可按照如下方式使用：


uni.getLocation({
	type: 'gcj02', //返回可以用于uni.openLocation的经纬度
	success: function (res) {
		const latitude = res.latitude;
		const longitude = res.longitude;
	}
});

uni.openLocation({ //39.89198982376515,116.385832855746
	latitude: Number(this.latitude),
	longitude: Number(this.longitude),
	name: res.data.mdmc,
	address: res.data.dz,
	success: function() {
		console.log('success');
	}
});

uni.getLocation()获取当前的地理位置、速度,

uni.openLocation()负责打开内置地图，展示商家地图信息。经纬度不用多说，然后参数还有店铺名称，店铺地址，以及调用成功的函数