Ubin 3D Fotorealistik

Ringkasan 3D Tiles APIPetak 3D Fotorealistik adalah mesh 3D yang bertekstur dengan gambar berdefinisi tinggi. Layanan ini menawarkan peta 3D beresolusi tinggi di banyak area aglomerasi manusia di seluruh dunia. API ini memungkinkan Anda menghadirkan pengalaman visualisasi 3D imersif generasi berikutnya untuk membantu pengguna:

  • Memahami area

  • Menavigasi ke lokasi dengan percaya diri

  • Mengevaluasi tempat baru untuk membuat keputusan

  • Memahami perubahan dunia nyata

Sebelum memulai

Sebelum mulai menggunakan Photorealistic 3D Tiles API, Anda harus meninjau Persyaratan Layanan dan Kebijakan Map Tiles API. Kemudian, Anda dapat memulai project dengan akun penagihan dan mengaktifkan Map Tiles API. Untuk mempelajari lebih lanjut, lihat Penyiapan di Konsol Cloud.

Mendapatkan kartu

Setelah mendapatkan kunci API, Anda dapat mulai mengakses ubin fotorealistik dengan menentukan URL set ubin root ke perender 3D Tiles pilihan Anda. Setelah itu, semua panggilan berikutnya untuk kartu fotorealistik akan otomatis dibuat oleh perender saat pengguna akhir menjelajahi peta.

Rendering dapat membuat permintaan kartu selama minimal tiga jam dari satu permintaan tileset root. Setelah mencapai batas ini, Anda harus membuat permintaan tileset root lain.

Sebagai contoh, Anda dapat menggunakan kode JavaScript berikut untuk mulai menjelajahi Kartu 3D dengan Cesium JS.

<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>