高德地图-路径规划-起点、途经点、终点、规避道路或者规避区域的设置

在线调试地址高德驾车路径规划

最后一个script标签替换以下代码就可以看到效果。

<script type="text/javascript">
    //基本地图加载
    var map = new AMap.Map("container", {
        resizeEnable: true,
        center: [116.397428, 39.90923],//地图中心点
        zoom: 13 //地图显示的缩放级别
    });

//为了显示规避区域范围而画的红色矩形框
  var pathnew = [
    new AMap.LngLat(116.242446,40.066265),
    new AMap.LngLat(116.252274,40.067053),
    new AMap.LngLat(116.254978,40.061502),
    new AMap.LngLat(116.246995,40.060353),
    new AMap.LngLat(116.242446,40.066265)
];

var polyline = new AMap.Polyline({
    path: pathnew,  
    borderWeight: 2, // 线条宽度，默认为 1
    strokeColor: 'red', // 线条颜色
    lineJoin: 'round' // 折线拐点连接处样式
});

map.add(polyline);

// arr为规避区域的lnglat的二维数组
  var arr = [[new AMap.LngLat(116.242446,40.066265),new AMap.LngLat(116.252274,40.067053),new AMap.LngLat(116.246995,40.060353),new AMap.LngLat(116.254978,40.061502)]]
    //构造路线导航类
    var driving = new AMap.Driving({
        map: map,
        panel: "panel"
    }); 
  // driving.setAvoidPolygons(arr)//设置规避区域
 // driving.setAvoidRoad('后厂村路')//设置规避道路，与规避区域只能二选一
    // 根据起终点名称规划驾车导航路线
    driving.search([
        {keyword: '用友',city:'北京'},//起点
        {keyword: '滴滴大厦',city:'北京'}//终点
    ], function(status, result) {
        // result 即是对应的驾车导航信息，相关数据结构文档请参考  https://lbs.amap.com/api/javascript-api/reference/route-search#m_DrivingResult
        if (status === 'complete') {
            log.success('绘制驾车路线完成')
        } else {
            log.error('获取驾车数据失败：' + result)
        }
    });
</script>

没有设置规避区域和规避道路效果图：（红框为规避区域）

打开注释  driving.setAvoidPolygons(arr)//设置规避区域，效果图：

打开注释driving.setAvoidRoad('友谊路')，设置规避道路(没有设置规避区域)，效果图：