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

路线规划 最后更新时间: 2023年03月28日

JS API的路线规划种类有:驾车、公交、步行、骑乘和货车等,本章以驾车规划介绍API的使用。驾车路线规划需要使用AMap.Driving插件。

准备

成为开发者并创建 key

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

驾车路线规划

1

创建地图

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

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

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

引入和创建驾车规划插件

const driving = new AMap.Driving({
  map: map,
  panel: "panel"
}); 

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

4

获取起终点规划线路

driving.search(points, function(status, result) {
  if (status === 'complete') {
    log.success('绘制驾车路线完成')
  } else {
    log.error('获取驾车数据失败:' + result)
  }
});
提示1

result 即是对应的驾车导航信息,相关数据结构请参考文档 。

提示2

使用经纬度为起终点规划时,调用search方法为:

driving.search(startLngLat, endLngLat, function (status, result) {
  // 未出错时,result即是对应的路线规划方案
})

示例
中心
常见
问题
智能
客服