地图支持叠加显示交通流量的实时路况图层。本篇讲路况图层的使用以及样式修改。

使用map.addLayer(layer)添加BMap.TrafficLayer实例。

var trafficLayer = new BMap.TrafficLayer(); // 创建实时路况图层
map.addLayer(trafficLayer); // 添加图层

可以通过 trafficLayer.setColors(colors)方法设置路况的颜色。

trafficLayer.setColors({
    0: '#2196F3',  // 畅通 - 蓝色
    1: '#FF9800',  // 缓行 - 橙色
    2: '#9C27B0',  // 拥堵 - 紫色
    3: '#4A148C'   // 严重拥堵 - 深紫
});

BMap.TrafficLayer