@jorgmoritz/gis-manager
v0.1.36
Published
Cesium + TypeScript GIS manager library: Scene, Layer, Camera, CZML.
Readme
@jorgmoritz/gis-manager
GIS-Verwaltungsbibliothek basierend auf CesiumJS und TypeScript: Szenenverwaltung, Ebenenverwaltung, Kamerasteuerung, CZML-Unterstützung (Import/Export/Bearbeitung) sowie Vue 3-Adapter.
Funktionen
- ESM + CJS Ausgabe, vollständige Typdeklarationen
- Szenenkonfiguration (Beleuchtung/Schatten/Anfangsansicht/Terrain/Bilder) aus einer Hand
- Ebenenverwaltung (DEM/DOM/DSM), Kamerasteuerung (Perspektive/Orthogonal/Flug/Pfad), CZML (Import/Export/Bearbeitung)
- Vue 3 Komponente GisViewer und Composition API useGisViewer
Hinweis: Cesium-Statische Ressourcen (Assets/Widgets/ThirdParty) müssen von Ihrer Anwendung gehostet werden, und CESIUM_BASE_URL muss korrekt konfiguriert sein.
Installation und Abhängigkeiten
Ihre Anwendung muss installieren:
npm install @jorgmoritz/gis-manager cesiumWenn Sie diese Bibliothek im lokalen Verbindungsmodus (npm link) testen möchten:
# Im Stammverzeichnis dieser Bibliothek
npm run build
npm link
# In Ihrem Testanwendungsverzeichnis
npm link @jorgmoritz/gis-manager cesium
npm install cesium --saveWichtige Konfiguration: CESIUM_BASE_URL und statische Ressourcen
Cesium benötigt im Browser Zugriff auf statische Ressourcenverzeichnisse (Assets, Widgets, ThirdParty). Bitte stellen Sie diese drei Verzeichnisse in Ihrer Anwendung über einen öffentlichen Pfad bereit und rufen Sie die von der Bibliothek bereitgestellte Konfigurationsfunktion auf:
import { configureCesiumAssets } from '@jorgmoritz/gis-manager';
configureCesiumAssets({ baseUrl: '/cesium' });
// Ihr Server muss sicherstellen, dass die folgenden Pfade zugänglich sind:
// /cesium/Assets/*
// /cesium/Widgets/*
// /cesium/ThirdParty/*Skripte
Build und Tests:
npm run build
npm testFehlerbehebung
- Konsolenwarnung
CESIUM_BASE_URL is not configured- Rufen Sie
configureCesiumAssets({ baseUrl: '/cesium' })auf und stellen Sie sicher, dass statische Ressourcen vorhanden sind
- Rufen Sie
- Widget-Stile werden nicht angewendet
- Stellen Sie sicher, dass
<link rel="stylesheet" href="/cesium/Widgets/widgets.css" />eingebunden ist
- Stellen Sie sicher, dass
- Bildkacheln 404 oder CORS-Fehler
- Überprüfen Sie die Bilddienst-URL, CORS-Richtlinien und Netzwerk-Proxy-Einstellungen
Lizenz
MIT
