高德地图货车路径规划

815 阅读1分钟

1,引入高德地图;

<script src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的key"></script>

2,初始化高德地图;

new AMap.Map('allMap', {
    resizeEnable: true, // 是否监控地图容器尺寸变化
    zoom: 13, // 初始化地图层级
    center: [116.404, 39.915], // 初始化地图中心点
});

3,加载货车插件;

let path = [];
path.push({lnglat: [116.303843, 39.983412] });// 起点
path.push({lnglat: [116.321354, 39.896436]});// 途径
path.push({lnglat: [116.397428, 39.90923]});// 途径
path.push({lnglat: [116.407012, 39.992093]});// 终点
const truckOptions = {
    map,
    policy: 1, // 路线规划策略
    size: 1, // 车型大小
    hideMarkers: false, //默认false,如果你想修改起点图标,可以将此处改为true,隐藏图标,然后根据经纬度去显示你想要的的图标
    autoFitView: true, // 用于控制在路径规划结束后,是否自动调整地图视野使绘制的路线处于视口的可见范围
};
AMap.plugin('AMap.TruckDriving', () => {
    const trunkDriving = new AMap.TruckDriving(truckOptions);
    if (path[0]) {
        trunkDriving.search(path, (status, result) => { // result即是对应的货车导航信息
            if (status === 'complete') {
                console.log('success'); // log.success('绘制货车路线完成')
            } else {
                console.log(`error-${result}`); // log.error('获取货车规划数据失败:' + result)
            }
        });
    }
});