Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Animated / moving markers

See original GitHub issue

Is there a way of animating one or more markers using ipyleaflet?

For example, suppose I have a dataframe containing lat, lon and timestamp columns, could that easily be rendered as a moving marker, either with or without a t®ail?

Or alternatively, a dataframe containing lat, lon, timestamp and group columns, rendered as separate moving markers, either with or without distinctly coloured t®ails?

Poking around, there seem to be a few related leaflet.js plugins, eg https://github.com/mohsen1/leaflet-moving-marker or https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim , though none with notebook demos that I’ve yet found.

Issue Analytics

State:
Created 4 years ago
Comments:13 (6 by maintainers)

Top GitHub Comments

1reaction

omar-3commented, Sep 6, 2020

Could you share with me the Notebook you are using? So that I can debug it 😃

I made it work, thank you

0reactions

omar-3commented, Sep 4, 2020

@martinRenou sorry for the delay, here is the notebook

https://gist.github.com/omar-3/e2b6c011c613725c14914e9534b847f0

Top Results From Across the Web

Marker Animations | Maps JavaScript API - Google Developers

This example creates a marker in Stockholm, Sweden that uses a DROP animation. Click on the marker to toggle the animation between a...

How to Move Marker Smoothly on Google Map using JavaScript

Read Tutorial and Download source code from CodexWorld.com - https://www.codexworld.com/google-map... Google map animated marker smoothly ...

How to move animated marker smoothly using Google Map ...

In this article, you will learn about how to create moving Google map marker smoothly using Google maps JavaScript API.

Animates the movement of Google Maps markers. - GitHub

Animated marker movement in Google Maps. For a much nicer and unobtrusive marker animation library based on this one, check out marker-animate-unobtrusive.

Marker Animation - OpenLayers

Start Animation. Demonstrates how to move ... This example shows how to use postrender events and a vector context to animate a marker...