2011-07-26 46 views
4

如何在標記工具提示的文本中插入換行符。我正在使用\n似乎沒有工作。谷歌地圖在多行上格式化標記工具提示的文本

下面

見代碼:

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

\ n在Internet Explorer中工作,但不是火狐 – trs

回答

1

我用了一個定製的谷歌信息框代替工具提示,它格式化正確 在這裏看到:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html

+0

這是一個不好的鏈接。 –

+0

我想,這將是該網址:https://github.com/googlemaps/v3-utility-library/tree/master/infobox –

+0

互聯網檔案: [http://web.archive.org/web/20160329090524 /http://google-maps-utility-library-v3.googlecode.com:80/svn/trunk/infobox/docs/examples.html](http://web.archive.org/web/20160329090524/http: //google-maps-utility-library-v3.googlecode.com:80/svn/trunk/infobox/docs/examples.html) –

6

當使用標記,多行文本應該在content不是title。此外,而不是\n必須使用HTML的<br/>

+0

在標題中適用於我,但您對
正確 – aw04

3

我用\\ n和這似乎工作。

5

使用單引號('')而不是雙引號(「」)它會起作用, 就像這樣的代碼。

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

});

0

如果您使用的是FireFox,我不認爲有一個簡單的方法。問題是由一個布雷克·斯蒂芬斯與輝煌簡單here解釋說:

引述:

即會自動從懸停在標記 生成的標題居然是標準的HTML title屬性,它的工作原理相同 方式作爲圖像上的替代標籤屬性。因爲瀏覽器自己決定什麼時候讓 得到換行(所以真正的長文本文本和標題可以是 可讀,它們換行)並不是一件容易的事情。我不相信有可能強行插入 換行符。

但是,這不會阻止您完全避開通用標題 文本並創建您自己的完全可調整的樣式。您可以將 附加到「鼠標懸停」事件的標記上,並且 生成一個填充了您的內容的div標籤,該內容遵循鼠標 左右;當'鼠標事件'事件發生時將其移除/摧毀/隱藏。這對我來說似乎是最可靠的方式。