谷歌地图在多行上格式化标记工具提示的文本

Question

如何在标记工具提示的文本中插入换行符。我使用的\n似乎不起作用。

见下面的代码：

mark = new google.maps.Marker({          
        map: map,             
        position: center,
        title:inspStates[i].name+ "\n"+"total: "+inspStates[i].totalInsp+ "\n"+ info,
        zIndex:3
});

Answer 1

使用单引号（''）而不是双引号（“”）它将起作用，就像这段代码一样。

mark = new google.maps.Marker({          
            map: map,             
            position: center,
            title:inspStates[i].name+ '\n total: '+inspStates[i].totalInsp+ '\n'+ info,
            zIndex:3
    });

Answer 2

使用标记时，多行文字应该在content而不是title。而不是\n你必须使用html的<br/>

Answer 3

我使用\\ n，这似乎工作。

Answer 4

我使用了一个自定义的谷歌信息框代替工具提示，它的格式正确，请看这里：http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html

Answer 5

如果您正在使用FireFox，我认为没有一种简单的方法。布莱克斯蒂芬斯（Blake Stephens）用简单明了的here解释了这个问题：

报价：

通过悬停在标记上自动生成的标题实际上是标准HTML标题属性，其工作方式与图像上的alt标记属性相同。在一个上面获取多行并不是很容易，因为浏览器自己决定何时获取换行（因此真正长的替代文本和标题可以读取，它们包装）。我不相信强行插入换行符是可能的。

但是，这并不能阻止您完全绕过通用标题文本并创建自己的完全样式。您可以为“鼠标悬停”事件添加偶数到标记，并生成一个div标记，其中包含鼠标左右的内容;当'mouseout'事件触发时，移除/销毁/隐藏自身。这对我来说似乎是最可靠的方式。