Ubin 3D Fotorealistik

Ringkasan 3D Tiles APIUbin 3D Fotorealistik adalah mesh 3D bertekstur dengan gambar resolusi tinggi. Mereka menawarkan peta 3D beresolusi tinggi di banyak area padat penduduk di dunia. Memungkinkan Anda mendukung pengalaman visualisasi 3D generasi berikutnya yang imersif untuk membantu pengguna:

  • Memahami suatu area

  • Menavigasi ke lokasi dengan percaya diri

  • Evaluasi tempat baru untuk membuat keputusan

  • Memahami bagaimana dunia nyata berubah

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 kartu fotorealistik dengan menentukan URL root set ubin ke perender Kartu 3D pilihan Anda. Setelah itu, semua panggilan berikutnya untuk ubin fotorealistik akan otomatis dibuat oleh perender saat pengguna akhir menjelajahi peta.

Render dapat membuat setidaknya tiga jam permintaan kartu dari satu permintaan kartu root. Setelah mencapai batas ini, Anda harus membuat permintaan kumpulan ubin root lainnya.

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>