deck.gl 疊加層檢視

查看範例

Deck.gl 是採用 WebGL 技術的視覺化架構,提供各種易於使用的 2D 和 3D 資料視覺化內容,並支援大型資料集。您可以透過 Maps JavaScript API,使用 deck.gl 的 GoogleMapsOverlay 類別來加入 deck.gl 資料視覺化內容。

Deck.gl 支援多種資料來源和格式,以及支援在地圖上算繪多個視覺化圖層來建立複合視覺化內容。

需求條件

如要使用 deck.gl,您必須使用 Maps JavaScript API 提供的光柵地圖或向量地圖。我們強烈建議您使用向量地圖,以便充分運用 Google 基本地圖的一些實用功能,包括傾斜、旋轉和完整的 3D 相機控制項等等,都採用了 WebGL 技術架構。

詳情請參閱向量地圖總覽

載入 deck.gl

您可以在網頁應用程式中使用指令碼標記載入 Deck.gl,或是透過 Node Package Manager (NPM) 以模組形式安裝 Deck.gl。

詳情請參閱 deck.gl 網站的 @deck.gl/google-maps 說明文件

在地圖中加入 deck.gl 視覺化內容

您可以建立 Deck.gl 所提供 GoogleMapsOverlay 類別的執行個體,在地圖中加入 deck.gl 視覺化內容。

詳情請參閱 deck.gl 網站的 GoogleMapsOverlay 說明文件

支援的視覺化內容

Deck.gl 提供多種 2D 和 3D 視覺化內容,適合用來顯示不同類型的資料。如需完整清單,請參閱 deck.gl 網站的「圖層目錄」頁面。

範例

查看更多 deck.gl 和 Maps JavaScript API 應用實例: