GroundOverlay

此类表示地图上的地面叠加层，可叠加图片、视频或 Canvas 内容。

构造函数

  • 创建地面叠加层覆盖物

    参数类型说明
    boundsBounds叠加层显示的矩形区域
    opts 可选GroundOverlayOptions可选参数
    属性类型说明
    displayOnMaxLevelnumber图层显示的最大缩放级别
    displayOnMinLevelnumber图层显示的最小缩放级别
    opacitynumber图层透明度，取值范围0 - 1
    urlstring图层图片或视频地址

    返回值 GroundOverlay

    示例代码1

    const bounds = new BMap.Bounds(
      new BMap.Point(116.390, 39.910),
      new BMap.Point(116.420, 39.925)
    );
    const groundOverlay = new BMap.GroundOverlay(bounds, {
      url: 'https://jsapi-demo.bj.bcebos.com/images/markers/marker_demo_all.png',
      opacity: 0.8,
    });
    map.addOverlay(groundOverlay);

方法

  • 返回图层显示的矩形区域

    返回值 Bounds

  • 返回图层显示的最大缩放级别

    返回值 number

  • 返回图层显示的最小缩放级别

    返回值 number

  • 返回图层图片地址

    返回值 string

  • 返回图层透明度

    返回值 number

  • 设置图层显示的矩形区域

    参数类型说明
    boundsBounds矩形区域

    返回值 void

    示例代码1

    groundOverlay.setBounds(new BMap.Bounds(
      new BMap.Point(116.380, 39.900),
      new BMap.Point(116.430, 39.930)
    ));

  • 设置图层显示的最大缩放级别

    参数类型说明
    levelnumber最大级别

    返回值 void

    示例代码1

    groundOverlay.setDisplayOnMaxLevel(18);

  • 设置图层显示的最小缩放级别

    参数类型说明
    levelnumber最小级别

    返回值 void

    示例代码1

    groundOverlay.setDisplayOnMinLevel(10);

  • 设置图层图片地址

    参数类型说明
    urlstring图片URL

    返回值 void

    示例代码1

    groundOverlay.setImage('https://jsapi-demo.bj.bcebos.com/images/markers/marker_demo_9.png');

  • 设置图层透明度

    参数类型说明
    opacitynumber透明度，取值范围0 - 1

    返回值 void

    示例代码1

    groundOverlay.setOpacity(0.5);