分类目录归档：高德导航

一门APP开发平台提供APP底层开发框架服务，实现低代码开发APP，APP开发者可以在线开发APP高德导航，模块化开发APP原生标题，积木式制作APP高德导航功能。低代码开发APP从一门开始。

如何搜索到所需的POI数据？ APP接入实现高德定位搜索

发表于由

如何搜索到所需的POI数据？

想快速搜索到所需数据可参考如下建议：

1、选择合适的搜索方法。如周边搜索或关键字搜索。

2、明确具体的搜索应用的场景。开放平台支持在特定分类的数据中搜索，可较高增加搜索的准确度。

3、在开发时，您需明确具体使用目标，是为获得某个地址描述还是某个确定的POI点，从而决定您搜索数据的方法。详情可点此查看。

高德地图存了海量的POI点，会支持大量用户的搜索请求。所以设置了复杂的策略，来确定推荐的结果顺序。

如何提升地理围栏的配额？APP接入高德导航 地理围栏

发表于由

提升地理围栏的配额，需要将以下信息通过工单，反馈给我们进行评估，评估结果将会在工单中进行反馈，请您及时留意。

1、企业名称。

2、业务场景。

3、日配额/地理围栏个数 需求量。

4、对应key。

5、联系人及联系方式。

如何提升猎鹰服务的配额？APP配置接入高德导航

发表于由

如何提升猎鹰服务的配额？APP配置接入高德导航

提升猎鹰服务的配额，需要您将以下信息通过工单反馈给我们，我们将尽快进行评估，并由专业人员与您取得联系。

1、公司详情。

2、使用场景。

3、需求量。

4、联系人及联系方式。

5、对应的key。

如何提升货车路径规划的配额？ APP接入高德导航 货车路劲规划

发表于由

如何提升货车路径规划的配额？

货车服务是高德开放平台推出的一项付费服务，我们将为您提供少量免费测试额度进行测试，提升或购买货车路径规划/导航的配额需要您将以下信息通过工单反馈给我们，我们会尽快进行评估，并安排专业人员与您取得联系。

1、企业名称。

2、业务场景。

3、需求量。

4、对应key。

5、联系人及联系方式。

如何确定Key应该绑定哪种服务？ APP开发接入高德导航

发表于由

如何确定Key应该绑定哪种服务？ APP开发接入高德导航

根据业务需求选择Key的服务平台（包括：Android、iOS、Web端、Web服务、智能硬件、微信小程序等）,可点击相应平台可使用服务查看详情介绍。

其中Web服务指调用Web服务API接口使用的Key，Web端指PC或者H5网页调用使用的key

注意：Key的服务平台选择之后无法修改，如需要使用其他服务，可以再添加其他服务平台的Key。如下图所示：

如何添加数字签名？APP实现高德导航如何添加数字签名

发表于由

如何添加数字签名？APP实现高德导航如何添加数字签名

适用场景

智能硬件和web服务有数字签名。

添加步骤

1、开通数字签名

进入“控制台-应用管理-我的应用”，选择相应的key。

1）创建key时打开“数字签名”。

2）点击“设置”打开数字签名。

2、获得私钥

点击“提交”后，需要再次进入设置页面，即可查看到生成的私钥。（注意：该私钥与Key对应，请注意保存，谨防泄露。）

3、生成签名

签名格式：sig=MD5(请求参数键值对（按参数名的升序排序），加（请注意“加”字无需输入）私钥)。

例如：

请求服务为“testservice”；请求参数分别为“a=23，b=12，d=48，f=8，c=67”；私钥为“bbbbb”。

则数字签名为：sig=md5(a=23&b=12&c=67&d=48&f=8bbbbb)

注意：

  • 生成签名的内容，（上文提到的拼装的参数，也就是md5()中的内容），必须为utf-8编码格式。
  • 在计算md5的参数如果出现＋号，请正常计算sig，但在请求的时候，需要用urlencode进行编码再请求。
  • 请求参数排序需要注意，如果参数名的第一个字母顺序相同，就比较第二个字母。以此类推，直至得到排序结果。

4、在请求中添加签名

