Bắt đầu sử dụng Trình khám phá khu vực 3D

hình ảnh

Tổng quan

Giải pháp 3D Area Explorer mang đến cho bạn một cách hoàn toàn mới để khám phá và trải nghiệm các địa điểm. Giải pháp này tận dụng các chức năng của Nền tảng Google Maps Photorealistic 3D TilesPlaces API để tạo ra các môi trường 3D hấp dẫn, có tính tương tác.

Công cụ Khám phá khu vực 3D được thiết kế để phục vụ nhiều mục đích:

  • Nâng cao khả năng khám phá khu vực: Người dùng có thể khám phá các khu vực lân cận qua mạng với mức độ chi tiết cao về hình ảnh, từ đó nắm được thông tin chi tiết về các đặc điểm và địa danh tại địa phương.

  • Thúc đẩy nội dung dựa trên vị trí: Khả năng kết hợp các địa điểm yêu thích (POI) với nội dung mô tả phong phú giúp tạo ra trải nghiệm dựa trên nội dung, giáo dục và cung cấp thông tin cho người dùng về các vị trí cụ thể.

  • Truyền cảm hứng cho quá trình phát triển bằng các tính năng 3D của Google Maps: Thể hiện tiềm năng của dữ liệu lập bản đồ 3D của Google trong việc tạo ra các bản đồ sống động, mang tính tương tác

Bắt đầu:

Bật

Công nghệ chính

Giải pháp này được xây dựng bằng 2 công nghệ chính:

Các API của Nền tảng Google Maps:

Chúng tôi sử dụng một số API của Google Maps Platform để lấy bản đồ cơ sở và dữ liệu nhằm tạo ra trải nghiệm này:

  • Ô 3D ảnh thực tế của Google Maps: Mô hình 3D có độ phân giải cao của các toà nhà và địa hình mang đến một hình ảnh chân thực và hấp dẫn về thị giác của môi trường đô thị.
  • Places API: Ứng dụng có thể xác định và hiển thị thông tin chi tiết về Các địa điểm yêu thích (POI) trong khu vực được khám phá, giúp người dùng có trải nghiệm phong phú hơn nhờ kiến thức địa phương.
  • Tính năng tự động hoàn thành giúp người dùng tìm kiếm các địa điểm hoặc khu vực cụ thể mà họ quan tâm.

CesiumJS

CesiumJS chịu trách nhiệm kết xuất và hiển thị quả địa cầu 3D có độ phân giải cao. Thư viện này xử lý việc tải và trực quan hoá các ô 3D siêu thực của Google, cung cấp mô hình lưới 3D của các toà nhà và địa hình.

Quản lý camera: CesiumJS cung cấp các công cụ để kiểm soát vị trí, hướng và chuyển động của camera. Nội dung như vậy bao gồm:

  • Đặt điểm nhìn ban đầu để tập trung vào khu vực lân cận được chỉ định khi tải ứng dụng.
  • Triển khai các chuyển động linh hoạt của camera, chẳng hạn như ảnh động xoay tự động để khám phá.
  • Xử lý các hoạt động tương tác của người dùng với quả địa cầu nếu các tính năng đó được đưa vào (di chuyển, thu phóng, xoay).

Tìm hiểu cách Ô 3D ảnh thực tế có thể Hoạt động với trình kết xuất Ô 3D.

Thành phần chính

Ứng dụng này được chia thành 2 ứng dụng riêng biệt, cụ thể là:

  • Ứng dụng Quản trị
  • Ứng dụng minh hoạ

Sơ đồ này cung cấp thông tin tổng quan về sự khác biệt và mối tương quan giữa hai ứng dụng:

hình ảnh

Bạn nên điều tra thêm về từng ứng dụng:

Ứng dụng Quản trị

Ứng dụng này cung cấp một giao diện thân thiện với người dùng, cho phép bạn tuỳ chỉnh trải nghiệm 3D:

  • Tìm kiếm vị trí : Sử dụng thanh tìm kiếm Tự động hoàn thành của Nền tảng Google Maps được tích hợp để tìm khu vực bạn muốn giới thiệu. Sau khi bạn chọn một vị trí, camera sẽ tự động di chuyển đến khu vực đó.

  • Camera:Điều chỉnh tốc độ di chuyển của camera và loại quỹ đạo để tạo trải nghiệm xem mà bạn chọn.

  • Địa điểm (POI): Xác định mật độ, bán kính tìm kiếm và các loại địa điểm yêu thích (ví dụ: nhà hàng, quán cà phê, địa danh) mà bạn muốn làm nổi bật.

Hãy dùng ứng dụng này để tuỳ chỉnh trải nghiệm cho người dùng cuối.

Có nội dung mô tả chi tiết về tất cả các chế độ tuỳ chỉnh chế độ tuỳ chỉnh 3D Area Explorer.

Ứng dụng minh hoạ

Đây là ứng dụng cuối cùng mà người dùng nhìn thấy, ứng dụng này tải cấu hình mà bạn đã tạo trong ứng dụng Quản trị. Trong môi trường 3D sống động này, người dùng sẽ có thể khám phá các khu vực đã chọn và khám phá những địa điểm mà bạn đã làm nổi bật.

Sau khi tuỳ chỉnh giao diện bằng ứng dụng Quản trị, bạn có thể tải cấu hình xuống và chạy ứng dụng tuỳ chỉnh từ mã nguồn.

Trải nghiệm người dùng

hình ảnh

