在 raphaeljs 中自定义地图

【问题标题】：Customizing Map in raphaeljs在 raphaeljs 中自定义地图
【发布时间】：2012-07-02 23:55:14
【问题描述】：

我正在尝试在 raphaeljs 中构建一个自定义地图，我想做的是，让它像依次出现的国家的淡入淡出效果，因为我使用了setInterval()事件...

我在这里尝试了一些东西，但它设法显示最后一个项目，它淡入淡出...... 我想按顺序显示....有人可以帮忙吗？？？

这是示例：-

http://jsfiddle.net/vpmzT/

【问题讨论】：

您的代码按顺序调用所有状态，但没有间隔。间隔实际上是在调用每个状态之后，直到它再次调用它们。那是你真正想要的吗？呼叫 1-7 -> 等待 2 秒 -> 再次呼叫 1-7？

标签： javascript jquery map svg raphael

【解决方案1】：

这里有几个问题，第一个@JSantos 已经指出：您将所有状态设置为同时闪烁，这可能不是预期的行为。第二个问题是current 变量以及intervalFunctions 是共享的，因此会为每个状态分配一个新值。这就是为什么您只获得列表中的最后一个状态来实际执行动画 - 到动画开始时，intervalFunctions 数组包含最后一个状态的动画函数。

有多种可能的解决方法，但通常您必须使用setTimeout(setInterval(animation_function(), total_interval), delay) 安排动画按顺序运行。一种可能的（虽然不是很可读）的方法是http://jsfiddle.net/uTtaP/28/

【讨论】：