使用 Bing 地图突出显示图钉

Question

我们的网站从查询中选择机构，并将结果分批返回给用户，每批 10 个位置在网格视图中显示详细信息，并在 bing 地图中作为用户图钉显示位置。将项目悬停在地图中会弹出信息面板等。 我的要求如下：-

1) 当用户将鼠标悬停在 gridview 列表中的项目上时，应该突出显示地图上的相应图钉。 2）当用户单击列表中的项目时，地图会缩放到该位置。 （我认为通过重绘不同中心和比例的地图相对简单）

我的第一个想法是使用 JavaScript 获取相关图钉的元素，并将其替换为处于“突出显示”状态的新图像，然后再将其替换为原始图像。

所以我的问题是：- 这是正确的方法还是有更好的方法？是否有任何示例代码可以做类似的事情？

非常感谢 保罗

Answer 1

这正是我使用的方法 ;) 我建议的唯一轻微修改是，不要用全新的图像替换图像，而是使用一个同时具有突出显示和未突出显示的图像的精灵表. 然后，在 onmouseover 事件处理程序中，设置图钉的 typeName 属性以分配一个 CSS 类，该类偏移图像以仅显示突出显示状态，并在 onmouseout 事件中再次重置 CSS 类，以便显示未突出显示的背景图像。这样一来，您的页面将加载得更快，并且您不必冒着闪烁的风险，因为旧图像会被新图像替换。

typeName 属性参考：http://msdn.microsoft.com/en-us/library/gg427629.aspx