TrafficLayer

此类表示交通流量图层，是一个预配置的TileLayer。 通过 map.addLayer() / map.removeLayer() 方法管理。

构造函数

方法

  • 设置图层掩膜，在掩膜区域内显示瓦片

    参数类型说明
    boundarystring掩膜边界坐标字符串或字符串数组

    返回值 void

    示例代码1

    tileLayer.addBoundary('北京市');

  • 清除瓦片缓存并强制重新加载

    返回值 void

    示例代码2

    tileLayer.clearCache();

  • 返回指定图块坐标和缩放级别的瓦片图片URL。 若在 TileLayerOptions 中提供了 tileUrlTemplate 则可不实现此方法

    参数类型说明
    tileCoordPixel图块坐标
    zoomnumber缩放级别

    返回值 string

    示例代码3

    const tileLayer = new BMap.TileLayer();
    tileLayer.getTilesUrl = function(tileCoord, zoom) {
      return `https://yourhost/tile?x=${tileCoord.x}&y=${tileCoord.y}&z=${zoom}.png`;
    };

  • 隐藏图层

    返回值 void

    示例代码4

    tileLayer.hide();

  • 返回图层所用图片是否为包含透明信息的PNG格式

    返回值 boolean

  • 返回图层是否可见

    返回值 boolean

  • 修改路况颜色

    参数类型说明
    colorsstring路况颜色数组，按畅通、缓行、拥堵、严重拥堵顺序，支持CSS颜色字符串

    返回值 void

    示例代码1

    trafficLayer.setColors(['#00ff00', '#ffff00', '#ff8800', '#ff0000']);

  • 设置路况是否展示白边, 交通流量图默认会绘制白色描边用于提升边界视觉效果，但在某些场景下可能不希望展示白边，可以设置为关闭

    参数类型说明
    valueboolean是否展示白边

    返回值 void

    示例代码1

    trafficLayer.setEdge(true);

    示例代码2

    trafficLayer.setEdge(false);

  • 设置图层的叠加顺序

    参数类型说明
    zIndexnumber层级值

    返回值 void

    示例代码5

    tileLayer.setZIndex(5);

  • 将图层移至最顶层

    返回值 void

    示例代码6

    tileLayer.setZIndexTop();

  • 显示图层

    返回值 void

    示例代码7

    tileLayer.show();