用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