5

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

请参见下面的代码：

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

5 回答 5

8

使用单引号 (' ') 而不是双引号 (" ") 它会起作用，就像这段代码一样。

mark = new google.maps.Marker({          
            map: map,             
            position: center,
            title:inspStates[i].name+ '\n total: '+inspStates[i].totalInsp+ '\n'+ info,
            zIndex:3
    });
于 2016-06-25T06:44:49.200 回答
5

使用标记时，多行文本应位于contentnottitle中。\n此外，您必须使用 html来代替<br/>

于 2014-04-02T01:30:34.010 回答
4

我使用 \\n 这似乎有效。

于 2015-07-09T23:31:56.357 回答
1

我使用自定义的 google infoBox 代替工具提示，它的格式正确，请参见此处：http: //google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html

于 2011-07-27T03:33:11.357 回答
0

如果您使用的是 FireFox，我认为没有简单的方法。一位布莱克·斯蒂芬斯（Blake Stephens）在这里以非常简单的方式解释了这个问题：

去引用：

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

但是，这并不能阻止您完全绕过通用标题文本并创建自己的完全可样式化的文本。您可以将偶数附加到“mouseover”事件的标记上，并生成一个 div 标签，其中填充了您的内容，跟随鼠标移动；'mouseout' 事件触发时移除/销毁/隐藏自身。这对我来说似乎是最可靠的方法。

于 2018-01-09T09:55:41.927 回答