photog.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for your photos and banter. Photog first is our motto Please refer to the site rules before posting.

Administered by:

Server stats:

247
active users

#maplibre

1 post1 participant0 posts today
GeoDatenGuerilla<p>Im Dezember 2024 erschien ein Blogpost mit dem Titel "Straßenraumaufteilung in einer Online-Karte": <a href="https://geodaten-guerilla.net/blog/strassenraumaufteilung-online-karte" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">geodaten-guerilla.net/blog/str</span><span class="invisible">assenraumaufteilung-online-karte</span></a><br>In diesem wurde beschrieben, wie sich eine Online-Karte erstellen lässt, in der die Aufteilung von Straßenräumen in der Stadt Kiel zu sehen ist. Zusätzlich lässt sich in dieser Karte die Stadt in "3D" erkunden.</p><p>Diese Karte hat sich nun weiterentwickelt (siehe Screenshot). Es sind 3D-Gebäudemodelle in LOD2-Qualität eingebunden. Das bedeutet zusätzlich Dächer, statt nur graue Blöcke als Gebäude. <br>Es sind Bäume eingebunden, die aus einem WFS der Stadt Kiel stammen und die Karte sehr viel lebendiger und wirklichkeitsnäher wirken lassen. Die Daten sind übrigens OpenData.<br>Link zum WFS (Lizenz CC-BY-4.0): <a href="https://ims.kiel.de/geodatenextern/services/Stadtplan/LHKielWmsWfs/MapServer/WfsServer" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ims.kiel.de/geodatenextern/ser</span><span class="invisible">vices/Stadtplan/LHKielWmsWfs/MapServer/WfsServer</span></a><br>Die einzelnen Flächen der Straßen lassen sich nun anklicken. Dabei erfährt mensch, um was für einen Typ, bspw. Fahrbahn, Radweg, Parkplatz, es sich handelt.</p><p>Die Online-Karte wurde mit MapLibre erstellt und alle Daten werden als VectorTiles eingebunden.</p><p>Der Link zur Karte ist folgender: <a href="https://geodaten-guerilla.net/beta/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">geodaten-guerilla.net/beta/</span><span class="invisible"></span></a></p><p><a href="https://climatejustice.social/tags/Kiel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kiel</span></a> <a href="https://climatejustice.social/tags/OpenData" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenData</span></a> <a href="https://climatejustice.social/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MapLibre</span></a> <a href="https://climatejustice.social/tags/GIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GIS</span></a> <a href="https://climatejustice.social/tags/GISchat" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GISchat</span></a> <a href="https://climatejustice.social/tags/Karten" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Karten</span></a> <a href="https://climatejustice.social/tags/Verkehrswende" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Verkehrswende</span></a></p>
Anders Lund<p>Playing around with <a href="https://expressional.social/tags/maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maplibre</span></a> and <a href="https://expressional.social/tags/openfreemaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openfreemaps</span></a>. This is the <a href="https://expressional.social/tags/maptiler" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maptiler</span></a> basic style applied to openfreemap tiles, and a <a href="https://expressional.social/tags/gpx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gpx</span></a> track of a recent daysail.</p><p>It is not compeltely trivial to apply maptiler/openmaptiles styles to openfreemap, but possible. Nice, since openfreemap tiles are, as indicated by the name, free to use. Visit <a href="https://openfreemap.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">openfreemap.org</span><span class="invisible"></span></a> to learn more about it.</p><p>This setup is entirely cookie- and apikey free, in this simple configuration. For contour lines, hillshadows geocoding and such, I think an api key for maptiler is needed.</p><p><a href="https://expressional.social/tags/openstreetmap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openstreetmap</span></a></p>
GeoDatenGuerilla<p>I am working on an online map with MapLibre. The basemap contains 3D buildings. However, these are transparent. You can see other layers through the buildings. Perhaps this can be seen in the screenshot.<br>The basemap is from basemap.de / <span class="h-card" translate="no"><a href="https://social.bund.de/@BKG" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>BKG</span></a></span>.<br>Website, including code (German): <a href="https://basemap.de/produkte-und-dienste/3d/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">basemap.de/produkte-und-dienst</span><span class="invisible">e/3d/</span></a><br>Style JSON: <a href="https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_col.json" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">sgx.geodatenzentrum.de/gdz_bas</span><span class="invisible">emapde_vektor/styles/bm_web_col.json</span></a></p><p>Is there a way to remove the transparency?</p><p><a href="https://climatejustice.social/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MapLibre</span></a> <a href="https://climatejustice.social/tags/GIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GIS</span></a> <a href="https://climatejustice.social/tags/GISchat" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GISchat</span></a> <a href="https://climatejustice.social/tags/basemap_de" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>basemap_de</span></a> <a href="https://climatejustice.social/tags/basemap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>basemap</span></a></p>
joeldn<p>ever visited somewhere and wondered what the local politics are? well, over at my place you can select a map location to ask wikidata! <a href="https://joeldn.srht.site/site/post/local-government-political-party-finder.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">joeldn.srht.site/site/post/loc</span><span class="invisible">al-government-political-party-finder.html</span></a> <a href="https://en.osm.town/tags/map" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>map</span></a> <a href="https://en.osm.town/tags/mistral" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mistral</span></a> <a href="https://en.osm.town/tags/maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maplibre</span></a> <a href="https://en.osm.town/tags/wikidata" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wikidata</span></a> <a href="https://en.osm.town/tags/sparql" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sparql</span></a> <span class="h-card" translate="no"><a href="https://mapstodon.space/@mapsmania" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mapsmania</span></a></span></p>
Anders Lund<p>Jeg har lige skrevet til OK Amba, vedrørende data i deres OK app (den til bilister).<br>Jeg kan ikke se tankstationer eller ladestandere i appen - på trods af at dens kort er baseret på <a href="https://expressional.social/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MapLibre</span></a>, og altså <a href="https://expressional.social/tags/openstreetmap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openstreetmap</span></a>. På deres hjemmeside bruger de google maps, så måske henter de data derfra gennem en API som ikke findes på min <a href="https://expressional.social/tags/fairphone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fairphone</span></a> med <a href="https://expressional.social/tags/e_os" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>e_os</span></a>? <br>Jeg har derfor foreslået at de bidrager med data til OSM - giver lidt tilbage til fællesskabet. Så kan de også selv hente data derfra, jo.</p><p>Andre med lignende erfaringer med OK appen? Eller Kan i faktisk *se* lade- og tankstattioner i den?</p>
Anisse<p>About a month ago, I was <a href="https://boitam.eu/@joachim/114325424853633229" rel="nofollow noopener" target="_blank">nerdsniped</a> by <span class="h-card" translate="no"><a href="https://boitam.eu/@joachim" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>joachim</span></a></span>, and I set foot on an adventure inside of Wikidata, data processing, visualization, and more. Read on <a href="https://anisse.astier.eu/wikidata-communes-viewer.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">anisse.astier.eu/wikidata-comm</span><span class="invisible">unes-viewer.html</span></a></p><p><a href="https://social.treehouse.systems/tags/wikidata" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wikidata</span></a> <a href="https://social.treehouse.systems/tags/wikipedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wikipedia</span></a> <a href="https://social.treehouse.systems/tags/communes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>communes</span></a> <a href="https://social.treehouse.systems/tags/maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maplibre</span></a> <a href="https://social.treehouse.systems/tags/echarts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>echarts</span></a> <a href="https://social.treehouse.systems/tags/jq" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jq</span></a> <a href="https://social.treehouse.systems/tags/visualization" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>visualization</span></a> <a href="https://social.treehouse.systems/tags/graphs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>graphs</span></a></p>
Jakub Nowosad<p>🚀 New blog post by Tim Appelhans: State of the (open source) web map – Part I: The base(map)</p><p>A thoughtful dive into the open source web mapping tools. Recommended.</p><p>Read here: <a href="https://tim-salabim.codeberg.page/sotwm/sotwm.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tim-salabim.codeberg.page/sotw</span><span class="invisible">m/sotwm.html</span></a></p><p><a href="https://fosstodon.org/tags/WebMapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebMapping</span></a> <a href="https://fosstodon.org/tags/OpenSourceGIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSourceGIS</span></a> <a href="https://fosstodon.org/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MapLibre</span></a> <a href="https://fosstodon.org/tags/gischat" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gischat</span></a></p>
Stamen Design<p>Over the years, Stamen has built and maintained tools of our own to supplement great tools created by larger carto community. Join us along a cartographic debugging journey as we explore how data, tiles, and stylesheets work together to make beautiful maps. </p><p><a href="https://vis.social/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maps</span></a> <a href="https://vis.social/tags/basemaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>basemaps</span></a> <a href="https://vis.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://vis.social/tags/cartography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cartography</span></a> <a href="https://vis.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://vis.social/tags/maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maplibre</span></a> <a href="https://vis.social/tags/data" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>data</span></a> <a href="https://vis.social/tags/bts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bts</span></a></p><p><a href="https://stamen.com/debugging-101-with-stamen-carto-tools-and-other-tools-we-like/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">stamen.com/debugging-101-with-</span><span class="invisible">stamen-carto-tools-and-other-tools-we-like/</span></a></p>
Daniel<p>Wonderful podcast episode with <span class="h-card" translate="no"><a href="https://mastodon.social/@bdon" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>bdon</span></a></span> of <span class="h-card" translate="no"><a href="https://mapstodon.space/@protomaps" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>protomaps</span></a></span> fame 🤗</p><p>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">#<span>Maps</span></a>, the <a href="https://chaos.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenStreetMap</span></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">#<span>Protomaps</span></a> and <a href="https://chaos.social/tags/Maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Maplibre</span></a> 🗾</p><p><a href="https://www.softwaresessions.com/episodes/protomaps/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">softwaresessions.com/episodes/</span><span class="invisible">protomaps/</span></a></p><p><a href="https://chaos.social/tags/Mapstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mapstodon</span></a> <a href="https://chaos.social/tags/Geo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Geo</span></a></p>
tlohde<p>Seeking recommendations for a <a href="https://fediscience.org/tags/WebMapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebMapping</span></a> tutorial / course?</p><p>Slightly at sea on where to start.</p><p>- My current JS skill level is _extreme novice_.<br>- I don't have access to ArcGIS.<br>- Comfortable with <a href="https://fediscience.org/tags/QGIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>QGIS</span></a> [*] and the <a href="https://fediscience.org/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>python</span></a> <a href="https://fediscience.org/tags/geospatial" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geospatial</span></a> ecosystem (<a href="https://fediscience.org/tags/geopandas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geopandas</span></a> <a href="https://fediscience.org/tags/xarray" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>xarray</span></a> <a href="https://fediscience.org/tags/rasterio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rasterio</span></a> and plotting with <a href="https://fediscience.org/tags/matplotlib" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>matplotlib</span></a>)</p><p>Suggestions welcome. TIA. 👍 </p><p>* I have looked at the qgis2web plugin, but having some issues associated with my aged laptop (2012 mbp running Ubuntu) and a 'Wayland session'.</p><p><a href="https://fediscience.org/tags/Leaflet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Leaflet</span></a> <a href="https://fediscience.org/tags/OpenLayers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenLayers</span></a> <a href="https://fediscience.org/tags/MapBox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MapBox</span></a> <a href="https://fediscience.org/tags/PrototoMaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PrototoMaps</span></a> <a href="https://fediscience.org/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MapLibre</span></a> <a href="https://fediscience.org/tags/d3js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>d3js</span></a> <a href="https://fediscience.org/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenStreetMap</span></a> <a href="https://fediscience.org/tags/GIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GIS</span></a></p>
Jeff Allen<p>playing with dynamically generating bee-swarm plots in maplibre and d3 based on zoom-level</p><p><a href="https://mapstodon.space/tags/maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maplibre</span></a> <a href="https://mapstodon.space/tags/d3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>d3</span></a> <a href="https://mapstodon.space/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maps</span></a> <a href="https://mapstodon.space/tags/dataviz" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dataviz</span></a> <a href="https://mapstodon.space/tags/gis" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gis</span></a></p>
MapAm💜re<p>If you're on a limb and curious about contributing photos to <span class="h-card" translate="no"><a href="https://mapstodon.space/@panoramax" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>panoramax</span></a></span> , for use with <a href="https://en.osm.town/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenStreetMap</span></a>, and you're looking for an app to use, checkout the Baba app repo</p><p><a href="https://gitlab.com/ravenfeld/baba" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">gitlab.com/ravenfeld/baba</span><span class="invisible"></span></a></p><p>or install from <a href="https://en.osm.town/tags/FDroid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FDroid</span></a> , with the <a href="https://en.osm.town/tags/IzzyOnDroid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IzzyOnDroid</span></a> repo enabled, or from <a href="https://en.osm.town/tags/Play" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Play</span></a></p><p><a href="https://play.google.com/store/apps/details?id=com.ravenfeld.panoramax.baba" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">play.google.com/store/apps/det</span><span class="invisible">ails?id=com.ravenfeld.panoramax.baba</span></a></p><p>It uses beautiful <a href="https://en.osm.town/tags/MapLibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MapLibre</span></a> tiles, and the overall experience for a contributor is so much smoother than just using a general purpose cam app like <a href="https://en.osm.town/tags/OpenCamera" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenCamera</span></a></p>
Adam Cox<p><a href="https://mapstodon.space/tags/maplibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maplibre</span></a> aficionados: Any way around this messy labeling? I'm thinking there isn't, as the label layer is on top of the cluster layer, and you can actually see the exact same behavior in the official docs example: <a href="https://maplibre.org/maplibre-gl-js/docs/examples/cluster/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">maplibre.org/maplibre-gl-js/do</span><span class="invisible">cs/examples/cluster/</span></a></p>

#30DayMapChallenge, day 1: Points

Social position index of schools in France, 2021-2022. This is the second version of a map I've published one year ago, with the following changes:
- The data is more recent (2021-2022 here, previous years are coming soon)
- The map now includes all types of schools (écoles, collèges, lycéesn
- On the technical side, I've replaced kepler.gl with #maplibre.

Work in progress, feedback welcome. Not very mobile friendly yet!

#WIP

mapper.space/projects/ipsg-202

#30DayMapChallenge, jour 1: Points

Indice de position sociale des établissements scolaires de France et DROM, 2021-2022.
Seconde version de la carte publiée il y a un an, avec les évolutions suivantes:
- Les données sont plus récentes (ici, 2021-2022; les années précédentes arrivent bientôt)
- La carte inclue désormais tous les types d'établissements
- J'ai remplacé kepler.gl par #maplibre.
Travail en cours, retours bienvenus (pas très mobile-friendly pour l'instant!)

mapper.space/projects/ipsg-202