This is awesome! Can you make the zoom in and out smoother? I have to pinch every single time to get to the next zoom level instead of continuously zooming as I pinch.
Honestly the hardest thing for this was getting the pins in the right place. I had Claude create a tool for me to get the location and have it correct placements. Even after a dozen 'pins' were on the map, it still had problems placing the next pin (relative to the ones it had). Claude has gotten better and honestly I had not figured out Claude in the browser when I built this.
I notice the map is the one from the movies (it shows the Orocarni a bit too close, but it's nice they appear on the map).
Maybe when describing historical events you should also put the year (it is given only for some of them).
Anyway, very nice work! I think it's appropriate especially for casual fans (especially movie fans) to delve (sorry) deeper into the lore.
Hey thanks. Good call, I will have Claude figure out the years for each event that can be pinned down.
Wow! this is so detailed. You are putting vibe-code to genuine use.
Best use case I have found so far :-)
One doesn't simply vibe code into Mordor!(but seriously love this)
This is awesome! Can you make the zoom in and out smoother? I have to pinch every single time to get to the next zoom level instead of continuously zooming as I pinch.
Yep, that zoom thing is a bit fiddly on mobile in particular. I will see what I can improve.
Using a tile server for this feels hilarious
Mad respect; I've been working on building maps and it's a LOT harder than it might seem.
Honestly the hardest thing for this was getting the pins in the right place. I had Claude create a tool for me to get the location and have it correct placements. Even after a dozen 'pins' were on the map, it still had problems placing the next pin (relative to the ones it had). Claude has gotten better and honestly I had not figured out Claude in the browser when I built this.