如何使用实时数据更新(动态)标记图标?

时间:2012-02-24 10:34:36

标签: javascript google-maps jquery google-maps-api-3 google-maps-markers

嗨伙计

我想知道,一旦AJAX功能从服务器中提取新数据,就可以创建可以更新/更改的标记图标。举个例子:

我有几个代表不同人的标记。现在,如果其中一个向系统发布了一条新消息,则AJAX将其获取并传递给Map-Object。现在,我想通过打开该人旁边的 InfoWindow 将这个(事件)弹出到地图中,或者 - 这是首选的方法 - 在标记旁边添加一个小红色图标-icon,就像你从Facebook的顶级导航中知道的那样(例如,你有5条新消息和3条朋友请求)。 如果点击图标/ InfoWindow打开,我想从中删除额外的图标。

有可能这样做吗?什么是最快的(在基准测试方面)方式?也许有额外的叠加?或者我是否必须计算视口中的像素并添加到其中?

现在轮到你了...... :)

非常感谢!

1 个答案:

答案 0 :(得分:0)

简单的方法是使用Marker类的setIcon()函数。

很有可能使用另一个叠加层,技巧是计算视口中的像素。您可以使用透明的“红色图标”来避免这种情况,并使用自定义叠加层将其叠加在现有图标的顶部(http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays )通过使用图标的位置。

如果您真的想要计算像素,可以搜索“谷歌地图上下文菜单”并参考人们如何进行计算。