google maps 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

最简单的做法是将内容包装在div或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>");