AI 地图
产品服务
解决方案
文档与支持
定价
更新时间: 2026/08/03 16:13
信息窗口 InfoWindow

你可以通过 BMap.InfoWindow创建一个信息窗口。

添加信息窗口

通过 map.openInfoWindow 方法,在地图上打开信息窗口

var opts = {
width: 250, // 信息窗口宽度
height: 100, // 信息窗口高度
title: "Hello" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口
常用配置项

创建 InfoWindow 时,可以通过 InfoWindowOptions 设置信息窗口的主要属性,常用属性如下:

  • width:信息窗口宽度,单位为像素。默认值根据内容自适应。

  • height:信息窗口高度,单位为像素。默认值根据内容自适应。

  • title:信息窗口标题文字,显示在信息窗口顶部。

  • offset:信息窗口相对于地理坐标点的偏移量,类型为 BMap.Size

  • enableAutoPan:是否开启自动平移。默认值为 true,打开信息窗口时地图自动平移使窗口完全可见。

  • enableCloseOnClick:是否开启点击地图关闭信息窗口。默认值为 true。

常用方法

信息窗口创建后,可以通过以下实例方法动态更新内容和样式。

// 更新信息窗口内容
infoWindow.setContent("新的内容");
// 更新信息窗口标题
infoWindow.setTitle("新的标题");
// 获取信息窗口内容与标题
var content = infoWindow.getContent();
var title = infoWindow.getTitle();
// 调整信息窗口宽高
infoWindow.setWidth(300);
infoWindow.setHeight(200);
相关类参考

BMap.InfoWindow

上一篇

设置文本标注样式

下一篇

折线
本篇文章对您是否有帮助?