Animated maps

[kronpano]

I've made a fork and the main change is the SVG export.
I export the SVG in layers (parks, water, roads primary, roads secondary .... railways) - these path can then be combined, simplified and animated. So far I have only done very simple animation of the SVG without any external tools via dash-array and stroke-dashoffset which can be done in the style section of the SVG file.
Next goal is to look into GSAP to "grow" the map in different layers.

This is the example over at map_city_poster

[msamuslim101]

Excellent implementation! The layered SVG approach is smart, makes it easy to animate with GSAP.

Quick question: I'm building a desktop GUI for MapToPoster and would like to integrate your SVG export feature. Since both our projects are MIT licensed, I'll be forking your changes with full attribution.

Would you be open to me referencing your fork as a submodule, or would you prefer I just credit you in the README?

Repository: https://github.com/msamuslim101/maptopostergui

Thanks for the great work! 🙌

[kronpano]

Not sure what all of that means but yes - go ahead with whatever you like.
Just be aware that things might change.
I'm usually a one person developer so all collab features of Github are quite unknown to me.

[msamuslim101]

Perfect, thanks!

I'm also a beginner figuring out GitHub as I go, so I totally get it. I'll just fork your code in somedays and give you credit. Will keep an eye on your repo for updates!

Really appreciate you sharing this. The animation feature is awesome!

[kronpano]

The animation is not yet done in the python script.
As I say in my repository - the layered svg output "makes it easy" to animate.
I am still playing around with it - there are many parameters to tweak and I need to figure out a way to "make it all play nicely".

[msamuslim101]

No worries at all! I'm not in a hurry - still working on polishing my GUI and have a few other projects going too. 😊

Take your time to experiment and find what works best. I'll keep checking back on your progress whenever you push updates.

The layered SVG approach you've built is already super useful on its own, even without the full animation implementation. Really solid foundation!

Thanks for the heads up! 👍

[kronpano]

My second try with layered SVG - trying to combine the path elements better but there are still a couple of thousand in this example.
So the work continues
This is directly animated in SVG - no GSAP yet