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

  • Tìm hiểu về một khu vực

  • Tự tin đi đến một địa điểm

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

  • Tìm hiểu những thay đổi trong thế giới thực

Trước khi bắt đầu

Trước khi bắt đầu sử dụng Photorealistic 3D Tiles API, bạn cần xem Điều khoản dịch vụ và Chính sách về 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 phần Thiết lập trong Cloud Console.

Đang tải thẻ thông tin

Sau khi nhận được khoá API, bạn có thể bắt đầu truy cập vào các ô siêu thực bằng cách chỉ định một URL gốc của bộ ô cho trình kết xuất 3D Tiles mà bạn chọn. Sau đó, tất cả các lệnh gọi tiếp theo cho ô siêu thực 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 đồ.

Hoạt động kết xuất có thể tạo ít nhất 3 giờ yêu cầu về ô từ một yêu cầu duy nhất về 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 khác về bộ ô gốc.

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