Sau đây là một số tính năng chính của ứng dụng:

  1. Người dùng có thể khám phá một khu vực ở chế độ 3D, bao gồm cả các toà nhà, địa danh và địa hình.
  2. Người dùng có thể tìm kiếm và khám phá các địa điểm lân cận (ví dụ: bảo tàng, công viên, nhà hàng).
  3. Sau khi chọn một địa điểm, người dùng có thể xem thông tin chi tiết hoặc nội dung mô tả liên quan đến địa điểm đó.

  4. Nhà phát triển có thể cá nhân hoá trải nghiệm khám phá thông qua các chế độ cài đặt và chế độ kiểm soát (nếu sử dụng ứng dụng Quản trị).

  5. Tính năng tự động xoay được bật, cho phép camera tự động xoay quanh tâm của vùng đã chọn.

Điều kiện tiên quyết

  1. Khoá API Google Maps: Bạn sẽ cần một khoá API hợp lệ có các API sau đây được bật:

  2. Máy chủ web: Bạn có thể phân phát ứng dụng từ một trong hai vị trí sau:

    • Máy chủ web cục bộ (ví dụ: sử dụng Node.js, http-server)
    • Một dịch vụ lưu trữ web tĩnh (ứng dụng đi kèm với một Dockerfile)

Bạn có thể xem nội dung mô tả chi tiết về các lựa chọn triển khai trong phần tệp readme của dự án GitHub.

Triển khai

Bạn có thể triển khai ứng dụng dưới dạng một ứng dụng nút hoặc một vùng chứa Docker trong bất kỳ môi trường vùng chứa nào như GKE hoặc GAE. Bản minh hoạ được lưu trữ sử dụng cấu trúc sau:

hình ảnh

  • Trong cấu trúc này, mã nằm trong một dự án GitHub.
  • Cloud Build sẽ nhận mã khi có bất kỳ lệnh đẩy nào vào nhánh chính và kích hoạt một thao tác tạo.
  • Trong quá trình tạo bản dựng, nó sẽ chèn khoá API và tạo một hình ảnh, sau đó hình ảnh này sẽ được lưu trữ trong sổ đăng ký cấu phần phần mềm.
  • Cuối cùng, quy trình này sẽ triển khai hình ảnh ổn định mới nhất từ Artifact Registry đến Cloud Run.
  • Chúng tôi cũng có một số quy trình kiểm tra và giám sát tình trạng sức khoẻ đang chạy để kiểm tra tình trạng sức khoẻ của các ứng dụng đã triển khai.

Thông tin thanh toán

Giải pháp 3D Area Explorer sử dụng các dịch vụ của Nền tảng Google Maps để mang đến trải nghiệm sống động và linh hoạt. Một số API có thể bị tính phí. Sau đây là thông tin tổng quan về các API và đường liên kết đến thông tin về giá.

Nền tảng Google Maps – 3D Tiles API:

Giải pháp Kể chuyện sử dụng 3D Tiles API để nâng cao trải nghiệm hình ảnh bằng dữ liệu không gian địa lý. Để biết thông tin chi tiết về giá liên quan đến 3D Tiles API, hãy tham khảo phần Giá của 3D Tiles API trên Nền tảng Google Maps.

Nền tảng Google Maps – Places API:

Places API được dùng cho dữ liệu dựa trên vị trí, giúp bổ sung thông tin phong phú cho trải nghiệm kể chuyện. Để tìm hiểu về các chi phí liên quan đến Google Places API,hãy truy cập vào Nền tảng Google Maps – Giá của Places API.

Nền tảng Google Maps – Autocomplete API:

Tính năng tự động hoàn thành giúp tăng cường mức độ tương tác của người dùng. Để biết thông tin chi tiết về giá của Autocomplete API của Google Maps, vui lòng truy cập vào trang Nền tảng Google Maps – Giá của tính năng tự động hoàn thành địa điểm.

CesiumJS:

CesiumJS được dùng để trực quan hoá quả địa cầu 3D. Mặc dù CesiumJS là nguồn mở, nhưng các tính năng hoặc dịch vụ bổ sung có thể có chi phí riêng. Tham khảo Tài liệu CesiumJS để biết mọi sản phẩm cao cấp.

Bạn cần xem xét kỹ thông tin chi tiết về giá của từng API tương ứng, vì các khoản phí được xác định riêng dựa trên mức sử dụng. Xin lưu ý rằng Nền tảng Google Maps cung cấp một gói miễn phí với một lượng sử dụng nhất định mà không mất phí và thông tin cụ thể về giá có thể thay đổi tuỳ theo các yếu tố như số lượng yêu cầu và khu vực sử dụng.

Hãy luôn tham khảo các trang định giá chính thức để biết thông tin chính xác và mới nhất về chi phí sử dụng Nền tảng Google Maps và CesiumJS. Đảm bảo tuân thủ các điều khoản và điều kiện do những dịch vụ này quy định để quản lý và hiểu rõ mọi chi phí liên quan một cách hiệu quả.

Kết luận

Tài liệu này cung cấp thông tin tổng quan về các chức năng, thành phần, trải nghiệm người dùng và yêu cầu kỹ thuật của công cụ khám phá Khu vực 3D.

Nhờ sử dụng các ô 3D siêu thực của Google và Places API, ứng dụng này cho phép khám phá ảo các khu vực lân cận, khám phá các địa điểm yêu thích và tìm hiểu về lịch sử địa phương.

Cho dù bạn muốn giới thiệu một khu vực, nâng cao trải nghiệm khám phá hay quảng bá hoạt động kể chuyện kỹ thuật số, 3D Area Explorer đều mang đến một nền tảng trực quan tuyệt đẹp.

Hãy dùng thử bản minh hoạ và tuỳ chỉnh bản minh hoạ đó bằng ứng dụng Quản trị để tạo ra trải nghiệm 3D hấp dẫn và giàu thông tin.