阅读 323

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

一、最终效果

1、全量定位

 伪原创工具 https://www.237it.com/ 

在这里插入图片描述

2、获取当前位置定位

在这里插入图片描述

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

在这里插入图片描述在这里插入图片描述

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

在这里插入图片描述在这里插入图片描述

5、地图已经封装成一个组件(AMapComponents),testMap页面只有一句代码

在这里插入图片描述

二、 组件码云地址

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


作者:wocw
链接:https://juejin.cn/post/7034067753963094023

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