リアルな 3D タイル

3D Tiles API の概要Photorealistic 3D Tiles は、高解像度の画像でテクスチャを付けた 3D メッシュです。世界中の人口の多い地域の多くで、高解像度の 3D 地図を提供します。これにより、次世代の臨場感あふれる 3D 可視化エクスペリエンスが実現します。これにより、ユーザーは次のことが可能になります。

  • 地域を理解する

  • 自信を持って目的地まで移動できる

  • 新しい場所を評価して意思決定を行う

  • 現実世界がどのように変化するかを理解する

始める前に

Photorealistic 3D Tiles API を使用する前に、利用規約と Map Tiles API ポリシーをご確認ください。その後、請求先アカウントを指定してプロジェクトを開始し、Map Tiles API を有効にできます。詳しくは、Cloud コンソールでのセットアップをご覧ください。

タイルの取得

API キーを取得したら、任意の 3D タイルレンダラにルートタイルセット URL を指定することで、フォトリアリスティック タイルへのアクセスを開始できます。その後は、エンドユーザーが地図を探索すると、それ以降のフォトリアリスティック タイルの呼び出しはすべて、レンダラによって自動的に行われます。

レンダリングでは、1 つのルートタイルセット リクエストから少なくとも 3 時間分のタイル リクエストを実行できます。この上限に達したら、別のルート タイルセット リクエストを行う必要があります。

たとえば、次の 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>