Mastodawn

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/

#100DayMapChallenge #MapLibreGL #ThreeJS

MapTheClouds Feb 17

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

Show thread

Adon Metcalfe Jan 27

@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

@maplibre @openstreetmap

#openstreetmap #maplibre #maplibregl #openfreemap #maputnik

GitHub - brendan-ward/pymgl: Python MapLibre GL Native Static Renderer

Python MapLibre GL Native Static Renderer. Contribute to brendan-ward/pymgl development by creating an account on GitHub.

GitHub

Chris Hayes Jul 30, 2025

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

開放文化基金會Open Culture Foundation Jul 23, 2025

🗺️ 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/

#OpenStreetMap #向量圖磚 #開源地圖 #OSM更新 #MapLibreGL

Chris Hayes Jul 11, 2025

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

Adam Cox Dec 16, 2024

I'm using @maptiler.bsky.social 's [geocoder control](https://docs.maptiler.com/sdk-js/modules/geocoding/api/api-reference/#geocoding-options) for #MapLibreGL #maplibre, and by default it applies this nice "inverted fill" polygon when you select an item. However, I'd like to customize this style a bit (and use it elsewhere, as well), but I can't actually find anything in the Layer Style Spec about creating inverted fill polygons. Anyone have ideas of how this is done in the geocoder?