Balise<p>OKAY, 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 noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">alphabeticalzurich.ch/map.html</span><span class="invisible"></span></a></p><p>The base tiles are <span class="h-card" translate="no"><a href="https://mapstodon.space/@protomaps" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>protomaps</span></a></span>, with an extra dash of Leaflet (<a href="https://leafletjs.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">leafletjs.com/</span><span class="invisible"></span></a>), an export of my progress spreadsheet as CSV, and some "let's throw some Zürich opendata at the geometry problem".</p><p>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.)</p><p>But there, I'm happy - now I need to update the spreadsheet and the real-world data below it :D</p><p><a href="https://hachyderm.io/tags/AlphabeticalZ%C3%BCrich" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlphabeticalZürich</span></a> <a href="https://hachyderm.io/tags/maps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>maps</span></a> <a href="https://hachyderm.io/tags/protomaps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>protomaps</span></a> <a href="https://hachyderm.io/tags/leaflet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>leaflet</span></a> <a href="https://hachyderm.io/tags/opendata" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opendata</span></a></p>