WebApp快捷打包
高德导航

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

JS-SDK,下载最新版 jsBridge-v20210729.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库。

showRoute 显示导航路线

//位置点
var p1 = {
    //名称
    name: "首开广场",
    //纬度
    lat: 39.993266,
    //经度
    lng: 116.473193
};
var p2 = {
    name: "故宫博物院",
    lat: 39.917337,
    lng: 116.397056
};
var p3 = {
    name: "北京站",
    lat: 39.904556,
    lng: 116.427231
};
var p4 = {
    name: "新三余公园(南5环)",
    lat: 39.773801,
    lng: 116.368984
};
var p5 = {
    name: "立水桥(北5环)",
    lat: 40.041986,
    lng: 116.414496
};
//示例:驾车从 立水桥(北5环) 途径 首开广场、故宫博物院、北京站 到 新三余公园(南5环)
jsBridge.amapNavi.showRoute({
    //可选,字符串类型,导航类型,可选值: drive 驾车, ride 骑行, walk 步行, motorcycle 摩托车,默认 drive
    naviType: "drive",
    //可选,起点,默认我的位置
    start: p5,
    //可选,途径点,最多可设置3个途径点,默认无
    wayPoints: [p1, p2, p3],
    //可选,止点,默认无
    end: p4,
    //可选,数字类型,播报模式,可选值 1 简洁播报, 2 详细播报 3 静音模式,默认 2
    broadcastMode: 2,
    //可选,是否显示交通路况,默认 false
    trafficEnabled: false,
    //可选,字符串类型,主题,可选 blue 蓝色, white 白色, black 黑色,默认 blue
    theme: "blue",
    //可选,设置车辆信息,进行尾号限行与货车导航,默认无
    carInfo: {
        //是否躲避车辆限行
        restriction: true,
        //车牌号码
        carNumber: "京A12345",
        //0 燃油客车,1 燃油货车,2 纯电动客车,3 纯电动货车
        carType: "0",
        //carType 为 1 时设置货车的轴数,取值 0 - 255
        vehicleAxis: "2",
        //carType 为 1 时设置货车的最大长度,单位:米,取值 0 - 25 如: 1.8,1.5等
        vehicleLength: "1.5",
        //carType 为 1 时设置货车的最大宽度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleWidth: "2.6",
        //carType 为 1 时设置货车的最大高度,单位:米,取值 0 - 25.5 如:1.8,1.5等
        vehicleHeight: "1.5",
        //carType 为 1 时设置货车的核定载重,单位:吨,取值 0 - 6553.5
        vehicleWeight: "6",
        //carType 为 1 时设置货车的总重,即车重 + 核定载重,单位:吨,取值 0 - 6553.5
        vehicleLoad: "8",
        //carType 为 1 时设置货车重量是否参与算路
        vehicleLoadSwitch: true,
        //carType 为 1 时设置货车的大小
        vehicleSize: "2"

    }
});

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

//从我的位置驾车导航到天安门广场
jsBridge.amapNavi.showRoute({
  end: {
    name: "天安门广场",
    lat : 39.903179,
    lng : 116.397755
  }
});

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

//从我的位置骑行到成都天府广场
jsBridge.amapNavi.showRoute({
  //骑行
  naviType: "ride",
  end: {
    name: "成都天府广场",
    lat : 30.657401,
    lng : 104.065861
  },
  theme: "white"
});

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

//从我的位置步行到成都东站
jsBridge.amapNavi.showRoute({
  //步行
  naviType: "walk",
  end: {
    name: "成都东站",
    lat : 30.628931,
    lng : 104.141094
  },
  theme: "black"
});

showRoute 从我的位置摩托车到成都东站

jsBridge.amapNavi.showRoute({
  //摩托车
  naviType: "motorcycle",
  end: {
    name: "成都东站",
    lat : 30.628931,
    lng : 104.141094
  },
  theme: "black"
});

showRoute 从我的位置驾车出发(自己输入目的地)

//从我的位置驾车出发(自己输入目的地)
jsBridge.amapNavi.showRoute();