deck.gl 오버레이 뷰

샘플 보기

deck.gl은 사용하기 쉬운 다양한 2D 및 3D 데이터 시각화를 제공하고 대용량 데이터 세트를 지원하는 WebGL 기반 시각화 프레임워크입니다. deck.gl의 GoogleMapsOverlay 클래스를 사용하여 Maps JavaScript API에 deck.gl 데이터 시각화를 추가할 수 있습니다.

deck.gl은 여러 데이터 소스와 형식을 지원하며 지도에 여러 시각화 레이어를 렌더링하여 복합 시각화를 만듭니다.

요구사항

deck.gl을 사용하려면 Maps JavaScript API에서 제공하는 래스터 또는 벡터 지도를 사용해야 합니다. 기울기, 회전 및 전체 3D 카메라 제어를 비롯한 Google 기본 지도의 WebGL 기능을 최대한 활용할 수 있도록 벡터 지도를 사용하는 것이 좋습니다.

자세한 내용은 벡터 지도 개요를 참고하세요.

deck.gl 로드

deck.gl은 스크립트 태그를 사용하여 웹 앱에 로드하거나 노드 패키지 관리자(NPM)에서 모듈로 설치할 수 있습니다.

자세한 내용은 deck.gl 웹사이트의 @deck.gl/google-maps 문서를 참고하세요.

지도에 deck.gl 시각화 추가

deck.gl 시각화는 deck.gl에서 제공하는 GoogleMapsOverlay 클래스의 인스턴스를 만들어 지도에 추가합니다.

자세한 내용은 deck.gl 웹사이트의 GoogleMapsOverlay 문서를 참고하세요.

사용 가능한 시각화

deck.gl은 다양한 유형의 데이터를 표시하도록 최적화된 다양한 2D 및 3D 시각화를 제공합니다. 전체 목록은 deck.gl 웹사이트의 레이어 카탈로그를 참고하세요.

실제로 사용 중인 deck.gl 및 Maps JavaScript API의 예를 더 확인해 보세요.