Kartenstil

Driving: klare Strassen,
Tankstellen und Ladestationen.

Breite Strassen in kräftigen Farben mit Autobahnnummern, Tankstellen, Ladestationen und Parkplätzen, auf einem ruhigen Hintergrund. Eine Stil-URL für MapLibre GL JS, für Apps für Lieferungen, Flotten, Reisen und Autos, und für Routen, die Sie darüber zeichnen.

  • 100'000 Kartenkacheln im Monat kostenlos
  • Weniger Kacheln: kein Gelände
  • Beschriftung in 41 Sprachen
Der Stil Driving um Zürich: orange Autobahnen mit ihren Nummern, gelbe Hauptstrassen
Gehe zu:
Die Karte wird geladen…
Stil-URL dieser Ansicht:

Was die Karte zeigt

  • Autobahnen, Hauptstrassen und Zufahrten breiter als in den anderen Stilen, in orange und gelb, mit Autobahn- und Strassennummern.
  • Tankstellen und Ladestationen ab Zoomstufe 12, Parkplätze ab Zoomstufe 14.
  • Tunnel, Brücken, Einbahnpfeile, Bahnlinien, Orte und Gewässer.
  • Landnutzung in blassen Farben, damit Strassen und Ihre eigenen Routen hervortreten.

Die Daten stammen aus OpenStreetMap und werden jede Woche aktualisiert. Der Stil hat kein Gelände und lädt deshalb nur Vektorkacheln: Die erste Ansicht von Zürich auf Zoomstufe 11,3 mit 1280 × 720 Pixeln lud 6 Kacheln.

So kommt die Karte auf Ihre Seite

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@6.13.0/dist/maplibre-gl.css">
<div id="map"></div>
<script type="module">
import * as maplibregl from "https://unpkg.com/maplibre-gl@6.13.0/dist/maplibre-gl.mjs";

const map = new maplibregl.Map({
  container: "map",
  style: "https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/styles/driving.json",
  center: [8.5, 47.41],
  zoom: 11
});
map.addControl(new maplibregl.NavigationControl());

// eine Route Ihres Routing-Dienstes, als GeoJSON-Linie
map.on("load", () => {
  map.addSource("route", { type: "geojson", data: route });
  map.addLayer({ id: "route", type: "line", source: "route",
    layout: { "line-cap": "round", "line-join": "round" },
    paint: { "line-color": "#1f5fbf", "line-width": 6, "line-opacity": 0.8 } });
});
</script>
  • ?lang=de wählt die Sprache der Beschriftung; 41 Sprachen sind verfügbar, und Orte ohne Namen in dieser Sprache zeigen ihren lokalen Namen.
  • Geben Sie dem Element #map in Ihrem Stylesheet eine Höhe.
  • overpass.ch hat keine Routing-API. Zeichnen Sie die Routen Ihres Routing-Dienstes darüber, wie oben.

Sie kommen von Mapbox? Siehe von Mapbox GL JS zu MapLibre GL JS. In React: react-map-gl mit MapLibre. Die Endpunkte stehen in der Dokumentation.

Was Sie erwarten können

  • Die Vektorkacheln gehen bis Zoomstufe 14, näher heran werden sie vergrössert. Hausnummern und die meisten Läden fehlen auf Strassenebene; Tankstellen, Ladestationen und Parkplätze sind da.
  • Die Karte hat keine Verkehrslage, keine Tempolimits und keine Satellitenansicht.
  • Der Stil verwendet einen zweiten Satz Symbole und braucht MapLibre GL JS; andere Bibliotheken zeigen die Karte unter Umständen ohne sie.
Preise

Maps-Tarife

Jedes Konto enthält 100'000 Kartenkacheln im Monat, für jeden Stil. Maps Small hat 2 Millionen für €9 im Monat. Der Vergleich mit anderen Anbietern.

Maps Free

Zum Testen der Karte in Ihrer App
Kostenlos
mit jedem Konto
  • Kartenkacheln / Monat100'000
  • Kartenkacheln / Minute1'200
  • Höhenabfragen / Monat1 Million
  • Keine kommerzielle Nutzung
  • Weltkarte, wöchentlich aktualisiert
  • Unsere Stile Outdoor, Marine, Relief und Driving
  • 5 Protomaps-Stile, Beschriftung in 41 Sprachen
  • 3D-Gelände, Schummerung, Höhenlinien
  • Höhen-API inklusive
  • Kein Support per E-Mail
Kostenlos starten

Maps Small

Für eine Website oder App mit Karte
€9/Mt. + MWST
monatliche Zahlung
  • Kartenkacheln / Monat2 Millionen
  • Kartenkacheln / MinuteUnbegrenzt
  • Höhenabfragen / Monat50 Millionen
  • Kommerzielle Nutzung
  • Weltkarte, wöchentlich aktualisiert
  • Unsere Stile Outdoor, Marine, Relief und Driving
  • 5 Protomaps-Stile, Beschriftung in 41 Sprachen
  • 3D-Gelände, Schummerung, Höhenlinien
  • Höhen-API inklusive
  • Support per E-Mail
Maps Small kaufen

Maps Large

Für grosse Apps mit vielen Nutzern
€79/Mt. + MWST
monatliche Zahlung
  • Kartenkacheln / Monat40 Millionen
  • Kartenkacheln / MinuteUnbegrenzt
  • Höhenabfragen / Monat500 Millionen
  • Kommerzielle Nutzung
  • Weltkarte, wöchentlich aktualisiert
  • Unsere Stile Outdoor, Marine, Relief und Driving
  • 5 Protomaps-Stile, Beschriftung in 41 Sprachen
  • 3D-Gelände, Schummerung, Höhenlinien
  • Höhen-API inklusive
  • Bevorzugter Support
Maps Large kaufen