google maps v3 formatting multiple lines of content in infoWindow

user_572207 0
Viewed 20336

I am trying to create an infoWindow in google maps v3 which contains multiple lines of content. However the "\n" I am using to insert a newline doesn't seem to work. What is the recommended way to insert a newline?

see code:

//set content of infoWindow
window.setContent(inspStates[i].name+ "\n"+"total: "+inspStates[i].totalInsp+ "\n"+ info);
infowindow google-maps-api-3 newline
2 Answers

Use HTML for the content, and put each line in its own paragraph. Line separation helps with readability, especially if any of the lines is long enough to wrap.

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