开发 地图 JS API 2.0 入门教程 规划路线

路线规划 最后更新时间: 2023年12月18日

本文介绍驾车规划 API 的使用,驾车路线规划需要使用AMap.Driving插件。

JS API 的路线规划种类有:驾车AMap.Driving、公交AMap.Transfer、步行AMap.Walking、骑乘AMap.Riding和货车AMap.TruckDriving等。

驾车路线规划示例

1、实现驾车路线规划

1

1.1  准备

成为开发者并创建 key

为了正常调用 API ,请先注册成为高德开放平台开发者,并申请 web 平台(JS API)的 key 和安全密钥,点击 具体操作

提示

你在2021年12月02日以后申请的 key 需要配合你的安全密钥一起使用。

2

1.2 创建地图

const map = new AMap.Map('container', {
  viewMode: '2D',  //默认使用 2D 模式
  zoom:11,  //初始化地图层级
  center: [116.397428, 39.90923]  //初始化地图中心点
});
3

1.3 确认规划的起点和终点信息

  • 如果你使用地点名称规划来确定起终点,格式如下:
const points = [
  { keyword: '北京市地震局(公交站)',city:'北京' }, //起始点坐标
  { keyword: '亦庄文化园(地铁站)',city:'北京' } //终点坐标
]
  • 如果你使用地点的经纬度来确认起终点,格式如下:
const startLngLat = [116.379028, 39.865042] //起始点坐标
const endLngLat = [116.427281, 39.903719] //终点坐标
4

1.4 引入和创建驾车规划插件,获取起终点规划线路

推荐使用异步安装插件,插件引入方式 插件的使用

提示

panel参数值为你页面定义容器的 id 值<div id="my-panel"></div>

  • 使用地点名称规划获取规划路线,格式如下
//引入和创建驾车规划插件
AMap.plugin(["AMap.Driving"], function () {
  const driving = new AMap.Driving({
    map: map,
    panel: "my-panel",
  });
  //获取起终点规划线路
  driving.search(points, function (status, result) {
    if (status === "complete") {
      //status:complete 表示查询成功,no_data 为查询无结果,error 代表查询错误
      //查询成功时,result 即为对应的驾车导航信息
      console.log(result);
    } else {
      console.log("获取驾车数据失败:" + result);
    }
  });
});
  • 使用经纬度规划获取规划路线,格式如下
//引入和创建驾车规划插件
AMap.plugin(["AMap.Driving"], function () {
  const driving = new AMap.Driving({
    map: map,
    panel: "my-panel",
  });
  //获取起终点规划线路
  driving.search(startLngLat, endLngLat, function (status, result) {
    if (status === "complete") {
      //status:complete 表示查询成功,no_data 为查询无结果,error 代表查询错误
      //查询成功时,result 即为对应的驾车导航信息
      console.log(result);
    } else {
      console.log("获取驾车数据失败:" + result);
    }
  });
});

panel: 'my-panel' 同样是将规划结果显示在面板上。

至此,你已经使用 JS API 2.0成功实现了一个简单的驾车路线规划功能,了解更多前往  路线规划进阶教程

返回顶部 示例中心 常见问题 智能客服 公众号
二维码