MapLibre
MapLibre ist ein Open-Source-Projekt zur Erstellung von interaktiven Karten, das aus der Abspaltung von Mapbox GL JS nach einer Lizenzänderung von Mapbox hervorgegangen ist. MapLibre bietet eine JavaScript-Bibliothek für die Webentwicklung sowie native Bibliotheken für mobile Anwendungen, um benutzerdefinierte, interaktive Karten zu erstellen.
Hier sind einige der wichtigsten Merkmale von MapLibre:
- Open Source: MapLibre ist unter einer freien Lizenz verfügbar, was die Anpassung und Erweiterung des Codes ermöglicht.
- Kompatibilität: Es ist weitgehend kompatibel mit Mapbox GL JS, was den Umstieg erleichtert, falls du zuvor Mapbox verwendet hast.
- Vektor- und Rasterkacheln: MapLibre unterstützt sowohl Vektor- als auch Rasterkacheln für die Kartendarstellung.
- Stilanpassung: Du kannst das Aussehen der Karten mithilfe von JSON-basierten Stilen anpassen.
- Performant: Die Bibliothek ist für hohe Leistung optimiert und eignet sich für die Darstellung großer Datensätze und komplexer Karten.
Wenn du spezifische Fragen oder Anwendungsfälle zu MapLibre hast, lass es mich wissen! Gibt es freie Vektorkarten zur Nutzung mit MapLibre? ChatGPT
Ja, es gibt mehrere Anbieter, die freie Vektorkarten zur Nutzung mit MapLibre bereitstellen. Hier sind einige der bekanntesten:
OpenStreetMap (OSM):
OSM Vector Tiles: Diese können über verschiedene Dienste bezogen werden, die vektorbasierte Kartenkacheln anbieten. Beispiele sind:
OpenMapTiles: Bietet weltweit OSM-basierte Vektorkarten. Es gibt sowohl freie als auch kostenpflichtige Optionen.
MapTiler: Bietet ebenfalls Vektorkarten basierend auf OpenStreetMap-Daten. Hier gibt es auch freie sowie kostenpflichtige Pläne.
Stadia Maps:
Bietet Vektorkarten basierend auf OpenStreetMap-Daten. Sie haben einen kostenlosen Plan für geringe Nutzungsmengen.
Thunderforest:
Bietet verschiedene Kartenstile basierend auf OpenStreetMap-Daten. Einige ihrer Stile sind auch als Vektorkarten verfügbar. Es gibt kostenlose und kostenpflichtige Pläne.
Mapzen (ehemals):
Während der Dienst nicht mehr aktiv ist, gibt es dennoch viele archivierte Daten und Vektor-Kacheln, die von der Community weiter genutzt und gepflegt werden.
Protomaps:
Bietet ebenfalls Vektor-Kacheln basierend auf OpenStreetMap-Daten und erlaubt die freie Nutzung bis zu einem bestimmten Limit.
Diese Vektorkarten können mit MapLibre leicht integriert werden. Hier ein einfaches Beispiel zur Integration von OpenMapTiles in MapLibre:
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>MapLibre GL JS</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js"></script>
<link href="https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css" rel="stylesheet" />
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = new maplibregl.Map({
container: 'map', // Container ID
style: 'https://maps.tilehosting.com/styles/bright/style.json?key=YOUR_API_KEY', // Style URL
center: [0, 0], // Starting position [lng, lat]
zoom: 2 // Starting zoom level
});
</script>
</body>
</html>
Ersetze YOUR_API_KEY durch deinen tatsächlichen API-Schlüssel von OpenMapTiles oder einem anderen Anbieter. Beachte, dass einige dieser Dienste eine Registrierung und die Verwendung eines API-Schlüssels erfordern.
