3

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

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

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

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

非常感谢保罗

4

1 回答 1

3

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

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

于 2011-09-28T13:20:28.697 回答