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 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 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 tế trên Nền tảng Google MapsAPI Địa điểm để tạo ra các môi trường 3D hấp dẫn, có tính tương tác.

Trình 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 hình ảnh chi tiết, đồng thời có được thông tin chi tiết về các đặc điểm và địa danh tại địa phương.

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

  • Truyền cảm hứng phát triển bằng cách sử dụng các tính năng 3D của Google Maps: Giải pháp này thể hiện tiềm năng của dữ liệu lập bản đồ 3D của Google để tạo bản đồ sống động và tương tác

Bắt đầu:

Bật

Công nghệ quan trọng

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

API của 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 nhằm tạo ra trải nghiệm này:

  • Thẻ thông tin 3D ảnh thực tế trên Google Maps: Các mô hình 3D có độ phân giải cao về các toà nhà và địa hình cung cấp bản trình bày chân thực và hấp dẫn 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á, giúp 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 quan tâm cụ thể.

CesiumJS

CesiumJS chịu trách nhiệm kết xuất và hiển thị hình ảnh địa cầu 3D có độ phân giải cao. Công cụ này xử lý việc tải và trực quan hoá các Thẻ thông tin 3D ảnh thực tế của Google, cung cấp mô hình lưới 3D về 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. Nội dung này bao gồm:

  • Đặt điểm nhìn 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 của máy ảnh động, chẳng hạn như ảnh động quỹ đạo tự động để khám phá.
  • Xử lý các hoạt động 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 đó (kéo, thu phóng, xoay).

Tìm hiểu cách Thẻ thông tin 3D chân thực 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 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 2 ứng dụng:

hình ảnh

Bạn nên tìm hiểu kỹ hơn 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.

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

Chúng tôi có mô tả chi tiết về tất cả tuỳ chỉnh tuỳ chỉnh Trình khám phá vùng 3D.

Ứng dụng minh hoạ

Đây là ứng dụng cuối cùng dành cho người dùng để 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 sẽ có thể khám phá các khu vực đã chọn cũng như những đị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 này là:

  1. Người dùng có thể khám phá một khu vực ở chế độ 3D theo cách tương tác, bao gồm 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 họ thông qua các chế độ cài đặt và chế độ điều khiển (nếu dùng ứng dụng Quản trị viên).

  5. Tính năng tự động xoay đang bật, cho phép máy ảnh tự động xoay xung quanh tâm của khu vực đã chọn.

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

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

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

    • Mộ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 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 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.
  • Bản dựng trên đám mây sẽ nhận mã khi mọi thao tác đẩy lên luồng chính và kích hoạt một hoạt động của bản dựng.
  • Trong quá trình tạo bản dựng, hệ thống sẽ chèn khoá API và tạo một hình ảnh mà sau đó được lưu trữ trong sổ đăng ký cấu phần phần mềm.
  • Cuối cùng, triển khai hình ảnh ổn định mới nhất từ sổ đăng ký Artifact cho đến khi chạy trên đám mây.
  • Chúng tôi cũng tiến hành một số bước 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 động. Bạn có thể phải trả phí cho một số API. Dưới đây là tổng quan về các API và đường liên kết đến giá cả.

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 với 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:

API Địa điểm được sử dụng cho dữ liệu dựa trên vị trí, bổ sung nhiều thông tin phong phú cho 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 – Đặt 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 nâng cao khả nă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 vào Nền tảng Google Maps – Đặt giá tự động hoàn thành ở địa điểm.

CesiumJS:

CesiumJS được dùng để hiển thị hình ảnh địa cầu 3D. Mặc dù bản thân 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 CesiumJS để biết bất kỳ dịch vụ cao cấp nào.

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ì mức 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 mà không tính phí. Ngoài ra, thông tin cụ thể về giá 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 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 của Nền tảng Google Maps và CesiumJS. Hãy đảm bảo tuân thủ các điều khoản và điều kiện do các dịch vụ này nêu ra để quản lý và hiểu rõ mọi khoản 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ờ sử dụng Thẻ thông tin 3D ảnh thực tế của Google và API Địa điểm, ứng dụng này sẽ cho phép khám phá 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ù là hiển thị một khu vực, tăng cường khả năng khám phá hay thúc đẩy nghệ thuật kể chuyện bằng hình thức kỹ thuật số, Trình khám phá khu vực 3D đều cung cấp một nền tảng trực quan tuyệt đẹp.

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