🇬🇧 Cesium.js – Vollständiger Leitfaden zur 3D-Geodatenvisualisierung für das Web Einführung: Die Welt in 3D in Ihrem Browser Stellen Sie sich vor, Sie könnten ein dreidimensionales Modell des gesamten Planeten Erde direkt von Ihrem Browser aus erkunden, ohne ein Plugin installieren zu müssen. Überfliegen Sie Städte mit fotorealistischen 3D-Gebäuden, analysieren Sie Berggelände mit Zentimetergenauigkeit oder verfolgen Sie den Flug eines Flugzeugs von San Francisco nach Kopenhagen in Echtzeit. All dies ist dank CesiumJS möglich, der Open-Source-JavaScript-Bibliothek, die die Geovisualisierung im Web neu definiert hat. CesiumJS ist viel mehr als nur eine Kartenbibliothek: Es ist eine echte Geodaten-3D-Engine, die für hohe Leistung, wissenschaftliche Präzision und visuelle Qualität auf professionellem Niveau ausgelegt ist. Seit seiner Einführung im Jahr 2012 hat es sich zum De-facto-Standard für diejenigen entwickelt, die dreidimensionale Geodaten in Bereichen von der Luft- und Raumfahrt bis zur Stadtplanung, von der Verteidigung bis zum Drohnenmanagement visualisieren müssen. In diesem umfassenden Leitfaden werden wir jeden Aspekt von CesiumJS untersuchen: von der internen Architektur bis zu den Hauptfunktionen, von der Erstkonfiguration über erweiterte Beispiele bis hin zu realen Anwendungsfällen, die die Leistungsfähigkeit dieser Bibliothek demonstrieren. Ganz gleich, ob Sie Webentwickler, GIS-Experte oder Geodaten-Technologie-Enthusiast sind, hier finden Sie alles, was Sie zum Erstellen atemberaubender 3D-Anwendungen benötigen. Abschnitt 1: Was ist CesiumJS und warum ist es wichtig? CesiumJS ist eine JavaScript-Bibliothek, die unter der Apache 2.0-Lizenz veröffentlicht wird und daher sowohl für die kommerzielle als auch nichtkommerzielle Nutzung völlig kostenlos ist. Es nutzt WebGL zur Hardwarebeschleunigung von Grafiken, was bedeutet, dass jeder moderne Browser komplexe 3D-Globen ohne externe Abhängigkeiten rendern kann. Der Kern der Philosophie von Cäsium ist die Interoperabilität auf der Grundlage offener Standards.
Anstatt proprietäre Formate zu erstellen, entwickelte und förderte das Cäsium-Team offene Spezifikationen wie 3D Tiles (jetzt der OGC-Standard) und stützt sich auf etablierte Formate wie glTF, KML, GeoJSON und CZML. Dieser Ansatz stellt sicher, dass die Daten portierbar bleiben und das Ökosystem für alle zugänglich ist. Die Architektur ist darauf ausgelegt, riesige Datensätze durch progressives Streaming zu verwalten: Anstatt ganze Modelle in den Speicher zu laden, lädt CesiumJS dynamisch nur die für den Benutzer sichtbaren Datenteile und passt den Detaillierungsgrad an die Entfernung der Kamera an. Mit dieser Technik können Sie ganze Städte mit Millionen von Gebäuden, Punktwolken mit Milliarden von Punkten oder Geländemodelle mit globaler Auflösung visualisieren, ohne die flüssige Interaktion zu beeinträchtigen. // Minimalbeispiel: Einen CesiumJS-Globus erstellen const viewer = new Cesium.Viewer('cesiumContainer', { Terrain: Cesium.Terrain.fromWorldTerrain(), }); // Das ist alles, was Sie brauchen, um einen interaktiven 3D-Globus zu haben! Mit nur drei Codezeilen erhalten Sie einen interaktiven 3D-Erdglobus mit hochauflösendem Gelände, Maus- und Touch-Navigation und Zugriff auf die integrierten Widgets von CesiumJS. Von hier aus können Sie jede Art von Geodatenanwendung erstellen. Abschnitt 2: Das Cäsium-Ökosystem – CäsiumJS und Cäsiumion Es ist wichtig, zwischen den beiden Hauptkomponenten des Cäsium-Ökosystems zu unterscheiden, da sie komplementäre, aber unterschiedliche Rollen spielen. CesiumJS ist die clientseitige Rendering-Engine: die JavaScript-Bibliothek, die sich um das Zeichnen des Globus, die Verwaltung der Kamera, das Rendern von 3D-Kacheln und die Verwaltung der Benutzerinteraktion kümmert. Es ist vollständig Open Source und kann unabhängig verwendet werden, indem eine Verbindung zu jedem kompatiblen Kachelserver hergestellt wird. Cäsiumion ist die Cloud-Plattform (SaaS), die Geodaten im 3D-Kachelformat hostet, optimiert und bereitstellt.
Wenn Sie ein kostenloses Konto bei Cäsium ion erstellen, erhalten Sie sofortigen Zugriff auf vorinstallierte globale Inhalte wie: Cäsium World Terrain – ein hochauflösendes Geländehöhenmodell, das den gesamten Planeten abdeckt, einschließlich ozeanischer Bathymetriedaten. Cäsium OSM Buildings – eine globale 3D-Gebäudeebene, abgeleitet von OpenStreetMap, mit über 350 Millionen Strukturen. Bing Maps-Bilder – hochauflösende Satellitenbilder, die als Basisebene für den Globus verwendet werden können. Cäsium Ion bietet auch Kachelpipelines, die Ihre Daten (Photogrammetrie, LiDAR-Punktwolken, BIM/CAD-Modelle) automatisch in das für Streaming optimierte 3D-Kachelformat umwandeln. Das kostenlose Konto reicht für Entwicklungs- und Prototyping-Projekte aus, während die kostenpflichtigen Pläne für Produktionsanwendungen mit hohem Verkehrsaufkommen gedacht sind. // Cäsiumionen-Zugriffstoken konfigurieren Cesium.Ion.defaultAccessToken = 'YOUR_ACCESS_TOKEN'; // Das Token ermöglicht den Zugriff auf globale Inhalte: // - Cesium World Terrain (Asset-ID: 1) // - Cesium OSM Buildings (Asset-ID: 96188) // - Luftbilder von Bing Maps // - Ihre auf ion hochgeladenen benutzerdefinierten Assets Abschnitt 3: Einrichtung über CDN – Der schnellste Einstieg Szenario: Sie möchten schnell eine HTML-Seite mit einem interaktiven 3D-Globus erstellen, ohne Build-Tools zu konfigurieren. Die CDN-Methode eignet sich perfekt für Prototypen, Demos und das Erlernen der Grundlagen von CesiumJS. Fügen Sie einfach die JavaScript-Datei und das CSS-Stylesheet direkt aus dem offiziellen Cäsium-CDN ein. Meine erste CesiumJS-App