你可以通过 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);
上一篇
下一篇