Question

百度地图api 如何修改信息窗口的背景色和文字颜色呢？

var opts = {
width : 250,
height: 100,
title : "<b>"+obj['title']+"</b>"
}
有没有什么Background-Color属性什么的可以用啊？

Answer 1

以下是示例代码：

// 创建信息窗口
var infoWindow = new BMap.InfoWindow("这里是多行文字，<br>其中一行是<a href='http://www.baidu.com' target='_blank'>百度链接</a>，<br>这里是最后一行文字。", {
// 设置信息窗口样式
width: 300,
offset: new BMap.Size(0, -20), // 垂直偏移量
enableAutoPan: true, // 是否开启地图自动平移
enableMessage: false, // 是否开启发送邮件功能
title: "信息窗口" // 标题
});

// 设置信息窗口样式
infoWindow.setStyle({
color: "#fff", // 字体颜色为白色
background: "#000", // 背景颜色为黑色
border: "none", // 去掉边框
borderRadius: "5px", // 圆角半径
padding: "10px", // 内边距
fontSize: "14px", // 字体大小
lineHeight: "20px" // 行高
});

// 在地图上添加覆盖物，并打开信息窗口
var marker = new BMap.Marker(new BMap.Point(116.404, 39.915));
map.addOverlay(marker);
marker.addEventListener("click", function() {
this.openInfoWindow(infoWindow);
});

上图为我写出来的一种。你可以根据自己的UI图自行修改。

Answer 2

没有，你可以写自定义信息框