Gạch 3D ảnh thực

Nhà phát triển ở Khu vực kinh tế Châu Âu (EEA)

Tổng quan về 3D Tiles APIÔ 3D ảnh thực tế là một lưới 3D được tạo hoạ tiết bằng hình ảnh có độ phân giải cao. Các ô này cung cấp bản đồ 3D có độ phân giải cao ở nhiều khu vực đông dân trên thế giới. Các ô này cho phép bạn cung cấp trải nghiệm hình ảnh 3D sống động thế hệ mới để giúp người dùng:

  • Hiểu rõ một khu vực

  • Tự tin di chuyển đến một vị trí

  • Đánh giá những địa điểm mới để đưa ra quyết định

  • Hiểu rõ cách thế giới thực thay đổi

Trước khi bắt đầu

Trước khi bắt đầu sử dụng Photorealistic 3D Tiles API, bạn cần xem lại Điều khoản dịch vụ và Chính sách Map Tiles API. Sau đó, bạn có thể bắt đầu một dự án bằng tài khoản thanh toán và bật Map Tiles API. Để tìm hiểu thêm, hãy xem bài viết Thiết lập trong Cloud Console.

Lấy ô

Sau khi lấy khoá API, bạn có thể bắt đầu truy cập vào các ô ảnh thực tế bằng cách chỉ định URL bộ ô gốc cho một trình kết xuất Ô 3D mà bạn chọn. Sau đó, tất cả các lệnh gọi tiếp theo cho các ô ảnh thực tế sẽ được trình kết xuất tự động thực hiện khi người dùng cuối khám phá bản đồ.

Trình kết xuất có thể thực hiện ít nhất 3 giờ yêu cầu ô từ một yêu cầu bộ ô gốc. Sau khi đạt đến giới hạn này, bạn phải thực hiện một yêu cầu bộ ô gốc khác.

Ví dụ: bạn có thể sử dụng mã JavaScript sau để bắt đầu khám phá Ô 3D bằng 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>