실시간 항공기·선박·위성·지진·교통·공개 카메라를 사진처럼 사실적인 3D 지형에 표시하는 오픈소스 브라우저 지구본
CesiumGS/cesium
플러그인 없이 WebGL로 브라우저에서 대화형 3D 지구본과 2D 지도를 렌더링하는 JavaScript 라이브러리입니다.
대체할 수 있는 제품:Google Earth
- 스타
- 15,862
- 포크
- 3,890
- 열린 이슈
- 1,740
- 마지막 커밋
- 12시간 전
어떤 프로젝트인가요?
CesiumJS는 플러그인 없이 웹 브라우저에서 바로 실행되는 3D 지구본과 2D 지도를 만들기 위한 JavaScript 라이브러리입니다. 하드웨어 가속 렌더링에 WebGL을 사용하며, 정밀한 WGS84 지구본 위에 동적 데이터를 시각화하도록 설계되었습니다.
이 라이브러리는 개방형 포맷을 기반으로 하며 대규모 데이터셋까지 처리할 수 있도록 설계되었습니다. Cesium ion이라는 상용 호스팅 플랫폼이나 오프라인 및 온라인의 다른 데이터 소스에서 개방형 표준을 사용해 3D Tiles, 지형, 이미지 데이터를 스트리밍할 수 있습니다. 핵심 기능은 cesium npm 패키지로 배포되며, 의존성을 더 세밀하게 관리할 수 있도록 스코프 패키지인 @cesium/engine과 @cesium/widgets도 제공합니다. 또한 Webpack, Parcel, Rollup 같은 일반적인 모듈 번들러를 통해 tree shaking을 지원합니다.
CesiumJS는 Apache 2.0 라이선스로 배포되며 상업적·비상업적 용도 모두 무료로 사용할 수 있습니다. 번들러를 사용하지 않는 프로젝트를 위한 사전 빌드 다운로드도 제공됩니다.
핵심 기능
- 01플러그인 없이 WebGL을 사용해 브라우저에서 3D 지구본과 2D 지도를 렌더링합니다.
- 02Cesium ion 또는 다른 소스에서 3D Tiles와 기타 표준 지리 공간 포맷을 스트리밍합니다.
- 03지리 공간 데이터를 시각화하고 분석할 수 있는 정밀한 WGS84 지구본을 제공합니다.
- 04모듈형 npm 패키지로 tree shaking을 지원해 애플리케이션 번들 크기를 줄입니다.
- 05데스크톱 및 모바일 브라우저에서 작동합니다.
활용 사례
- 3D 지형, 이미지 또는 도시 모델을 표시하는 웹 애플리케이션을 구축합니다.
- 차량이나 위성과 같은 실시간 또는 시간에 따라 변하는 지리 공간 데이터를 시각화합니다.
- 브라우저 플러그인 없이 실행되는 대화형 2D 또는 3D 지도 인터페이스를 만듭니다.
빠른 시작
- 1
cesium npm 패키지를 설치합니다
npm install cesium --save - 2
앱 코드에서 Viewer와 해당 CSS를 가져옵니다
- 3
컨테이너 요소에 연결된 뷰어를 생성합니다
사용 전 알아둘 점
- 프리미엄 지형, 이미지 및 3D Tiles 콘텐츠를 스트리밍하려면 상용 구독 서비스인 Cesium ion 계정을 사용하는 것이 가장 좋습니다.
토픽
자주 묻는 질문
- cesium은(는) 무엇인가요?
- 플러그인 없이 WebGL로 브라우저에서 대화형 3D 지구본과 2D 지도를 렌더링하는 JavaScript 라이브러리입니다. CesiumJS는 플러그인 없이 웹 브라우저에서 바로 실행되는 3D 지구본과 2D 지도를 만들기 위한 JavaScript 라이브러리입니다. 하드웨어 가속 렌더링에 WebGL을 사용하며, 정밀한 WGS84 지구본 위에 동적 데이터를 시각화하도록 설계되었습니다.
- cesium은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- cesium은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- cesium은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. cesium의 마지막 커밋은 2026년 10월 20일입니다.
- cesium은(는) 어디에 사용할 수 있나요?
- 3D 지형, 이미지 또는 도시 모델을 표시하는 웹 애플리케이션을 구축합니다. 차량이나 위성과 같은 실시간 또는 시간에 따라 변하는 지리 공간 데이터를 시각화합니다. 브라우저 플러그인 없이 실행되는 대화형 2D 또는 3D 지도 인터페이스를 만듭니다.
- cesium는 어떻게 설치하나요?
- cesium npm 패키지를 설치합니다: npm install cesium --save 앱 코드에서 Viewer와 해당 CSS를 가져옵니다 컨테이너 요소에 연결된 뷰어를 생성합니다
- cesium은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/CesiumGS/cesium
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
타일, 벡터 데이터, 마커를 표시하는 인터랙티브 웹 지도를 만들기 위한 고성능 JavaScript 라이브러리입니다.
WebGL과 WebGPU를 사용해 브라우저에서 3D 장면을 더 쉽게 만들고 렌더링할 수 있는 JavaScript 3D 라이브러리입니다.
react-three-fiber로 3D 씬을 만들 때 사용하는 바로 쓸 수 있는 React 헬퍼 컴포넌트와 훅 모음입니다.
react-three-fiber 씬에서 JSX 컴포넌트로 후처리 효과를 선언적으로 적용할 수 있는 postprocessing 라이브러리용 React 래퍼입니다.