谷歌地图v3格式化infoWindow中的多行内容

Question

我正在尝试在谷歌地图 v3 中创建一个包含多行内容的信息窗口。然而，我用来插入换行符的“\n”似乎不起作用。插入换行符的推荐方法是什么？

参见代码：

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

Answer 1

最简单的方法是将内容包装在 div 或 p 中，然后使用
进行换行。

所以像

//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>");