Day 40. Corgi routes 🐶
What if GPS routes could be visualized with animation and terrain like Relive?
Interactive route visualizer built with MapLibre GL and D3.js. Drag-and-drop GPX → animated playback over terrain, with an elevation chart synced to the map.
Click the chart to jump anywhere along the route. Both views stay aligned.
Still experimental, but shows what’s possible when flexible route data meets modern mapping tools.
#100DayMapChallenge Day 40/100
Day 33. Backcountry routes in 3D 🏍️
Motorcycle routes through Southern California’s backcountry terrain. Built with MapLibre GL for the base map, Three.js for the animated motorcycle, and WebGL for performance.
Route data from https://ridebdr.com and https://tracestrack.com.
The key idea: elevation reshapes perception.
https://maptheclouds.com/playground/30-day-map-challenge-2023/ca-bdr/
Day 9/100: A ball that rolls uphill… or does it? 🎱👀
Gravity Hill, Pittsburgh—terrain optical illusion. Downhill slope appears uphill. Built web map with #MapLibreGL + #MapTiler showing location + video demo of phenomenon.
Experimented with animation: marker rolls onto screen on page load. Small detail, reinforces playful nature.
Reminder: spatial perception isn't just data/measurement—it's context, expectation, sometimes wonder.
Your eyes vs. physics. 👁
️
#100DayMapChallenge
@hakan_geijer I've used https://github.com/brendan-ward/pymgl and https://openfreemap.org/quick_start/ to generate nice static maps before, the liberty style is just json you can edit in maputnik - https://maputnik.github.io/editor?style=https://tiles.openfreemap.org/styles/liberty
Playing with a parchment paper texture on a #MapLibreGL #GIS map.
Nothing too fancy here, a texture + some CSS blending. Which means the texture doesn't follow the contours of the map, but the 2d-ness of the paper texture kinda gives it an artsy vibe. #WIP
🗺️ OpenStreetMap.org 正式啟用向量地圖！
OpenStreetMap 宣布：官網地圖已全面切換為向量圖磚（vector tiles）技術，取代原本使用 raster（點陣圖）的呈現方式。使用者現在在桌機和手機上，都能體驗到更清晰、快速的互動地圖，未來不論是旋轉、3D 建築等，都有更多發展的可能性！此次的更新是由 OSM 志工、社群與多位貢獻者協力完成，是多年來開源合作的成果。
👉 官網已上線：https://www.openstreetmap.org
👉 詳細說明與技術細節請見：
https://blog.openstreetmap.org/2025/07/22/vector-tiles-are-deployed-on-openstreetmap-org/
Unlikely to use this font for readability reasons. But, I can't lie I really dig the look.
(The font is "Homemade Apple Regular") #WIP #MapLibreGL #GIS
I'm wrapping up my #30DayMapChallenge 2023 with this short video, but the experiments will continue. Sound on 😀
🗺️ Keep on mapping!
Gallery: https://maptheclouds.com/playground/30-day-map-challenge-2023/my-favorite-map-challenge/
Code: https://github.com/alexaac/map-challenges-2023/
#gischat #3D #maps #GIS #WebGL #ThreeJS #D3js #QGIS #OSM #MaplibreGL #JavaScript #opensource
MapTheClouds
Adon Metcalfe
Chris Hayes
開放文化基金會Open Culture Foundation
Adam Cox
Iván Sánchez Ortega