路线规划 最后更新时间: 2024年07月26日

1.1  准备

1.2 创建地图

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

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

获取驾车路线规划一般有两种方式：关键字和经纬度，下面将分别介绍这两种方式。

• 如果你使用地点名称规划来确定起终点，格式如下：

const points = [
  { keyword: '北京市地震局（公交站）',city:'北京' }, //起始点坐标
  { keyword: '亦庄文化园（地铁站）',city:'北京' } //终点坐标
]

• 如果你使用地点的经纬度来确认起终点，格式如下：

const startLngLat = [116.379028, 39.865042] //起始点坐标
const endLngLat = [116.427281, 39.903719] //终点坐标

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

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

• 使用地点名称规划获取规划路线，格式如下

//引入和创建驾车规划插件
AMap.plugin(["AMap.Driving"], function () {
  const driving = new AMap.Driving({
    map: map,
    panel: "my-panel", //参数值为你页面定义容器的 id 值<div id="my-panel"></div>
  });
  //获取起终点规划线路
  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", //参数值为你页面定义容器的 id 值<div id="my-panel"></div>
  });
  //获取起终点规划线路
  driving.search(startLngLat, endLngLat, function (status, result) {
    if (status === "complete") {
      //status：complete 表示查询成功，no_data 为查询无结果，error 代表查询错误
      //查询成功时，result 即为对应的驾车导航信息
      console.log(result);
    } else {
      console.log("获取驾车数据失败：" + result);
    }
  });
});