Lingolol

BaliseOKAY, I'm reasonably happy with the current version. I now have a "progress map" on AlphabeticalZürich, available at <a href="https://www.alphabeticalzurich.ch/map.html" rel="nofollow noopener" translate="no" target="_blank">https://www.alphabeticalzurich.ch/map.html</a>The base tiles are <a href="https://mapstodon.space/@protomaps" class="u-url mention" rel="nofollow noopener" target="_blank">@protomaps</a>, with an extra dash of Leaflet (<a href="https://leafletjs.com/" rel="nofollow noopener" translate="no" target="_blank">https://leafletjs.com/</a>), an export of my progress spreadsheet as CSV, and some "let's throw some Zürich opendata at the geometry problem".And a non-zero amount of work to integrate it as I wanted (including "how do I avoid trivially leaking my API key"), but I *think* it's reasonably clean. It would probably warrant a proper blog post, if only to document things for myself, but now I need a break (... since at least few hours if I'm being honest with myself.)But there, I'm happy - now I need to update the spreadsheet and the real-world data below it :D<a href="https://hachyderm.io/tags/AlphabeticalZ%C3%BCrich" class="mention hashtag" rel="nofollow noopener" target="_blank">#AlphabeticalZürich</a> <a href="https://hachyderm.io/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#maps</a> <a href="https://hachyderm.io/tags/protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#protomaps</a> <a href="https://hachyderm.io/tags/leaflet" class="mention hashtag" rel="nofollow noopener" target="_blank">#leaflet</a> <a href="https://hachyderm.io/tags/opendata" class="mention hashtag" rel="nofollow noopener" target="_blank">#opendata</a>

DanielWonderful podcast episode with <a href="https://mastodon.social/@bdon" class="u-url mention" rel="nofollow noopener" target="_blank">@bdon</a> of <a href="https://mapstodon.space/@protomaps" class="u-url mention" rel="nofollow noopener" target="_blank">@protomaps</a> fame 🤗This conversation is awesome to get a better understanding of <a href="https://chaos.social/tags/Maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maps</a>, the <a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a> data, running an open source project, and how it all comes together in <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a> and <a href="https://chaos.social/tags/Maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maplibre</a> 🗾<a href="https://www.softwaresessions.com/episodes/protomaps/" rel="nofollow noopener" translate="no" target="_blank">https://www.softwaresessions.com/episodes/protomaps/</a><a href="https://chaos.social/tags/Mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mapstodon</a> <a href="https://chaos.social/tags/Geo" class="mention hashtag" rel="nofollow noopener" target="_blank">#Geo</a>

protomapsJust published a guide to Security and Privacy with <a href="https://mapstodon.space/tags/protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#protomaps</a>:<a href="https://docs.protomaps.com/guide/security-privacy" rel="nofollow noopener" translate="no" target="_blank">https://docs.protomaps.com/guide/security-privacy</a>* How to serve an entire map app from a single origin with a strict Content Security Policy * eliminating third party data processors for GDPR compliance * CORS and access control for object storageThanks to <a href="https://mastodon.xyz/@NGIZero" class="u-url mention" rel="nofollow noopener" target="_blank">@NGIZero</a> for supporting this!

DanielEverything You Wanted to Know About Vector Tiles (But Were Afraid to Ask) 🗾✨<a href="https://www.openstreetmap.org/user/daniel-j-h/diary/404061" rel="nofollow noopener" translate="no" target="_blank">https://www.openstreetmap.org/user/daniel-j-h/diary/404061</a>I collected my thoughts on vector maps and vector tiles after having spent some time reading the mvt spec for the first time 🦧💡Happy year of <a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a> vector maps! 🎉<a href="https://chaos.social/tags/Mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mapstodon</a> <a href="https://chaos.social/tags/Maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maplibre</a> <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a>

Harry KurilAn interactive map of the <a href="https://mapstodon.space/tags/TranscaucasianTrail" class="mention hashtag" rel="nofollow noopener" target="_blank">#TranscaucasianTrail</a>: <a href="https://hkuril.com/html/en/articles/2023_tct/tct_route.html#map" rel="nofollow noopener" translate="no" target="_blank">https://hkuril.com/html/en/articles/2023_tct/tct_route.html#map</a>. It’s my first <a href="https://mapstodon.space/tags/Leaflet" class="mention hashtag" rel="nofollow noopener" target="_blank">#Leaflet</a> map, using COG topography and vector data from <a href="https://mapstodon.space/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a> served from a single <a href="https://mapstodon.space/tags/ProtoMaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProtoMaps</a> tile, allowing the labels to easily switch between English and Spanish. It’s rendered in two stages to allow labels to float above the route line, which is a <a href="https://mapstodon.space/tags/GeoJSON" class="mention hashtag" rel="nofollow noopener" target="_blank">#GeoJSON</a> layer. Extra <a href="https://mapstodon.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> is used for a side panel showing elevation profiles and route descriptions.

Daniel<a href="https://chaos.social/tags/Flixbus" class="mention hashtag" rel="nofollow noopener" target="_blank">#Flixbus</a> is on <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a>! 😍Their German .de and US .com domains are now hosting maps as <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a> and are even showing attribution bottom right 🤌✨At this point the <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a> + <a href="https://chaos.social/tags/Maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maplibre</a> stack seems unstoppable and really gaining tractio 🚀🌔cc <a href="https://mastodon.social/@bdon" class="u-url mention" rel="nofollow noopener" target="_blank">@bdon</a> well deserved 👏<a href="https://chaos.social/tags/Mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mapstodon</a> <a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a>

