how to put GIF images in leaflet map?

2
votes

I am new to leaflet. I am trying a plot a LineString geoJson file on map. But instead to just drawing a default line from one coordinate to another I want something like a GIF image of arrow pointing in the direction of flow.

Right now I have this:

example of what I have

But I want a GIF image..something like this..

example of what I'm looking for

Pointing from one co-ordinate to another.

var myStyle_69 = { "color": "#ff6a33", "weight": 1.5, "opacity": 0.65,
};

This the style I am using, It is producing the first image shown.

var network_69 = L.geoJson(link_data_69,{style: myStyle_69});

This is the line were I am using the style. Is the a way were I can just change the orange line into a GIF images of a moving line so that the direction is properly visible.

Thanks

1
javascripthtmlcssleaflet

1 Answers

-1
votes

Sorry for not understanding! Do you want only the arrow to move. If so, try using https://imgflip.com/images-to-gif

Hope this helps!