Bắt đầu Trình khám phá vùng 3D

hình ảnh

Tổng quan

Giải pháp Trình khám phá khu vực 3D cung cấp cho bạn một cách hoàn toàn mới để khám phá và trải nghiệm các vị trí. Giải pháp này tận dụng các tính năng của Thẻ thông tin 3D ảnh thực trên nền tảng Google Maps và API địa điểm để tạo môi trường 3D hấp dẫn, có tính tương tác.

Trình khám phá vùng 3D được thiết kế để phục vụ nhiều mục đích:

  • Tăng cườ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 với mức độ chi tiết trực quan cao, nắm được thông tin chi tiết về các đối tượng địa lý và địa danh tại địa phương.

  • Quảng bá nội dung kể chuyện dựa trên vị trí: : Khả năng kết hợp POI (Địa điểm yêu thích) với nội dung mô tả chi tiết giúp tạo ra trải nghiệm dựa trên câu chuyện nhằm giáo dục và thông báo cho người dùng về các địa điểm cụ thể.

  • Truyền cảm hứng phát triển bằng các chức năng 3D của Google Maps: Sản phẩm này cho thấy tiềm năng của dữ liệu lập bản đồ 3D của Google trong việc tạo các bản đồ sống động, 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:

API trên Nền tảng Google Maps:

Chúng tôi sử dụng một số API từ Nền tảng Google Maps để tải bản đồ cơ sở và dữ liệu để tạo trải nghiệm này:

  • Thẻ thông tin 3D ảnh thực tế của Google Maps: Mô hình 3D của các toà nhà và địa hình có độ phân giải cao mang đến hình ảnh thực tế và bắt mắt về môi trường đô thị.
  • API Địa điểm: Ứng dụng có thể xác định và hiển thị thông tin chi tiết về Địa điểm yêu thích (POI) trong khu vực được khám phá, làm phong phú trải nghiệm người dùng 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 vị trí hoặc khu vực mà họ quan tâm cụ thể.

CesiumJS

CesiumJS chịu trách nhiệm kết xuất và hiển thị quả cầu 3D có độ phân giải cao. Tính năng này xử lý việc tải và trực quan hoá các Thẻ thông tin 3D Ảnh 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ý máy ảnh: CesiumJS cung cấp các công cụ để kiểm soát vị trí, hướng và chuyển động của máy ảnh. Trong đó có:

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

Tìm hiểu cách thẻ thông tin 3D ảnh thực tế có thể Làm việc với trình kết xuất thẻ thông tin 3D.

Các thành phần chính

Ứng dụng được chia thành hai ứng dụng khác nhau, 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 2 ứ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 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í, máy ảnh sẽ di chuyển liền mạch đế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 đã chọn.

  • Địa điểm (POI): Xác định mật độ, bán kính tìm kiếm và 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.

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

Có mô tả chi tiết về mọi tuỳ chỉnh tuỳ chỉnh Trình khám phá khu vực 3D.

Ứng dụng minh hoạ

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

Sau khi tuỳ chỉnh giao diện bằng ứng dụng Quản trị viên, 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

Một số tính năng chính của ứng dụng là:

  1. Người dùng có thể tương tác 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. Khi chọn một địa điểm, người dùng có thể xem thông tin chi tiết hoặc câu chuyện 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á của mình thông qua các chế độ cài đặt và kiểm soát (nếu dùng ứng dụng Quản trị).

  5. Bật tính năng tự động xoay, cho phép máy ảnh tự động xoay quanh phần giữa của vùng đã chọn.

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

  1. Khoá API của Google Maps: Bạn cần có một khoá API hợp lệ có bật các API sau:

  2. Máy chủ web: Bạn có thể phân phát ứng dụng từ:

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

Bạn có thể tìm thấy nội dung mô tả chi tiết về các tuỳ chọn triển khai trong phần 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 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.
  • Bản dựng trên đám mây nhận mã trong bất kỳ lần đẩy nào lên nguồn chính và kích hoạt khi hoạt động tạo bản dựng.
  • Trong quá trình tạo bản dựng, công cụ này sẽ chèn khoá API và tạo một hình ảnh, sau đó lưu trữ trong sổ đăng ký cấu phần phần mềm.
  • Cuối cùng, nhà phát triển sẽ triển khai hình ảnh ổn định mới nhất từ sổ đăng ký Artifact (Cấu phần phần mềm) để chạy trên Cloud.
  • Chúng tôi cũng chạy một số quy trình kiểm tra tình trạng và giám sát để kiểm tra tình trạng của các ứng dụng đã triển khai.

Thông tin thanh toán

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

Nền tảng Google Maps - API Thẻ thông tin 3D:

Giải pháp Kể chuyện sử dụng API Thẻ thông tin 3D để 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 API Thẻ thông tin 3D, hãy tham khảo Nền tảng Google Maps – Giá API Thẻ thông tin 3D.

Nền tảng Google Maps – API Địa điểm:

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

Nền tảng Google Maps – API Tự động hoàn thành:

Tính năng Tự động hoàn thành giúp cải thiện hoạt động tương tác của người dùng. Để biết thông tin chi tiết về giá liên quan đến API Tự động hoàn thành của Google Maps, vui lòng truy cập Nền tảng Google Maps – Đặt giá tự động hoàn thành theo địa điểm.

CesiumJS:

CesiumJS được dùng để hình ảnh hoá đị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í liên quan riêng. Hãy tham khảo Tài liệu về CesiumJS để biết mọi dịch vụ cao cấp.

Bạn cần phải xem lại thông tin chi tiết về giá cho 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 cấp miễn phí với mức sử dụng nhất định, đồng thời các mức giá cụ thể có thể thay đổi dựa trên 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 về 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. Hãy đảm bảo việc tuân thủ các điều khoản và điều kiện do các dịch vụ này đặt ra để 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 Trình khám phá vùng 3D.

Nhờ tận dụng Thẻ thông tin 3D ảnh thực tế của Google và Places API, bạn có thể khám phá trực tuyến 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.

Bất kể là giới thiệu một khu vực, nâng cao khả năng khám phá hay quảng bá phương pháp kể chuyện kỹ thuật số, Trình khám phá khu vực 3D đều cung cấp một nền tảng bắt mắt.

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ị viên để tạo ra trải nghiệm 3D hấp dẫn và chứa nhiều thông tin.