uniapp 打开高德地图或者百度地图进行导航

最新推荐文章于 2025-04-05 20:50:52 发布

黑发男神

最新推荐文章于 2025-04-05 20:50:52 发布

阅读量9.7k

点赞数 7

分类专栏： uniapp uniapp 引用第三方地图导航 js 文章标签： vue.js html5 前端

本文链接：https://blog.youkuaiyun.com/qq_32519421/article/details/107856226

版权

本文介绍如何在uniapp项目中集成高德或百度地图API，实现从应用内启动地图应用进行路线导航的功能。适用于前端开发者，特别是使用vue.js和html5技术栈的人员。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//打开第三方地图
export function openMap(latitude,longitude,name){
    let url = "";
    if (plus.os.name == "Android") {
        let hasBaiduMap = plus.runtime.isApplicationExist({
            pname: 'com.baidu.BaiduMap',
            action: 'baidumap://'
        });
        let hasAmap = plus.runtime.isApplicationExist({
            pname: 'com.autonavi.minimap',
            action: 'androidamap://'
        });
        let urlBaiduMap = `baidumap://map/marker?location=${latitude},${longitude}&title=${name}&coord_type=gcj02&src=andr.baidu.openAPIdemo`
        urlBaiduMap = encodeURI(urlBaiduMap)
        let urlAmap = `androidamap://viewMap?sourceApplication=appname&poiname=${name}&lat=${latitude}&lon=${longitude}&dev=0`
        urlAmap = urlAmap(urlBaiduMap)
        if (hasAmap && hasBaiduMap) {
            plus