将签名sig作为参数添加至请求参数中：参数名为sig，值为根据请求参数与私钥计算出的值。

APP开发高德导航如何申请Key？APP接入高德导航如何申请Key？

发表于由

APP开发高德导航如何申请Key？APP接入高德导航如何申请Key？

登录或注册

1、如果您还未注册过，请点击此处完成注册。

2、如果您已经注册过，请登录后在申请key，申请与注册的入口如下：

创建应用

进入“控制台—应用管理—创建新应用”，点此进入。

申请为该应用添加key

1、点击左侧“+”新增Key。

2、填写必要字段，此时需要选择正确的key类型。

showRoute 从我的位置驾车出发(自己输入目的地) APP实现导航 APP开发导航功能接入高德导航 自定义导航

发表于由
用做网页的技术做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

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

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核心代码到此{}括号内-->
//从我的位置驾车出发(自己输入目的地)
jsBridge.amapNavi.showRoute();

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//从我的位置驾车出发(自己输入目的地)
jsBridge.amapNavi.showRoute();

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

showRoute 从我的位置摩托车到成都东站 APP开发实现导航功能 APP接入高德导航实现摩托车导航能力

发表于由
用做网页的技术做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

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

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核心代码到此{}括号内-->
jsBridge.amapNavi.showRoute({
  //摩托车
  naviType: "motorcycle",
  end: {
    name: "成都东站",
    lat : 30.628931,
    lng : 104.141094
  },
  theme: "black"
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.amapNavi.showRoute({
  //摩托车
  naviType: "motorcycle",
  end: {
    name: "成都东站",
    lat : 30.628931,
    lng : 104.141094
  },
  theme: "black"
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

showRoute 从我的位置步行到成都东站 APP开发导航功能 APP接入高德导航步行导航能力

发表于由
用做网页的技术做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

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

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核心代码到此{}括号内-->
//从我的位置步行到成都东站
jsBridge.amapNavi.showRoute({
  //步行
  naviType: "walk",
  end: {
    name: "成都东站",
    lat : 30.628931,
    lng : 104.141094
  },
  theme: "black"
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//从我的位置步行到成都东站
jsBridge.amapNavi.showRoute({
  //步行
  naviType: "walk",
  end: {
    name: "成都东站",
    lat : 30.628931,
    lng : 104.141094
  },
  theme: "black"
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

showRoute 从我的位置骑行到成都天府广场 APP开发实现导航能力 APP接入高德导航骑行功能

发表于由
用做网页的技术做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

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

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核心代码到此{}括号内-->
//从我的位置骑行到成都天府广场
jsBridge.amapNavi.showRoute({
  //骑行
  naviType: "ride",
  end: {
    name: "成都天府广场",
    lat : 30.657401,
    lng : 104.065861
  },
  theme: "white"
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//从我的位置骑行到成都天府广场
jsBridge.amapNavi.showRoute({
  //骑行
  naviType: "ride",
  end: {
    name: "成都天府广场",
    lat : 30.657401,
    lng : 104.065861
  },
  theme: "white"
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

showRoute 从我的位置驾车导航到天安门广场 APP接入高德导航 APP开发接入高德导航功能

发表于由
用做网页的技术做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

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

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核心代码到此{}括号内-->
//从我的位置驾车导航到天安门广场
jsBridge.amapNavi.showRoute({
  end: {
    name: "天安门广场",
    lat : 39.903179,
    lng : 116.397755
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//从我的位置驾车导航到天安门广场
jsBridge.amapNavi.showRoute({
  end: {
    name: "天安门广场",
    lat : 39.903179,
    lng : 116.397755
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

showRoute 显示导航路线 APP开发高德导航功能 APP接入高德导航

发表于由
用做网页的技术做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>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

配置高德导航功能去高德开放平台创建应用时如何获取SHA1安全码、PackageName和BundleID

发表于由
图：高德开放平台

我们配置高德导航功能的时候需要获取安卓key和苹果key，这就需要去高德开放平台创建应用，但是在创建应用后添加应用信息的时候需要我们填写SHA1、PackageName和BundleID，这些怎么获取从哪里获取呢？

图：填写SHA1、PackageName和BundleID

首先我们来介绍安卓的PackageName（包名）如何获取，登录一门APP开发者中心之后，找到生成安装包即可去查看安卓APP的PackageName（包名），获取后复制到高德开放平台去；

图：去一门APP打包平台获取PackageName（包名）

然后去一门APP打包平台获取发布版安全码SHA1和调试版安全码SHA1，发布版和调试版都写填一样的就可以了，获取后复制粘贴到高德开放平台即可；

图：获取SHA1

然后是获取苹果版的BundleID（包名），和获取安卓包名一样去一门APP打包平台生成安装包出复制粘贴到高德开放平台即可；

图：获取苹果BundleID

都复制粘贴到高德开放平台之后就可以去提交你的应用获取安卓key和苹果key了。

配置高德导航如何获取安卓key和苹果key

发表于由

用户在选用一门APP打包平台打包APP的时候，需要配置高德导航功能，但是配置高德导航的时候需要去高德定位中配置输入安卓key和苹果key；

图：配置高德定位key

要获取key，需要去高德开放平台注册账号并创建应用；首先登录高德开放平台https://lbs.amap.com去登录或者注册账号；

图：高德开放平台

登录高德开放平台之后，点击控制台进入控制台；

图：进入控制台

进入控制台后，点击应用管理-我的应用-创建新应用去创建应用；

图：创建新应用

点击创建应用之后需要输入应用名称和选中应用类型，点击新建；

图：新建应用

应用创建好之后，点击右侧的添加按钮去添加安卓和苹果信息；

图：添加安卓和苹果信息

安卓信息和苹果信息是分开的需要分别添加，首先提交安卓信息，需要填入安卓APP发布版安全码AHA1、测试版安全码SHA1和安卓应用包名；

图：添加安卓应用信息

然后再输入苹果信息输入苹果APPbundleID即可；

图：添加苹果信息

安卓和苹果信息都添加完成之后，点击提交即可在我的应用页面查看你在高德开放平台添加的应用的key；

图：获取key

把获取到的可以复制粘贴到打包平台的高德定位配置页面，去生成新版的安装包下载安装即可测试高德导航功能的效果。

图：复制高德开放平台的key到一门APP打包平台

网站APP打包配置高德导航

发表于由

高德导航基于全面的路网信息，结合实时路况，在多端为用户提供准确的导航服务。
O2O类应用 指引到店及指引到家：
我在美团里发现一家评分很高的烤翅店，怎样才能到那里？河狸家的美甲师，接到了顾客的订单，如何按时到达指定服务地点？这就需要导航！
出行类应用 路径规划及道路导航：
出租车，专车司机，顺风车主接单后，如何先到达乘客发单地点，然后再将乘客送抵目的地？这也需要导航！
物流快递 多点路径规划及导航：
快递小哥如何在陌生的城市中完成数以万件包裹的投递?导航真的必不可少！

图：高德开放平台

网站APP打包也是可以配置高德导航功能的，选用一门APP打包平台封装你的移动应用，登录一门APP打包平台开发者中心（https://www.yimenapp.com/developer/）即可配置此功能；

图：登录一门APP开发者中心

登录一门APP打包平台开发者中心之后，在我的应用页面找到你需要配置高德导航功能的移动应用，点击配置按钮即可进入配置移动版页面；

图：找到需要配置高德导航功能的应用

进入配置移动版页面之后在页面右侧的功能列表页面找到高德导航功能；

图：找到高德导航功能

找到高德导航功能之后，鼠标左键点击高德导航功能弹出配置页面去勾选打包这个插件（key需要去高德定位中配置）并点击保存；

图：配置高德导航

由于高德导航功能属于离线配置功能，当功能配置并保存好之后，需要去生成新版的安装包下载安装新版才能测试高德导航功能；高德导航功能需要二次开发，用户需要的话可以参考我们的demo示例，如果用户在配置高德导航的过程中没有技术能力来实现二次开发，可以联系我们这边的在线客服，付费给我们帮你完成功能的二次开发。