用做网页的技术做APP! 一门提供标准化的jsbridge-mini.js库,您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。
==================APP端================== 【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程: ♦ JS-SDK 引用方式: ♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库; ♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package |
一门APP开发平台通用JS
showRoute 显示导航路线 APP开发高德导航功能 APP接入高德导航
核心代码示例,详情参阅demo
//位置点
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: $("#naviType").val(),
//可选,起点,默认我的位置
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"
}
});
A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//位置点
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: $("#naviType").val(),
//可选,起点,默认我的位置
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"
}
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->
按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//位置点
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: $("#naviType").val(),
//可选,起点,默认我的位置
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"
}
});
}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->