Ubin 3D Fotorealistik

Ringkasan 3D Tiles APIUbin 3D Fotorealistik adalah mesh 3D bertekstur dengan gambar resolusi tinggi. Produk ini menawarkan peta 3D beresolusi tinggi di banyak area berpenduduk di dunia. Keduanya memungkinkan Anda mendukung pengalaman visualisasi 3D yang imersif generasi berikutnya untuk membantu pengguna:

  • Memahami area

  • Navigasi ke suatu lokasi dengan percaya diri

  • Mengevaluasi tempat baru untuk mengambil keputusan

  • Memahami bagaimana dunia nyata berubah

Sebelum memulai

Sebelum mulai menggunakan Photorealistic 3D Tiles API, Anda perlu 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 Kartu 3D pilihan Anda. Setelah itu, semua panggilan berikutnya untuk ubin fotorealistik secara otomatis dibuat oleh perender saat pengguna akhir menjelajahi peta.

Render dapat membuat setidaknya tiga jam permintaan kartu dari satu permintaan petak root. Setelah mencapai batas ini, Anda harus membuat permintaan tile root lagi.

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