Comments (2)
But the SnakeAnim plugin is hard to combine with MovingMarker because the way they define the speed is quite different. SnakeAnim speed is in pixel per second, which means if you zoom, the animation duration changes (not so great). I prefer MovingMarker's way. Animation duration is set and zoom events are not problematic.
After exploring a lot of complicated possibilities to draw a polyline progressively following the marker, i realized i just needed a "move" event from the marker. Here is a modified version of MovingMarker.js which fires this event. Then it looks like this :
var snakeLine, marker;
function updateSnakeLine(e) {
var ll = e.target.getLatLng();
snakeLine.addLatLng(ll);
}
// suppose we already have the pathLine polyline
snakeLine = L.polyline([]).addTo(map);
marker = L.Marker.movingMarker(pathLine.getLatLngs(), 10000).addTo(map);
marker.on('move', updateSnakeLine);
marker.start();
The snakeLine is drawn at the exact same time the marker moves.
from leaflet.movingmarker.
Use SnakeAnim plugin for leaflet
from leaflet.movingmarker.
Related Issues (20)
- The moving marker is not always moving HOT 3
- How to use the events (start, end, loop)?
- marker jitter
- Marker drifting off line when coords are across equator. HOT 4
- Using negative durations
- Leaflet API. Move a Marker Along a Polyline HOT 7
- How to change moving icon with custom Icon or Image. HOT 2
- Change orientation of pointer HOT 5
- movingMarker undefined in Angular7 Project
- Destionation Reached Event
- Move marker to a new position HOT 1
- While zooming the marker is moving on wrong line HOT 3
- Implement TypeScript file
- Work fine with LeafletJS 1.7.1 HOT 2
- The demo page is broken HOT 1
- GeoJson Support
- Variable speed?
- problem with array when passing array HOT 3
- Rotated Markers HOT 1
- is there a plan to update this? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leaflet.movingmarker.