repository·dev·Indexed 23 days ago
https://github.com/zouyaoji/vue-cesiumA Vue 3.x component library designed to simplify the development of 3D geospatial applications using CesiumJS. Built with the Vue 3 Composition API and TypeScript, it supports official CesiumJS as well as third-party platforms like SuperMap iClient3D for WebGL, Earth SDK, Mars3D, and DC-SDK. The library includes specialized components for viewers, measurements, drawings, and imagery/terrain providers, along with a default theme package called vue-cesium-theme-default.
Vue for Cesium is a component library for CesiumJS built specifically for Vue 3.x developers. It leverages the Vue 3 Composition API and is written in TypeScript to provide a reactive, component-based way to build 3D geospatial applications.
Key features:
vue-cesium-theme-default package provides a default theme for vue-cesium components. It is based on the element-component-chalk theme.The vc-geometry-corridor component loads a corridor geometry, which is equivalent to initializing a Cesium.CorridorGeometry instance.
Important: This component must be used as a subcomponent of vc-geometry-instance to load correctly.
The vc-label component loads a viewport-aligned text positioned in the 3D scene, equivalent to a Cesium.Label instance.
Note: vc-label must be used as a subcomponent of vc-collection-label (or vc-collection-billboard) to load normally.
vc-viewer component is successfully loaded, it emits an object containing { Cesium, viewer, map }. The map object provides the interface to the Mars3D engine. You can use this map instance to call Mars3D APIs and follow Mars3D tutorials for advanced geospatial development.vc-geometry-frustum-outline component is used to load the outline of a frustum, equivalent to Cesium.FrustumOutlineGeometry.VcCollectionPoint is used to load a renderable collection of points, equivalent to a Cesium.PointPrimitiveCollection.
For high-performance rendering of massive amounts of points, it is recommended to use the points prop instead of nesting multiple vc-point components. The points prop accepts an array of objects where each object follows the same attribute structure as the vc-point component.
coordinateSystem: 'cesium', the component automatically configures the ECharts coordinate system for use with Cesium 3D maps. When providing data points, specify them as [longitude, latitude] pairs.The vc-imagery-provider-supermap component allows you to load imagery providers for SuperMap iServer image services. It is a Vue wrapper around the Cesium.SuperMapImageryProvider instance.
Important: This component must be used as a subcomponent of vc-layer-imagery to function correctly.
VcPoint loads a single graphical point in the 3D scene, equivalent to a Cesium.PointPrimitive.
Note: VcPoint must be used as a child of vc-collection-point (within its default slot) to load correctly.
The vc-collection-polyline component loads a renderable collection of polylines, equivalent to a Cesium.PolylineCollection.
For performance when rendering massive amounts of polylines, it is recommended to use the polylines prop to pass an array of polyline data objects rather than using child components. The structure of the objects in the polylines array should match the attributes used in the vc-point component.
The vc-polyline component loads a single renderable polyline, equivalent to a Cesium.Polyline.
Important: vc-polyline must be used as a subcomponent of vc-collection-polyline to load correctly.