必應地圖AJAX v7圖釘工具提示

Question

我正在嘗試向使用Bing Maps AJAX v7 API創建的圖釘添加工具提示。 我在http://rbrundritt.wordpress.com/2011/11/21/pushpin-tooltips-in-bing-maps-v7/中找到了一個有效的代碼，但這種方法僅在圖釘位於可見視口中時才有效。

$('.pin1').children().attr('title','This is pin 1.');  

如果圖釘是在視口之外構造的，則縮小視圖並使其可見后，DOM元素將不具有'title'屬性。

另外，我嘗試了：

pin.cm1001_er_etr.dom.setAttribute('title', 'Pushpin Title');

但是圖釘對象有時具有不同的名稱（例如cm1002_er_etr），或者有時根本沒有此名稱。

是否存在將“ title”屬性直接添加到圖釘js對象的某種方法？

Answer 1

我選擇按需應用屬性“ title”。 一旦用戶將鼠標懸停在圖釘上，就會添加該屬性：

Microsoft.Maps.Events.addHandler(pin, 'mouseover', pinMouseOver);

...

function pinMouseOver(e) {
   var DataName = e.target.getTypeName();
   $('.' + DataName).children().attr('title', 'pushpin tooltip text' };
};

Answer 2

我懷疑當重新顯示圖釘時。 該博客文章最初是3年前寫的，但那時並沒有發生。 有兩種不同的方法可以使用Bing Maps創建工具提示。 一種方法是使用Bing Theme模塊並為圖釘設置信息框的標題和描述。 將鼠標懸停在圖釘上時，會自動顯示信息框的標題。 您可以在此處找到更多信息：

http://www.bingmapsportal.com/ISDK/AjaxV7#BingThemeModule5

http://msdn.microsoft.com/en-us/library/hh921953.aspx

另一種方法是在圖釘對象上使用鼠標事件，並在用戶將鼠標懸停在圖釘上時創建自己的工具提示功能。 您可以使用信息框控件，也可以使用絕對位置和鼠標位置將div浮動在地圖上方。 您可以在以下位置找到關於圖釘類的文檔： http : //msdn.microsoft.com/zh-cn/library/gg427615.aspx