敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240925.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
通行方式:
//位置点,经纬度为 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)); } });
//从我的位置驾车导航到天安门广场 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)); } });
//从我的位置骑行到成都天府广场 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)); } });
//从我的位置步行到成都东站 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)); } });