WebApp快捷打包
百度导航
转到模块插件

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240925.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

showRoute 显示导航路线

通行方式:

//位置点,经纬度为 BD09LL坐标
var p1 = {
    //名称
    name: "首开广场",
    //说明
    desc: "四环黄金商业核心区",
    //纬度
    lat: 39.993266,
    //经度
    lng: 116.473193
};
var p2 = {
    name: "故宫博物院",
    desc: "",
    lat: 39.917337,
    lng: 116.397056
};
var p3 = {
    name: "北京站",
    desc: "",
    lat: 39.904556,
    lng: 116.427231
};
var p4 = {
    name: "新三余公园(南5环)",
    desc: "",
    lat: 39.773801,
    lng: 116.368984
};
var p5 = {
    name: "立水桥(北5环)",
    desc: "",
    lat: 40.041986,
    lng: 116.414496
};
//示例:驾车从 立水桥(北5环) 途经 首开广场、故宫博物院、北京站 到 新三余公园(南5环)
layer.load(2, {
    title: "规划线路中...",
    shade: [0.2, '#000']
});
jsBridge.bdNavi.showRoute({
    //可选,字符串类型,导航类型,默认 drive,可选值为:
    //drive 驾车
    //ride  骑行
    //walk  步行
    naviType: $("#naviType").val(),
    //可选,起点,默认为我的位置
    start: p5,
    //可选,途经点,最多可设置3个途经点,默认无
    wayPoints: [p1, p2, p3],
    //必须,终点
    end: p4
}, function(success, res) {
    layer.closeAll();
    if (success) {
        //成功,APP会自动进入导航界面
    } else {
        //失败
        alert(JSON.stringify(res));
    }
});

showRoute 从我的位置驾车导航到天安门广场

//从我的位置驾车导航到天安门广场
layer.load(2, {
    title: "规划线路中...",
    shade: [0.2, '#000']
});
jsBridge.bdNavi.showRoute({
  end: {
    name: "天安门广场",
    lat : 39.903179,
    lng : 116.397755
  }
}, function(success, res) {
    layer.closeAll();
    if (success) {
        //成功,APP会自动进入导航界面
    } else {
        //失败
        alert(JSON.stringify(res));
    }
});

showRoute 从我的位置骑行到成都天府广场

//从我的位置骑行到成都天府广场
layer.load(2, {
    title: "规划线路中...",
    shade: [0.2, '#000']
});
jsBridge.bdNavi.showRoute({
  //骑行
  naviType: "ride",
  end: {
    name: "成都天府广场",
    lat : 30.657401,
    lng : 104.065861
  }
}, function(success, res) {
    layer.closeAll();
    if (success) {
        //成功,APP会自动进入导航界面
    } else {
        //失败
        alert(JSON.stringify(res));
    }
});

showRoute 从我的位置步行到成都东站

//从我的位置步行到成都东站
layer.load(2, {
    title: "规划线路中...",
    shade: [0.2, '#000']
});
jsBridge.bdNavi.showRoute({
  //步行
  naviType: "walk",
  end: {
    name: "成都东站",
    lat : 30.628931,
    lng : 104.141094
  }
}, function(success, res) {
    layer.closeAll();
    if (success) {
        //成功,APP会自动进入导航界面
    } else {
        //失败
        alert(JSON.stringify(res));
    }
});