Beispiele
Beispiele
Jedes Beispiel läuft live auf der Seite, zeigt den vollständigen Code und eine einzelne HTML-Datei zum Kopieren. Grundlage sind MapLibre GL JS (4.7.1) mit pmtiles (3.2.1), mit kostenlosem Token und ohne Build. Die Live-Karten nutzen den Token der Doku; in der Kopie YOUR_TOKEN durch den eigenen öffentlichen Token ersetzen. Nach Produkt filtern:
Karte einbetten
Eine Karte mit dem fertigen mapx-Stil in einer HTML-Seite.
Karten
Basiskarte wechseln
Zwischen Karte, Luftbild und Gelände umschalten.
Karten
Tageszeit und Nachtmodus
Den Standardstil in vier Lichtstimmungen.
Karten
3D-Gelände
Luftbild über dem Geländemodell, geneigt und überhöht.
Karten · Höhe
Höhe per Klick
Ein Klick fragt die Höhe an einem Punkt, wahlweise Gelände oder Oberfläche.
Höhe
Höhenprofil
Linie klicken, Profil sehen.
Höhe
Suche
Orte, Adressen und Gipfel suchen und anspringen.
Suche
Route
Start und Ziel klicken, Weg samt Länge und Dauer erhalten.
Navigation
Wetter-Overlay
Temperatur, Niederschlag oder Wind als Overlay, Stunde per Regler.
Wetter
Niederschlagsradar
Regen und Schnee der nächsten drei Stunden in 15-Minuten-Schritten als Animation.
Wetter
Erreichbarkeit (Isochronen)
Welche Fläche ist in 5, 10 und 15 Minuten erreichbar?
Navigation
Fahrzeitmatrix
Fahrzeiten zwischen mehreren Orten in einer Anfrage.
Navigation
Kataster: Grundstück per Klick
Grundstücksgrenzen über dem Luftbild, ein Klick nennt die Nummer.
Grundstücke
TileJSON-Quellen
Orthophoto und Höhenlinien ohne fertigen Stil einbinden.
Karten
3D-Gebäude
Gebäude mit BEV-Höhen als 3D-Körper, Kamera geneigt.
Karten
Search Box mit Vorschlägen
Vorschläge beim Tippen, Position nach dem Klick, Typfilter.
Suche
Adress-Autofill im Formular
Straße tippen, Vorschlag wählen, das Formular füllt sich.
Suche
Adressvalidierung
Eine Adresse gegen das amtliche Register prüfen und das korrigierte Ergebnis zeigen.
Suche
Reverse Geocoding
Karte anklicken, nächste Adresse erhalten.
Suche
Lkw-Route mit Optionen
Fahrzeugmaße, Maut und Autobahn meiden, Alternativen.
Navigation
Tourenplanung
Haltestellen anklicken, beste Reihenfolge ab Depot und zurück.
Navigation
ÖV-Verbindung
Start und Ziel klicken, Fuß- und Fahrabschnitte erhalten.
ÖV
Abfahrten an einer Haltestelle
Nahe an eine Haltestelle klicken, nächste Abfahrten sehen.
ÖV · SDK
Verkehrslage und Meldungen
Verkehrsstil plus die aktiven Meldungen im sichtbaren Ausschnitt.
Verkehr
Static Image fürs Exposé
Ort anklicken, fertige Bild-URL mit Marker erhalten.
Statische Bilder
Eigenes GeoJSON auf der Karte
Punkte, Linie und Fläche über dem mapx-Stil, Popup per Klick.
Karten
SDK: Routenplaner und Ebenen
RouteControl mit Lkw-Profil, LayerControl, Suche und Stilumschalter.
Navigation · SDK
Hinweise
- Alle Daten stammen aus amtlichen Quellen, keine OSM-Daten. Attribution: Lizenz.
- Alle Beispiele rufen die Endpunkte unter
https://api.mapx.at/v1/mit einem öffentlichen Token auf (siehe Zugang und Limits). - Beispiele mit SDK-Kennzeichnung nutzen
mapx-gl.