google-maps-api-3 - googleマップv3はinfoWindowでコンテンツの複数の行をフォーマットします

Question

複数行のコンテンツを含むinfoWindowをgooglemapsv3で作成しようとしています。ただし、改行を挿入するために使用している「\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>");