InfoWindow

此类表示地图上包含信息的弹出窗口。

构造函数

  • 创建信息窗口实例

    参数类型说明
    contentstring窗口内容,支持HTML字符串或DOM节点
    opts 可选InfoWindowOptions可选参数
    属性类型说明
    enableAutoPanboolean是否开启信息窗口打开时地图自动平移
    enableCloseOnClickboolean是否开启点击地图关闭信息窗口
    heightnumber信息窗高度,单位像素,取值范围 60 - 650,设为 0 时高度自适应内容
    maxWidthnumber信息窗最大化时的宽度,单位像素,取值范围 220 - 730
    offsetSize信息窗位置偏移值,底端尖角相对于地理坐标的偏移量
    titlestring信息窗标题文字,支持HTML内容
    widthnumber信息窗宽度,单位像素,取值范围 220 - 730,设为 0 时宽度自适应内容

    返回值 InfoWindow

    示例代码1

    const infoWindow = new BMap.InfoWindow('<p>北京天安门</p>', {
    title: '地标信息',
    width: 300,
    height: 100,
    });
    map.openInfoWindow(infoWindow, new BMap.Point(116.404, 39.915));

方法

  • 添加事件监听函数

    参数类型说明
    eventstring事件名称
    handlerFunction事件处理函数

    返回值 void

    示例代码1

    infoWindow.addEventListener('open', (e) => {
    console.log('infoWindow opened', e);
    });
  • 关闭打开信息窗口时地图自动平移

    返回值 void

  • 关闭点击地图时关闭信息窗口

    返回值 void

  • 禁用窗口最大化功能

    返回值 void

  • 开启打开信息窗口时地图自动平移

    返回值 void

  • 开启点击地图时关闭信息窗口

    返回值 void

  • 启用窗口最大化功能,需先通过 setMaxContent() 设置最大化内容

    返回值 void

  • 返回信息窗口内容

    返回值 string | HTMLElement

  • 返回信息窗口当前的地理坐标

    返回值 Point

  • 返回信息窗口标题

    返回值 string | HTMLElement

  • 返回信息窗口的打开状态

    返回值 boolean

  • 最大化信息窗口

    返回值 void

  • 重绘信息窗口,当窗口内容发生变化时调用

    返回值 void

  • 移除事件监听函数

    参数类型说明
    eventstring事件名称
    handlerFunction事件处理函数

    返回值 void

    示例代码1

    const handler = (e: any) => { console.log(e); };
    infoWindow.addEventListener('close', handler);
    infoWindow.removeEventListener('close', handler);
  • 还原信息窗口到正常大小

    返回值 void

  • 设置信息窗口内容,支持HTML内容

    参数类型说明
    contentstring窗口内容

    返回值 void

    示例代码1

    infoWindow.setContent('<p>更新后的内容</p>');
    
  • 设置信息窗口高度

    参数类型说明
    heightnumber高度,单位像素,取值范围 60 - 650,0 表示自适应

    返回值 void

    示例代码1

    infoWindow.setHeight(200);
    
  • 设置信息窗口最大化时显示的内容,支持HTML内容

    参数类型说明
    contentstring最大化内容

    返回值 void

    示例代码1

    infoWindow.setMaxContent('<div>详细内容区域</div>');
    
  • 设置信息窗口标题,支持HTML内容

    参数类型说明
    titlestring标题内容

    返回值 void

    示例代码1

    infoWindow.setTitle('新标题');
    
  • 设置信息窗口宽度

    参数类型说明
    widthnumber宽度,单位像素,取值范围 220 - 730,0 表示自适应

    返回值 void

    示例代码1

    infoWindow.setWidth(400);