Gạch 3D ảnh thực

Tổng quan về 3D Tiles APIThẻ thông tin 3D ảnh thực là dạng lưới 3D có kết cấu cao hình ảnh có độ phân giải. Các công cụ này cung cấp bản đồ 3D có độ phân giải cao bằng nhiều phương tiện khu vực đông dân cư. Các video này mang đến cho bạn trải nghiệm 3D sống động, thế hệ mới trải nghiệm trực quan hoá để giúp người dùng:

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

  • Tự tin đi theo chỉ dẫn đến một vị trí

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

  • Hiểu thế giới thực thay đổi như thế nào

Trước khi bắt đầu

Trước khi bắt đầu sử dụng API Thẻ thông tin 3D thực tế, bạn cần xem lại Điều khoản dịch vụ và Chính sách về API Thẻ thông tin của bản đồ. 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.

Đang tải thẻ thông tin

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

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

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