将 Mapael 版本从 0.7.1 更新到 2.2.0

Question

There are a lot new/modified functions in jquery.mapael.js V2.2.0 and now I have some troubles.

desired process: ( + = got it, - = help needed)

• display the US-map and some buttons, eg 10/2019 (in the sample it is only a link) +

• a button 'mouseover' shows:

  • visited states in a different color +
  • the state abbr, eg CA, NV, AZ, ... -
  • PNG graphic with the route (in the sample: a free PNG with snowfall) +

• a mouseout shows:

  • the US-map +
  • original color +
  • no state abbr -
  • no graphic +

• a 'mouseclick' on the button opens link (in the sample: is #) +

see also: jsfiddle.net/ygpbzsce/

used versions:

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

Answer 1

got it - my solutions:

1) if animation is not required, open the custom script and set every animDuration to 0 (zero)

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

2) if animation is required, set animDuration , open jquery.mapael.js and search for _nonAnimatedAttrs and add "text" to the array

    _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"
    ],