google-maps-api-3 - 谷歌地图 v3 在 infoWindow 中格式化多行内容

Question

我正在尝试在 google maps v3 中创建一个包含多行内容的 infoWindow。但是，我用来插入换行符的“\n”似乎不起作用。插入换行符的推荐方法是什么？

见代码：

//set content of infoWindow
window.setContent(inspStates[i].name+ "\n"+"total: "+inspStates[i].totalInsp+ "\n"+ info);

Answer 1

最简单的方法是将内容包装在 adiv或 a 中p，然后用于<br />换行。

所以像

//set content of infoWindow
window.setContent("<p>" + inspStates[i].name + "<br />" + 
                  "total: " + inspStates[i].totalInsp + "<br />" + info + 
                  "</p>");

Answer 2

使用 HTML 作为内容，并将每一行放在自己的段落中。行分隔有助于提高可读性，尤其是当任何行足够长可以换行时。

window.setContent(
    "<p>" + inspStates[i].name + "</p>" + 
    "<p>Total: " + inspStates[i].totalInsp + "</p>" +
    "<p>" + info + "</p>");