将 Mapael 版本从 0.7.1 更新到 2.2.0

Question

jquery.mapael.jsV2.2.0中有很多new/modified功能，现在遇到了一些麻烦

所需流程：（+ = 知道，- = 需要帮助）

显示美国地图和一些按钮，例如10/2019（样本中只有一个link）+
一个按钮'mouseover'显示：
- 以不同颜色显示的访问状态 +
- 州缩写，例如加利福尼亚州、内华达州、亚利桑那州……-
- 带有路线的 PNG 图形（示例中：带有降雪的免费 PNG）+
mouseout 显示：
- 美图+
- 原色+
- 无州缩写 -
- 没有图形 +
a 'mouseclick' 按钮打开 link（示例中：是#）+

另请参阅： jsfiddle。net/ygpbzsce/

使用的版本：

Raphael V2.3.0
Mapael  V2.2.0
jQuery  V3.1.1
Firefox V72.0.2

Answer 1

知道了 - 我的解决方案：

1) 如果不需要动画，打开自定义脚本并将每个 animDuration 设置为 0（零）

$(".mapcontainer").trigger('update', [{
  mapOptions: updatedOptions,
  newPlots: newPlots,
  deletePlotKeys: false,
  animDuration: 0     /* <---set to zero */
}]);

2）如果需要动画，设置animDuration，打开jquery.mapael.js，搜索 _nonAnimatedAttrs 并将 "text" 添加到数组

    _nonAnimatedAttrs: [
        "arrow-end", "arrow-start", "gradient",
        "class", "cursor", "text-anchor",
        "font", "font-family", "font-style", "font-weight", "letter-spacing",
        "src", "href", "target", "text", "title",
        "stroke-dasharray", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit"
    ],

将 Mapael 版本从 0.7.1 更新到 2.2.0

Update Mapael version from 0.7.1 to 2.2.0

jquery

mapael