Berge und Städte in 3D.
Neigen Sie die Karte, und die Berge wachsen aus dem Boden, während sich in der Stadt die Gebäude aufrichten. Gelände funktioniert mit jedem Kartenstil, und das Scene3D Control ergänzt Dachformen, Stadtmodelle und Bäume.
Echte Orte in 3D.
Drei Orte, so wie sie live auf einer Maptoolkit-Karte erscheinen, gerendert aus unseren eigenen Tiles.
Berge in 3D
Der Großglockner und die Pasterze im Stil Hiking. Das Gelände stammt aus einem detaillierten Höhenmodell, deshalb liegt jeder Grat, jedes Tal und jeder Gletscher an der richtigen Stelle.
Gebäude in der Stadt
Der Palace of Westminster von der Themse aus im Kartenstil Street, mit den Dachformen und Bäumen des Scene3D Control.
Jeder Kartenstil in 3D
St. Anton am Arlberg im Stil Winter, mit seinen Liften. Das Gelände funktioniert mit jedem Standardstil und auch mit Ihrem eigenen.
Höhendaten: Mapterhorn.
Karte neigen und drehen.
Dieselben Tiles und dasselbe Gelände wie in der Galerie, live. Wechseln Sie zwischen Bergen, Skigebiet und Wien mit seinem Stadtmodell und sehen Sie sich um.
Die Zugspitze, das Skigebiet Ischgl und Wien
Mit gedrückter rechter Maustaste ziehen, um zu neigen und zu drehen
Auf dem Smartphone mit zwei Fingern
Auf Websites und in Apps.
3D-Gelände und 3D-Gebäude sind getrennte Funktionen. Websites bekommen beides, Apps auf iOS und Android die Gebäude als Blöcke.
Websites
MapLibre GL JS
Datenvisualisierungen
deck.gl
Apps auf iOS und Android
MapLibre Native, Flutter, React Native
2D-Kartenbibliotheken
Leaflet, OpenLayers
Gelände und Gebäude in MapLibre.
Das Gelände ist eine einzige Höhendatenquelle, die Sie der Karte hinzufügen. Die Gebäude stecken bereits in den Vector Tiles, und das Scene3D Control ergänzt ihre Dachformen und Bäume. Neigen Sie die Kamera (pitch), um beides zu sehen.
// Stil Hiking, geneigt, mit 3D-Gelände
const map = new maplibregl.Map({
container: "map",
style: "https://styles.maptoolkit.net/maptoolkit/maptoolkit.hiking.json?api_key=YOUR_API_KEY",
center: [12.694, 47.074], zoom: 12, pitch: 65,
});
map.on("load", () => {
map.addSource("terrain", {
type: "raster-dem",
url: "https://tiles.maptoolkit.net/terrainrgb.json?api_key=YOUR_API_KEY",
encoding: "terrarium",
});
map.setTerrain({ source: "terrain", exaggeration: 1.5 });
});Terrarium-Kodierung
Die Höhen-Tiles verwenden die Terrarium-Kodierung. Setzen Sie encoding auf terrarium, sonst sind die Höhen falsch, ohne dass ein Fehler erscheint.
Höhendaten
Von Mapterhorn: Copernicus mit 30 m weltweit plus nationale Modelle, zum Beispiel 1 m in Österreich und Deutschland.
3D-Gebäude
Die Stile Street und Summer zeichnen die Gebäude als Blöcke. Das Scene3D Control ergänzt mit MapLibre GL JS 6 Dachformen, offizielle Stadtmodelle wie das von Wien und 3D-Bäume ab Zoomstufe 15.
Jeder Stil
Fügen Sie die Geländequelle zu jedem Standardstil oder Ihrem eigenen Stil hinzu. Andere Stile erhalten 3D-Gebäude mit einem einzigen fill-extrusion-Layer oder mit Dachformen über das Plugin 3D Layers.
Native Apps
MapLibre Native stellt 3D-Gebäude auf iOS und Android als Blöcke dar, ohne Dachformen. Gelände unterstützt es noch nicht.
API-Key
Stile und Gelände-Tiles benötigen wie jede Maptoolkit-Anfrage Ihren API-Key (api_key).
Was Sie in 3D umsetzen können.
Drei mögliche Einsatzbereiche. Die Bilder sind zur Veranschaulichung aus offenen Daten gerendert.
Tourenseiten
Zeigen Sie eine Wanderroute im echten Gelände, damit Besucher den Anstieg sehen, bevor sie losgehen.
Immobiliensuche
Ein Objekt in seiner Straße, mit den Gebäuden ringsum in ihrer tatsächlichen Höhe.
Stadt-Apps
Apps auf iOS und Android zeigen die Gebäude des Stils Street in 3D.
Route im ersten Beispiel: Maptoolkit Routing API, zu Fuß.
Fragen zu 3D-Karten.
Kurze Antworten zu Geländehöhe, Gebäudehöhen, Höhenlinien, 3D-Modellen und eigenen Daten in 3D.
Werden die Berge in ihrer echten Höhe dargestellt?
Bei einer Überhöhung von 1 ja. Die Überhöhung (exaggeration) ist eine Einstellung, die das Relief skaliert. Werte über 1 machen Berge am Bildschirm besser lesbar, geben das Gelände aber verfälscht wieder. Das ist wichtig, wenn Menschen mit der Karte eine Wanderung oder Klettertour planen und sich nicht nur umsehen. Wählen Sie den Wert daher passend zum Zweck Ihrer Karte.
Wie genau sind die Gebäudehöhen?
Die Gebäudehöhen stammen aus OpenStreetMap. Hat ein Gebäude einen Höhen-Tag, wird dieser Wert verwendet und auf ganze Meter aufgerundet. Fehlt er, wird die Höhe aus der Zahl der Stockwerke geschätzt oder auf 6 Meter gesetzt. Wo es ein offizielles 3D-Stadtmodell gibt, wie in Wien, zeigt das Scene3D Control stattdessen dieses Modell.
Kann ich die Form der Berge zeigen, ohne die Karte zu neigen?
Ja. Höhenlinien und Schummerung zeigen die Geländeform auf einer flachen Karte. Höhenlinien gibt es als eigene Vector Tiles, erzeugt aus denselben Mapterhorn-Höhendaten wie das 3D-Gelände, und mehrere Standardstile zeigen sie bereits an. Sie können sie zu jedem Stil hinzufügen, zusammen mit einem Schummerungs-Layer. Je weiter Sie hineinzoomen, desto dichter liegen die Höhenlinien.
Kann ich eigene 3D-Modelle auf der Karte platzieren?
Ja. Das Plugin 3D Layers platziert glTF-Modelle wie Hütten, Lifte oder Fahrzeuge an den Punkten Ihrer eigenen Daten, in Abständen entlang von Linien oder verteilt über Flächen. Auf 3D-Gelände stehen die Modelle auf dem Boden, statt zu schweben oder im Hang zu versinken. Für bestehende 3D-Tiles-Datensätze wie Photogrammetrie-Aufnahmen können Sie die Bibliothek three.js verwenden.
Kann ich eigene Daten in 3D zeigen, etwa Grundrisse?
Ja. Dieselbe Technik, mit der Gebäude in die Höhe wachsen, funktioniert auch mit Ihren eigenen Formen. Geben Sie jeder Fläche eine Höhe und eine Basishöhe, und die Karte zieht sie zu einem Block hoch, sodass sich Stockwerke übereinander stapeln lassen. Mit einer Farbe pro Raumtyp und einem Filter nach Etage bauen Sie eine Indoor-Karte, die jeweils ein Stockwerk zeigt.
Ihr Anwendungsfall auf einer Maptoolkit-Karte.
In der Demo führt Sie einer unserer Entwickler durch die Plattform, Ihre Daten und den Umstieg von Ihrem bisherigen Anbieter.