擬真 3D 動態磚

歐洲經濟區 (EEA) 開發人員

3D Tiles API 總覽擬真 3D 圖塊是採用高解析度圖像的 3D 網格紋理,在世界許多人口稠密地區,提供高解析度 3D 地圖。您可以運用這些 API,打造新一代沉浸式 3D 視覺化體驗,協助使用者:

  • 瞭解區域

  • 放心前往目的地

  • 評估新地點,做出決策

  • 瞭解現實世界的變化

事前準備

開始使用擬真 3D 圖塊 API 之前,請務必詳閱《服務條款》和《Map Tiles API 政策》。接著,您可以使用帳單帳戶啟動專案,並啟用 Map Tiles API。詳情請參閱「在 Cloud 控制台中設定」。

取得資訊方塊

取得 API 金鑰後,您就可以指定根圖塊集網址,將擬真圖塊載入您選擇的 3D Tiles 轉譯器。之後,當使用者瀏覽地圖時,轉譯器會自動發出所有後續的擬真圖塊呼叫。

轉譯器可以從單一根圖塊集要求,提出至少三小時的圖塊要求。達到上限後,您必須再次提出根圖塊集要求。

舉例來說,您可以使用下列 JavaScript 程式碼,開始透過 Cesium JS 探索 3D 圖塊。

<head>
 <meta charset="utf-8">
 <script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.105/Build/Cesium/Cesium.js"></script>
 <link href="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.105/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>

<body>
  <div id="cesiumContainer"></div>
  <script>
    const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: false,
      baseLayerPicker: false,
      requestRenderMode: true,
    });

    const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
      url: "https://tile.googleapis.com/v1/3dtiles/root.json?key=YOUR_API_KEY",
      showCreditsOnScreen: true,
    }));

    viewer.scene.globe.show = false;
  </script>
</body>