用Bing地圖突出顯示圖釘

Question

我們的網站從查詢中選擇建築並將結果返回給用戶，分批顯示10個位置，在gridview中顯示詳細信息，並在bing地圖中顯示用戶圖釘的位置。將項目懸停在地圖上彈出信息面板等。 我的要求使其更易於使用，如下所示： -

1）當用戶將鼠標懸停在gridview列表中的項目上時，地圖上的相應pin應該突出顯示。 2）當用戶點擊列表中的一個項目時，地圖會縮放到該位置。 （我認爲通過重新繪製具有不同中心和比例尺的地圖相對簡單）

我對第一個想法的想法是使用JavaScript獲取相關圖釘的元素，並用「突出顯示」狀態，然後用原來的替換它。

所以我的問題是： - 這是正確的方法還是有更好的方法，是否有任何示例代碼做類似的東西可用嗎？

非常感謝 保羅

Answer 1

這正是我使用的方法;）只有輕微的修改我的建議是，與其具有完全更換新的圖像，你使用一個精靈表的那在其上具有突出顯示和未突出顯示的圖像。 然後，在onmouseover事件處理函數中，設置圖釘的typeName屬性以指定偏移圖像的CSS類以僅顯示突出顯示的狀態，並且在onmouseout事件中再次重置CSS類，以便顯示未加亮的背景圖像。這樣，您的網頁加載速度會更快，而且您不必冒着閃爍的風險，因爲舊圖像被替換爲新圖像。

typeName屬性的引用：http://msdn.microsoft.com/en-us/library/gg427629.aspx