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);
此类表示地图上包含信息的弹出窗口。