如何使用实时数据更新(动态)标记图标
How to update (dynamic) marker-icons with live-data?
嘿,伙计们,
我想知道,是否可以创建标记图标,一旦AJAX函数从服务器中提取新数据,就可以更新/更改标记图标。举个例子:
我有几个记号笔代表不同的人。现在,如果其中一个向系统发布了一条新消息,AJAX就会获取它并将其传递给Map对象。现在,我想通过打开该人旁边的InfoWindow将此(事件)弹出到地图中,或者——这是首选方式——在标记图标旁边添加一个红色小图标,就像你从Facebook的顶部导航中知道的那样(例如,你有5条新消息和3个好友请求)。如果图标被点击/信息窗口打开,我想从中删除额外的图标
有可能这样做吗?那么(就基准测试而言)最快的方法是什么?也许有额外的覆盖?或者我必须计算视口中的像素并添加到视口中?
现在轮到你了…:)
非常感谢
简单的方法是使用Marker类的setIcon()函数。
使用另一个覆盖是很可能的,诀窍是计算视口中的像素。您可以通过使用透明的"红色图标"来避免这种情况,并使用自定义覆盖类将其覆盖在现有图标上(http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays)通过使用图标的位置。
如果你真的想计算像素,你可以搜索"谷歌地图上下文菜单",并参考人们是如何进行计算的。
相关文章:
- 动态更改jQuery移动图标的背景颜色
- 页面更改时动态更改标题按钮图标,jQuery mobile 1.4.5
- Jquery Chosen插件-通过Ajax动态填充列表时显示加载图标
- 强制浏览器请求动态加载的图标
- 动态将线性渐变设置为 Google 地图 SVG 路径图标
- 引导按钮组以动态更改文本、HREF 和图标 - JQuery
- 标记谷歌地图的动态图标更改
- 在Twitter Bootstrap 3中动态更改图标
- 动态更改Twitter启动按钮上的文本,同时保留图标
- 如何使用实时数据更新(动态)标记图标
- 使用SVG文件动态修改谷歌地图图标
- 标记簇传单:动态修改图标
- 动态图标的更新频率
- 在图标上动态添加UI引导弹出窗口
- 如何在jquery mobile 1.4.2中动态设置数据图标样式
- Javascript从数据动态创建图像/图标(标记)
- 如何在Java脚本中动态更改谷歌地图标记图标图像的设置间隔函数
- 动画/响应/动态图标在滚动.给定的例子
- 如何动态更改chrome扩展图标
- 带有 HTML 的图标动态代码