# Awesome Street Maps #skill/webdev #skill/selfhosting #typ/Liste #zu/dataprotection Resources to create delightful, GDPR compliant, custom maps - [Umap](https://umap-project.org) - map custom POI’s on OSM background layers - [Maputnik](https://maputnik.github.io) - open source visual editor for the [MapLibre Style Specification](https://maplibre.org/maplibre-style-spec/) - FOSS alternative to mapbox studio! - [OpenMapTiles](https://openmaptiles.org) (tile generator) - Generate your own vector tiles from OpenStreetMap - more infos: [OpenMapTiles on OSM Wiki](https://wiki.openstreetmap.org/wiki/OpenMapTiles) - free, but not libre. VersaTiles is a libre alternative. - [MapTiler Server](https://www.maptiler.com/server/) (tile server) - [[Linkliste Selfhosting|Selfhost]] vector map tiles (like the ones you just generated with OpenMapTiles!) - almost a drop in replacement for Mapbox tiles - [VersaTiles](https://versatiles.org) (full vector map stack) - FOSS stack to generate and serve OSM map tiles - supports MapLibre Styles - FOSS alternative to Mapbox or MapTiler Cloud solutions! - [Leaflet.js](https://leafletjs.com) (legacy web frontend) - display interactive maps online - glue POI’s onto map tiles - extensive library of [Plugins](https://leafletjs.com/plugins.html) - [MapLibre GL JS](https://maplibre.org/maplibre-gl-js/docs/) (modern web frontend) - display interactive maps online - glue POI’s onto map tiles - fork of MapBox GL JS - Works well with VersaTiles - Growing library of [Plugins](https://maplibre.org/maplibre-gl-js/docs/plugins/) ## Guides ### Migrate from Mapbox to Maptiler - [Export and modify a style from Mapbox Studio](https://www.youtube.com/watch?v=HQHI75hu0NM) - [Design a style with Maputnik](https://openmaptiles.org/docs/style/maputnik/) - Maptiler Documentation: [Leaflet JS with MapTiler maps](https://docs.maptiler.com/leaflet/) - Maptiler Example: [Use Leaflet JS with Vector Tiles](https://docs.maptiler.com/leaflet/examples/vector-tiles-in-leaflet-js/) - Note: instead of maptiler cloud, use a selfhosted [Maptiler Server](https://www.maptiler.com/server/) ### VersaTiles + MapLibre - VersaTiles - [How to install VersaTiles?](https://versatiles.org/apps/setup_server) - [Example Using Versatiles with MapLibre GL JS](https://versatiles.org/intro.html) - [MapLibre GL JS Docs](https://maplibre.org/maplibre-gl-js/docs/) - [Add a vector tile source](https://maplibre.org/maplibre-gl-js/docs/examples/vector-source/) - [Markers and Controls](https://maplibre.org/maplibre-gl-js/docs/API/#markers-and-controls) - [Add custom icons with Markers](https://maplibre.org/maplibre-gl-js/docs/examples/custom-marker-icons/) ## Blogs, Talks and more - [Maps Mania: VersaTiles Free Map Tiles](https://googlemapsmania.blogspot.com/2024/09/versatiles-free-map-tiles.html) (en) - [VersaTiles - freie Karten für alle - media.ccc.de](https://media.ccc.de/v/ds24-406-versatiles-freie-karten-fr-alle) - probleme von mapbox und anderen kommerziellen kartendiensten - vorstellung des projekts und seinen möglichkeiten - [Leaflet: Webmaps erstellen leicht gemacht - media.ccc.de](https://media.ccc.de/v/fossgis2023-23903-leaflet-webmaps-erstellen-leicht-gemacht) - im prinzip ein quick start guide für leaflet - [Leaflet – die Webmapping-Bibliothek, die fast alles kann - media.ccc.de](https://media.ccc.de/v/fossgis2024-39004-leaflet-die-webmapping-bibliothek-die-fast-alles-kann) - vorstellung von leaflet plugins und use cases - [OpenMapTiles - media.ccc.de](https://media.ccc.de/v/2018-5259-openmaptiles) - vorstellung von OpenMapTiles und MapTiler features - [Mit OpenMapTiles eigene Karten erzeugen - media.ccc.de](https://media.ccc.de/v/fossgis2022-13989-mit-openmaptiles-eigene-karten-erzeugen) - eigene kartenstile mit OpenMapTiles