リアルな 3D タイル

欧州経済領域（EEA）のデベロッパー

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

  • エリアを把握する

  • 自信を持って目的地に移動する

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

  • 現実世界の変化を把握する

始める前に

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

タイルの取得

API キーを取得したら、任意の 3D Tiles レンダラにルート タイルセット 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>