我们的网站从查询中选择企业，并将结果以10个位置的批次返回给用户，这些位置在网格视图中显示详细信息，并在bing地图中显示用户图钉的位置。将项目悬停在地图中会弹出信息面板等。 我要求它更有用的要求如下： -
1）当用户将鼠标悬停在网格视图列表中的项目上时，应突出显示地图上的相应图钉。 2）当用户单击列表中的项目时，地图将缩放到该位置。 （我认为通过重绘具有不同中心和比例的地图相对简单）
我对第一个的想法是使用JavaScript获取相关图钉的元素，并将其替换为“突出显示”状态的新图像，然后用原始图像替换它。
所以我的问题是： - 这是正确的方法还是有更好的方法，是否有任何示例代码可以在那里做类似的事情？
非常感谢 保罗
答案 0 :(得分：3)
这正是我使用的方法;）我建议的唯一一点修改是，不是用一个全新的图像替换图像，而是使用一个精灵表，其中包含突出显示和未突出显示的图像。 然后，在onmouseover事件处理程序中，设置图钉的typeName属性以指定一个CSS类，该类偏移图像以仅显示突出显示的状态，并在onmouseout事件中再次重置CSS类，以便显示未突出显示的背景图像。这样，您的页面将加载更快，并且您不必冒旧闪烁的风险，因为旧图像被新图像替换。
typeName属性的引用：http://msdn.microsoft.com/en-us/library/gg427629.aspx