javascript - 使用 Bing map 突出显示图钉

标签 javascript bing-maps bing-api

我们的网站从查询中选择机构,并以 10 个位置为一组将结果返回给用户,这些位置在 GridView 中显示详细信息,并在 bing map 中作为用户图钉显示位置。将鼠标悬停在 map 中的项目会弹出信息面板等。 为了使它更有用,我的要求如下:-

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

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

所以我的问题是:- 这是正确的方法还是有更好的方法,是否有任何示例代码可以执行类似的操作?

非常感谢 保罗

最佳答案

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

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

关于javascript - 使用 Bing map 突出显示图钉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7581959/

相关文章:

javascript - Ajax 函数中的多个字段

javascript - 使用 Bing SDS 进行地理围栏

azure - 有关 Azure 资源管理门户的问题

javascript - 循环多维数组

javascript - jquery/jscript 未加载

javascript - 警报显示在 Chrome 和资源管理器中,但不显示在 Firefox 中

bing-maps - Bing map V7 上下文菜单

bing-maps - 如何将 Bing map 自定义图钉 anchor 设置为右下角

azure - 必应新闻搜索 API

javascript - Bing "Address Object"缺少 adminDistrict 或 postalCode