vue项目H5调起高德或百度地图手机应用，或调起高德百度网页版实现导航功能（已实现）

最新推荐文章于 2024-08-14 21:23:33 发布

sunyin.liu

最新推荐文章于 2024-08-14 21:23:33 发布

阅读量786

点赞数

分类专栏： Vuejs 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_42066070/article/details/125622505

版权

Vuejs 专栏收录该内容

70 篇文章 25 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在Vue项目中实现H5唤起高德或百度地图应用进行导航，若无应用则跳转至网页版。通过用户选择，调用guide方法检测设备上是否存在相应APP，并执行相应的导航操作。

摘要由CSDN通过智能技术生成

需求说明：H5实现唤起高德和百度地图导航到目标景点的功能

分析：用户通过点击选择使用百度还是高德地图，点击后调用guide方法，判断设备上是否有高德或者百度APP，有就直接调用APP，如果没有就调用网页版

在这里插入图片描述

实现代码

//导航
guide(signMap) {
        let self = this;
        if (self.partnerAddress && self.partnerAddress != '') {
            //景点位置partnerAddress 景点经纬度lng lat
            var lng = self.lng;
            var lat = self.lat;
            if (signMap == 'gd') {
                // 高德地图
                if (s