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 khả năng của Google Maps 3D ảnh thực tế nền tảng Thẻ thông tinĐịa điểm API để tạo 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 vùng lân cận qua mạng bằng nhiều hình ảnh chi tiết, có được thông tin chuyên sâu về các đối tượng địa phương và mốc.

  • Quảng bá câu chuyện dựa trên vị trí: Khả năng kết hợp địa điểm yêu thích (Địa điểm yêu thích) với nội dung mô tả phong phú cho phép tạo những 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ề các vị trí.

  • Truyền cảm hứng phát triển bằng các tính năng 3D của Google Maps: Công cụ này thể hiện tiềm năng của dữ liệu bản đồ 3D của Google trong việc tạo ra, bản đồ 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 để tạo trải nghiệm này:

  • Thẻ thông tin 3D ảnh thực tế trên Google Maps: Mô hình 3D có độ phân giải cao của các toà nhà và địa hình cung cấp hình ảnh 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ề Điểm Mối quan tâm (POI) trong khu vực đã được khám phá, giúp làm phong phú trải nghiệm người dùng với hiểu biết về địa phươ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 cụ thể mối quan tâm.

CesiumJS

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

  • Đặt điểm nhìn ban đầu để lấy tiêu điểm là vùng lân cận được chỉ định đang tải ứng dụng.
  • Triển khai chuyển động động của máy ảnh, chẳng hạn như quỹ đạo tự động ảnh độ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 bao gồm 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ế 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ạ

Biểu đồ này đưa ra 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 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 tính năng Tự động hoàn thành được tích hợp của Nền tảng Google Maps thanh tìm kiếm để tìm vùng bạn muốn giới thiệu. Sau khi 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 độ chuyển động 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 điểm sở 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.

Có mô tả chi tiết về tất cả 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 tải cấu hình mà bạn được 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 được chọn và khám phá những địa điểm bạn đã đánh dấu.

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

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 trong mô hình 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 vị trí đó.

  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à (nếu dùng ứng dụng Quản trị).

  5. Tính năng tự động xoay đã được bật, cho phép máy ảnh tự động xoay xung quanh tâm của khu vực đượ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ệ với các API sau bật:

  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 Readme của dự án GitHub.

Triển khai

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

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 đẩy lên chế độ chính và kích hoạt một bản dựng hoạt động.
  • Trong quá trình xây dựng, tính năng này 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ừ mục đăng ký cấu phần phần mềm lên Đám mây run.
  • Chúng tôi cũng thực hiện một số hoạt động kiểm tra tình trạng và theo dõi để 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 để cung cấp sống động và chân thực. Bạn có thể phải trả phí cho một số API. Sau đây là thông tin tổng quan các API và đường liên kết đến mức 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 hình ảnh với dữ liệu không gian địa lý. Để biết chi tiết giá cả liên quan đến Thẻ thông tin 3D API, tham khảo Nền tảng Google Maps – API Thẻ thông tin 3D Giá.

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

Sử dụng Places API cho dữ liệu dựa trên vị trí để bổ sung thông tin đa dạng trải nghiệm kể chuyện. Để tìm hiểu về những chi phí liên quan đến việc Places API,visit Nền tảng Google Maps – API Địa điểm Giá.

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 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ự động hoàn thành dành cho địa điểm Giá.

CesiumJS:

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

Bạn cần phải xem lại chi tiết 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. Lưu ý rằng Nền tảng Google Maps cung cấp một cấp miễn phí kèm theo mức sử dụng nhất định và mức giá chi tiết cụ thể có thể khác nhau dựa trên các yếu tố như số lượng yêu cầu và mức sử dụng .

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

Kết luận

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

Nhờ sử dụng Thẻ thông tin 3D ảnh thực tế của Google và Places API, công cụ này sẽ cho phép 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.

Cho dù là giới thiệu một khu vực, nâng cao khả năng khám phá hay quảng bá kỹ thuật số kể chuyện của mình, 3D Area Explorer cung cấp một nền tảng trực quan tuyệt đẹp.

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