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

Posted 2023-02-23

【中文标题】谷歌地图 v3 在 infoWindow 中格式化多行内容

【英文标题】：google maps v3 formatting multiple lines of content in infoWindow

【发布时间】：2011-10-07 21:35:22

【问题描述】：

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

见代码：

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

【参考方案1】：

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

类似

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

【参考方案2】：

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

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