地图和导航功能是网站开发中关于到店功能的重要组成部分，用户通过点击按钮实现打开地图并进行导航到特定的地理位置。

本篇文章介绍在uni-app多端框架中，如何实现点击按钮跳转至地图页面并选择不同的地图进行导航效果。

关于地图的导航，这里就不得不介绍uni.openLocation方法

    uni.openLocation：使用应用内置地图查看位置

地图查看并进行导航案例如下：

uni.openLocation({
	latitude: '', // 目标地点的纬度，浮点数，范围为-90~90
	longitude: '', // 目标地点的经度，浮点数，范围为-180~180
	scale: 18, // 缩放比例，范围5~18
	name: '目标位置', // 位置名
	address: '目标详细地址', // 地址的详细说明
	success() {
	  console.log('地图打开成功');
	},
	fail(error) {
	  console.log('地图打开失败', error);
	}
});

案例效果如图：