实现效果：

实现原理：

使用百度地图提供的API，获取想要跳转的地址信息后点击跳转，即可实现跳转到地图，并实现导航功能

 goToLocation() {
      console.log('打开地图')
      window.location.href = 'https://map.baidu.com/mobile/webapp/place/detail/foo=bar&qt=ninf&wd=%E6%99%AF%E7%82%B9&c=131&searchFlag=sort&center_rank=1&nb_x=12532606.36&nb_y=2638671.13&da_src=unifynearbyclick&uid=f696f3c2893b22eb1a11d599&industry=&qid=&pos=&da_ref=&da_qrtp=&da_adquery=&da_adtitle=%E8%82%87%E5%BA%86%E5%B8%82%E7%AC%AC%E4%B8%80%E4%BA%BA%E6%B0%91%E5%8C%BB%E9%99%A2(%E9%BC%8E%E6%B9%96%E5%88%86%E9%99%A2)&da_adindus=%E5%8C%BB%E7%96%97;%E7%BB%BC%E5%90%88%E5%8C%BB%E9%99%A2&detail_from=list&vt=map'
    },

• 参数说明：

参数名	参数说明	是否必填	备注
location	lat<纬度>,lng<经度>	必选
title	标注点显示标题	必选
content	标注点显示内容	必选
output	表示输出类型，web上必须指定为html才能展现地图产品结果。	必选
coord_type	坐标类型 示例： coord_type= bd09ll 允许的值为：bd09ll（百度经纬度坐标） bd09mc（百度墨卡托坐标） gcj02（经国测局加密的坐标) wgs84（gps获取的原始坐标）	可选	如开发者不传递正确的坐标类型参数，会导致地点坐标位置偏移。默认为bd09经纬度坐标。
zoom	展现地图的级别，默认为视觉最优级别。	可选
src	调用来源，规则：webapp.companyName.appName。	必选	此参数不传值，不保证服务。

详细内容请访问：地图调起URI API | 百度地图API SDK (baidu.com)