Spiderfying doesn't work with Awesome Markers plugin

[hokascha]

When using Awesome Markers https://github.com/lvoogdt/Leaflet.awesome-markers to create markers, the spiderfying effect doesn't work. Markers are just faded in&out but not moved.

var markers = new L.MarkerClusterGroup();
$.ajax({
                type: "GET",
                url: "/?p=map&json=1",
                dataType: 'json',
                success: function (response) {
                    geojson = L.geoJson(response, {
                        pointToLayer: function (feature, latlng) {
                               return L.marker(latlng,{icon:     L.AwesomeMarkers.icon({
                                                                             icon: 'circle-o',
                                                                                     markerColor: 'blue',
                                                                             prefix: 'fa'
                                                                             })
                                                      });
                      });
                    markers.addLayer(geojson);
                    map.addLayer(markers);
                }
            });

[ghybs]

Hi,

If you pay close attention, you will notice that Awesome Markers do not animate either when splitting from / merging into clusters. This is simply because Awesome Markers plugin replaced the leaflet-marker-icon class by awesome-marker-icon (same with -shadow).

Same issue with Extra Markers plugin (which I would recommend over Awesome Markers since it is more recent and offers more options by the way).

You have 2 simple solutions:

• Either add .leaflet-cluster-anim .awesome-marker-icon and .leaflet-cluster-anim .awesome-marker-shadow selectors into MarkerCluster.css.
• Or add "leaflet-marker-" + name into leaflet.awesome-markers.js _setIconStyles method.

Let me know if this does not work for you.

[hokascha]

Thanks, works!

[ghybs]

Hi,

Just to let you know that Leaflet.ExtraMarkers has just been corrected to include the 2 missing classes.

Awesome-Markers is no longer maintained by its author unfortunately.