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

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

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

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/

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

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 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?
Geocoding Control API reference | Weather SDK | JavaScript maps SDK | MapLibre GL JS | MapTiler

JavaScript maps SDK | <div class=

Ahora en #siglibre2024 hay unos geomáticos hablando de COGs en #maplibregl
#30DayMapChallenge 2023 Day 30. My Favorite

#30DayMapChallenge on Twitter

Ok, I could use an example of #protomaps serving a #pmtiles files with #maplibregl

#maplibrejs #maplibregl