百度导航 - WebApp快捷打包

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

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));
    }
});