Ubin 3D Fotorealistik

Ringkasan 3D Tiles APIUbin 3D Fotorealistik adalah bertekstur mesh 3D dengan resolusi gambar. Mereka menawarkan peta 3D resolusi tinggi di banyak situs daerah berpenduduk. Memungkinkan Anda mendukung resolusi 3D yang imersif dan generasi berikutnya pengalaman visualisasi untuk membantu pengguna:

  • Memahami suatu area

  • Menavigasi ke lokasi dengan percaya diri

  • Mengevaluasi tempat baru untuk membuat 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. Anda kemudian dapat memulai project dengan akun penagihan dan mengaktifkan Map Tiles API. Kepada Pelajari lebih lanjut, lihat Penyiapan di Konsol Cloud.

Mendapatkan kartu

Setelah mendapatkan kunci API, Anda dapat mulai mengakses ubin fotorealistik dengan menentukan URL akar ubin ke 3D Perender kartu pilihan Anda. Setelah itu, semua panggilan berikutnya untuk petak fotorealistik otomatis dibuat oleh perender sebagai pengguna akhir menjelajahi peta.

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

Sebagai contoh, Anda dapat menggunakan kode JavaScript berikut untuk mulai menjelajahi 3D Ubin 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>