高德(百度)地图驾车路线规划和清除

最新推荐文章于 2025-05-18 09:26:04 发布

原创

最新推荐文章于 2025-05-18 09:26:04 发布 · 5.8k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#地图 #插件

本文详细介绍了如何使用高德地图和百度地图API进行路线规划，包括带途径点的路径规划、路线颜色自定义、起点终点图标设置及路线清除等操作。

高德地图：

带途径点的路径规划:

var markerList=[
	{
         lng:116.379028,
         lat:39.865042
    },
    {
         lng:116.379028,
         lat:39.885042,          
    },
    {
         lng:116.379028,
         lat:39.915042,         
    }
];

//加载路径规划插件
AMap.plugin('AMap.Driving', function() {
     var driving = new AMap.Driving({
         map: map,
    });

    //拼接途径点
    var waypoints=[];
    for(var i=1;i<markerList.length;i++){
        waypoints.push(new AMap.LngLat(markerList[i].lng,markerList[i].lat))
    }

    //绘制路线
    //起点和终点是同一个位置
    driving.search(new AMap.LngLat(markerList[0].lng,markerList[0].lat),new AMap.LngLat(markerList[0].lng,markerList[0].lat),{waypoints: waypoints}, function(status, result) {
         if (status === 'complete') {
              //保证所有覆盖物都在视野范围内
              map.setFitView();
         } else {
              alert('路线绘制失败！');
         }
    });
})