Leaflet API. Move a Marker Along a Polyline about leaflet.movingmarker HOT 7 OPEN

I combined MovingMarker with leaflet and its polyline object but sometimes it is hard to have moving icon in the middle of line - see the attached image

var poly = L.polyline(bounds, {color: 'black', weight: '1'}); var myMovingMarker = L.Marker.movingMarker(bounds, [6000], { loop: true, icon: animatedIcon }).addTo(map); poly.addTo(map);
bounds is the array of 2 points

from leaflet.movingmarker.

You must declare size and anchor ok your marker maybe:
example:
marker_km = L.Icon.extend({ options: { iconAnchor: [13,13], iconSize: [26,26] } });

from leaflet.movingmarker.

Yes, I have such kind of initialization. Anchor is in the middle of icon but it doesn't help

from leaflet.movingmarker.

Remember that anchor X,Y values are 1/2 of MarkerSize.

from leaflet.movingmarker.

var animatedIcon = L.icon({ iconUrl: iconPath + 'images/circle-icon-10.png', iconSize: [10, 10], iconAnchor: [5, 5] });

from leaflet.movingmarker.

right !

from leaflet.movingmarker.

And it still doesn't work as expected..

I tried animatedMarket plugin but it doesn't allow to loop animation..

from leaflet.movingmarker.