vue H5移动端项目使用高德地图定位/标点并点击导航跳第三方app且实现导航路线——实例

一、最终效果

1、全量定位

2、获取当前位置定位

3、标点后回显选点的地址

4、点击导航，打开弹窗选择高德地图，会进入第三方app中显示路线

5、地图已经封装成一个组件（AMapComponents），testMap页面只有一句代码

二、 组件码云地址

注意点：地图导航按钮是是异步组件（需要渲染template标签），需要在配置文件（vue.config.js）加上runtimeCompiler: true