Custom marker change to default when dragged about angular-leaflet-directive HOT 4 CLOSED

The problem is somewhere between lines 587 and 602. I am not sure where as I don't understand what's happening there. But removing those lines helped.

// Update the icon property
if (data.icon === undefined || data.icon === null || typeof data.icon !== 'object') {
    // If there is no icon property or it's not an object
    if (old_data.icon !== undefined && old_data.icon !== null && typeof old_data.icon === 'object') {
        // If there was an icon before restore to the default
        marker.setIcon(new DefaultLeafletIcon());
    }
} else if (old_data.icon === undefined || old_data.icon === null || typeof old_data.icon !== 'object') {
    // The data.icon exists so we create a new icon if there wasn't an icon before
    marker.setIcon(new DefaultLeafletIcon(data.icon));
} else {
    // There is an icon and there was an icon so if they are different we create a new icon
    if (JSON.stringify(data.icon) !== JSON.stringify(old_data.icon)) {
        marker.setIcon(new DefaultLeafletIcon(data.icon));
    }
}

from angular-leaflet-directive.

Hi,
I can't reproduce the issue you report. In the examples folder there is the option to set an 'other' icon and the draggable property to true. Then I drag the marker and the icon does not change (I'm using FF23).
The code you are showing is the update of the properties of the marker. So if you change or remove the icon properties of the marker model, it gets updated. Removing the icon properties in the marker sets the default icon again. Are you removing the icon properties of your marker?

from angular-leaflet-directive.

Mmmmm.... I missed that awesome is a plugin
OK. the problem is simple. Leaflet.Icon constructor can't initialize an icon with an object, only options. So when passing a new object Leaflet can't initialize it correctly.
The directive, at this moment only supports Leaflet, so only icons created using the Leaflet API will work.
As, at this moment, I'm adding support for layer plugins, I will try to add also support for Awesome Icon Plugin.

from angular-leaflet-directive.

Solved in #119

from angular-leaflet-directive.