uhmmmOk, I could use an example of <a href="https://tech.lgbt/tags/protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#protomaps</a> serving a <a href="https://tech.lgbt/tags/pmtiles" class="mention hashtag" rel="nofollow noopener" target="_blank">#pmtiles</a> files with <a href="https://tech.lgbt/tags/maplibregl" class="mention hashtag" rel="nofollow noopener" target="_blank">#maplibregl</a> <a href="https://tech.lgbt/tags/maplibrejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#maplibrejs</a> <a href="https://tech.lgbt/tags/maplibregl" class="mention hashtag" rel="nofollow noopener" target="_blank">#maplibregl</a>

Daniel<a href="https://chaos.social/tags/Maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maplibre</a> and <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a> are democratizing maps right now 😍 <a href="https://www.openstreetmap.org/user/daniel-j-h/diary/402706" rel="nofollow noopener" translate="no" target="_blank">https://www.openstreetmap.org/user/daniel-j-h/diary/402706</a><a href="https://chaos.social/tags/Maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maps</a> <a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a> <a href="https://chaos.social/tags/Mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mapstodon</a>

fihuIch habe vor kurzem von <a href="https://norden.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a> gehört und es damit in wenigen Stunden geschafft, mein historisches Kartenprojekt auf meinem eigenen Webspace zum Laufen zu kriegen. So geil.Vorher war das „oweh, fettes <a href="https://norden.social/tags/GeoJSON" class="mention hashtag" rel="nofollow noopener" target="_blank">#GeoJSON</a>, ich ruckel mal lieber….“ jetzt bekomme ich Vektordaten schön aufgeteilt. Ein Konvertierungsschritt dazwischen, aber das ist kein Beinbruch.Bin sehr happy und kann jetzt endlich einen Prototypen zum Vorzeigen bauen.<a href="https://protomaps.com/" rel="nofollow noopener" translate="no" target="_blank">https://protomaps.com/</a>

scy<a href="https://strangeobject.space/@JackEric" class="u-url mention" rel="nofollow noopener" target="_blank">@JackEric</a> As far as I can tell that's a limitation of <a href="https://chaos.social/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#MapLibre</a>, the library used to actually display the tiles in your browser, not <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a> itself.<a href="https://github.com/maplibre/maplibre-gl-js/issues/168" rel="nofollow noopener" translate="no" target="_blank">https://github.com/maplibre/maplibre-gl-js/issues/168</a>

Sammy (is just a fox 🦊)Seeing a lot of <a href="https://wikis.world/tags/ProtoMaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProtoMaps</a> posting today (<a href="https://protomaps.com" rel="nofollow noopener" translate="no" target="_blank">https://protomaps.com</a> if you don't yet know, it's very cool!) — makes me think if <a href="https://maps.wikimedia.org" rel="nofollow noopener" translate="no" target="_blank">https://maps.wikimedia.org</a> could make use of it.. :blobfoxthinking:

scyHoly shit I think I’m in love.<a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a>, a way to serve vector <a href="https://chaos.social/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#maps</a> of the entire world using a single static file and HTTP range requests.It’s basically a static site generator for interactive maps. Tile servers are pretty much obsolete now. No database needed, you can run your interactive, smooth-zooming vector map from any HTTP storage. S3, Caddy running on your Wi-Fi router, even GitHub pages.<a href="https://protomaps.com/" rel="nofollow noopener" translate="no" target="_blank">https://protomaps.com/</a>It’s open source & free to use. Wow. 🤯via <a href="https://chaos.social/@djh/111280447304607540" rel="nofollow noopener" translate="no" target="_blank">https://chaos.social/@djh/111280447304607540</a>

DanielI genuinely feel like <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a> is not nearly getting the attention it deserves<a href="https://protomaps.com" rel="nofollow noopener" translate="no" target="_blank">https://protomaps.com</a>We can drop a single file on a static host and get stylable vector maps? Magic ✨In combination with Maplibre it's a game changer for 99% of web map use cases 👏<a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a> <a href="https://chaos.social/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#MapLibre</a> <a href="https://chaos.social/tags/Maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maps</a> <a href="https://chaos.social/tags/Mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mapstodon</a>

DanielCan't make it to this weekend's <a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a> meetup in <a href="https://chaos.social/tags/Berlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#Berlin</a> unfortunately, so here's something I played around with a while ago instead 🤓A map that fetches Mastodon tags dynamically as you're interacting with the map. Think: you're zooming into Berlin and content tagged with the <a href="https://chaos.social/tags/Berlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#Berlin</a> tag pops up! ✨Attribution: map data <a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenStreetMap</a>, map tiles <a href="https://chaos.social/tags/Protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Protomaps</a>, <a href="https://chaos.social/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#MapLibre</a> map sdk<a href="https://chaos.social/tags/Mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mapstodon</a> <a href="https://chaos.social/tags/Maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maps</a> <a href="https://chaos.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a>

Iván Sánchez OrtegaDear <a href="https://mastodon.social/tags/gischat" class="mention hashtag" rel="nofollow noopener" target="_blank">#gischat</a> peeps: go give <a href="https://mastodon.social/@bdon" class="u-url mention" rel="nofollow noopener" target="_blank">@bdon</a> a follow (specially if you think <a href="https://mastodon.social/tags/protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#protomaps</a> is neat).

MClareNeeded a self-contained "small-win" project for the day, so I worked on getting a small <a href="https://recurse.social/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> app using <a href="https://recurse.social/tags/protomaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#protomaps</a> set up.<a href="https://github.com/m-clare/pmDemo" rel="nofollow noopener" target="_blank">https://github.com/m-clare/pmDemo</a><a href="https://recurse.social/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#maps</a> <a href="https://recurse.social/tags/mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#mapstodon</a> <a href="https://recurse.social/tags/dataviz" class="mention hashtag" rel="nofollow noopener" target="_blank">#dataviz</a>

Recent searches

Search options

Administered by:

Server stats:

#protomaps