Interaktive Karten für Ihre Website und App.
Scharfe, schnelle Karten, die Ihre Besucher zoomen und drehen können, in sieben Designs von Stadtstraßen bis zu Wanderwegen. Die Kartendaten stammen aus OpenStreetMap, werden jede Woche aktualisiert und in der EU gehostet.
Sieben Kartendesigns für verschiedene Zwecke.
Alle sieben Designs entstehen aus denselben Kartendaten. Sie können also zwischen ihnen wechseln oder Ihren Besuchern mehrere anbieten.
Summer
Outdoor-Karte mit schattiertem Gebirgsrelief. Das Standarddesign.
Winter
Ein Winterlook für Schnee- und Skiregionen.
Hiking
Zum Wandern, mit markierten Wegen und ihrer Beschilderung.
Cycling
Zum Radfahren, mit Radrouten und Radwegen.
Street
Detaillierter Stadtplan, mit 3D-Gebäuden beim Hineinzoomen.
Light
Hell und ruhig, damit Ihre eigenen Inhalte hervortreten.
Dark
Dunkles Design mit starkem Kontrast.
Berge, Wege und Seen im Detail.
Die Outdoor-Designs zeigen, was Wanderer und Radfahrer wissen müssen: wie steil das Gelände ist, wohin die Wege führen und wie schwierig sie sind.
Höhenlinien und Relief
Höhenlinien und Schummerung machen Hänge, Täler und Gipfel leicht lesbar.
Schwierigkeit der Wege
Wanderwege zeigen ihre Schwierigkeit (T1 bis T6), Mountainbike- und Klettersteiggrade sowie den Untergrund.
Wassertiefen
Tiefenlinien zeigen, wie tief Seen und Meere sind.
3D-Gelände
Jedes Design lässt sich in 3D mit der echten Höhe der Berge zeigen, wie die Karte oben auf dieser Seite.
In wenigen Zeilen startklar.
Binden Sie die Karte mit einer einzigen Webadresse, der Style-URL, in einer gängigen Kartenbibliothek in Ihre Website oder App ein. Design, Kartendaten und Beschriftungen laden alle von dort.
const map = new maplibregl.Map({
container: "map",
style: "https://styles.maptoolkit.net/maptoolkit/"
+ "maptoolkit.summer.json?api_key=YOUR_API_KEY",
center: [11.400, 47.268],
zoom: 12,
attributionControl: { compact: false }
});
Ersetzen Sie summer durch winter, hiking, cycling, street, light oder dark, um das Design zu wechseln.
Passt zu Ihrer Kartenbibliothek
MapLibre GL JS, Mapbox GL JS, Leaflet und OpenLayers, jeweils mit einem funktionierenden Beispiel in der Dokumentation.
Flüssiges Zoomen und Drehen
Der Browser zeichnet die Karte selbst, deshalb zoomt und dreht sie sich, ohne neue Bilder zu laden. Tiles im MVT-Format, Zoomstufe 0 bis 15.
Jede Woche aktualisiert
Die Kartendaten stammen aus OpenStreetMap und werden jede Woche neu erstellt.
In der EU gehostet
Die Karten werden aus der Europäischen Union ausgeliefert, mit anonymisierten IP-Adressen.
Beschriftungen in vielen Sprachen
Orts-, Straßen- und POI-Namen gibt es in den Sprachen, die OpenStreetMap enthält, etwa Deutsch, Englisch und Französisch.
Höhendaten inklusive
Höhenlinien, Schummerung und 3D-Höhen gibt es mit demselben API-Key.
Ein API-Key
Der Key steckt in der Style-URL und wird an alles weitergegeben, was die Karte lädt.
Sieben Designs oder Ihr eigenes
Sieben Standardstile. Eigene Stile in Ihren Markenfarben gibt es mit Enterprise.
Was Sie mit Vektorkarten bauen können.
Drei typische Anwendungen, gezeigt mit echten OpenStreetMap-Daten:
Touren- und Destinationswebsites
Eine interaktive Karte mit Wegen, Hütten und Sehenswürdigkeiten, Höhenlinien und Wegschwierigkeiten sind schon enthalten.
Immobilienportale
Wohnungen auf einer ruhigen Karte, mit Schulen, Geschäften und U-Bahn-Stationen in der Umgebung.
Apps, die offline funktionieren
Karten, die auch in den Bergen ohne Mobilfunkempfang funktionieren.
Fragen zu Vector Tiles.
Kurze Antworten zu Quellenangaben, dem Wechsel von Mapbox oder Google, mobilen Apps und Kartenaktualisierungen.
Muss ich eine Quellenangabe zeigen?
Ja. Jede Karte braucht eine sichtbare Quellenangabe für Maptoolkit und OpenStreetMap. Im Web bringt der Kartenstil die Quellenangabe mit, Sie müssen sie also nicht selbst schreiben. Setzen Sie in MapLibre das Attribution-Control auf compact: false, sonst schrumpft die Quellenangabe zu einem kleinen Symbol, sobald jemand die Karte bewegt.
Wie wechsle ich von Mapbox zu Maptoolkit?
Ersetzen Sie Mapbox GL JS durch MapLibre GL JS, den Open-Source-Fork, und tauschen Sie Script-Tag, Access-Token und Style-URL aus. Marker, Popups, Kamerafunktionen und Events funktionieren weiter. Echten Aufwand machen zwei Dinge: eigene Layer, die für Mapbox Streets geschrieben wurden, weil sich Layer- und Feldnamen unterscheiden, und Stile aus Mapbox Studio, denn eigene Kartenstile gibt es mit Enterprise.
Kann ich von Google Maps zu Maptoolkit wechseln?
Ja, in zwei Schritten. Routing, Geocoding und Höhendaten haben direkte Entsprechungen, deshalb können Sie diese zuerst umstellen, während die Karte bleibt, wo sie ist. Die Karte selbst schreiben Sie in MapLibre GL JS oder Leaflet neu. Achten Sie auf die Reihenfolge der Koordinaten: MapLibre erwartet zuerst den Längengrad. Für Places, Street View und Live-Verkehr gibt es keine Entsprechung.
Kann ich die Karten in meiner iOS- oder Android-App nutzen?
Ja. Verwenden Sie das Open-Source-SDK MapLibre Native, das auf iOS, Android und weiteren Plattformen läuft. Es lädt dieselben Style-URLs wie im Web, so können Ihre App und Ihre Website dieselbe Karte zeigen. Zeigen Sie auf jedem Kartenbildschirm die Quellenangabe für Maptoolkit und OpenStreetMap zusammen mit dem kleinen Maptoolkit-Logo.
Wie schnell erscheinen Änderungen in OpenStreetMap auf der Karte?
Nach der nächsten wöchentlichen Neuerstellung. Die Karte wird jeden Sonntag aus OpenStreetMap neu erstellt, eine Änderung in OpenStreetMap erscheint also nach der nächsten Neuerstellung, nicht sofort. Ein Browser, der ein Tile bereits geladen hat, zeigt unter Umständen bis zu einer Woche lang noch das alte. Höhenlinien und Wassertiefen stammen aus eigenen Daten und ändern sich nur selten.
Die richtige Karte für Ihr Projekt.
In einer Demo zeigen wir Ihnen die sieben Designs für Ihre Region und besprechen, was eine Karte in Ihren eigenen Farben bedeuten würde.