Gạch 3D ảnh thực

Tổng quan về API Thẻ thông tin 3DThẻ thông tin 3D ảnh chân thực là một kết cấu lưới 3D có hình ảnh có độ phân giải cao. Chúng 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. Chúng mang lại trải nghiệm trực quan hoá 3D sống động, thế hệ mới để trợ giúp người dùng của bạn:

  • 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ụChính sách API thẻ thông tin 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 API Thẻ thông tin của bả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 vào thẻ thông tin ảnh thực bằng cách chỉ định URL tập hợp thẻ thông tin gốc cho trình kết xuất thẻ thông tin 3D mà bạn chọn. Sau đó, tất cả các lệnh gọi tiếp theo cho các thẻ thông tin ảnh thực tế sẽ tự động được trình kết xuất thực hiện 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 yêu cầu thẻ thông tin 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 tập hợp thẻ thông tin gốc khác.

Ví dụ: bạn có thể sử dụng mã JavaScript sau đây để 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>