Gạch 3D ảnh thực

Tổng quan về API Thẻ thông tin 3DThẻ 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 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 một tài khoản thanh toán và bật API Thẻ thông tin của bản đồ. Người nhận 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 ô ảnh chân thực được trình kết xuất tự động tạo ra với tư cách là 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 của bạn.

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