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 địa điểm. Giải pháp này tận dụng các tính năng của Thẻ thông tin 3D chân thực trên nền tảng Google Maps và API Địa điểm để tạo ra môi trường 3D tương tác, hấp dẫn.
Trình khám phá khu vực 3D được thiết kế để phục vụ nhiều mục đích:
Cải thiện tính năng khám phá khu vực: Người dùng có thể khám phá các khu dân cư ảo với độ chi tiết cao về hình ảnh, đồng thời thu thập thông tin chi tiết về các địa điểm và địa danh địa phương.
Thúc đẩy nội dung theo cốt truyện dựa trên vị trí: Khả năng kết hợp các POI (Điểm yêu thích) với nội dung mô tả phong phú giúp tạo ra trải nghiệm dựa trên cốt truyện để giáo dục và thông báo cho người dùng về các vị trí cụ thể.
Tạo cảm hứng phát triển bằng các tính năng 3D của Google Maps: Bài viết này minh hoạ tiềm năng của dữ liệu lập bản đồ 3D của Google để tạo bản đồ tương tác, sống động
Bắt đầu:
Bật
Các công nghệ chính
Giải pháp này được xây dựng bằng hai công nghệ chính:
API Nền tảng Google Maps:
Chúng tôi sử dụng một số API từ Google Maps Platform để lấy bản đồ cơ sở và dữ liệu để tạo trải nghiệm này:
- Ô 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 giúp thể hiện môi trường đô thị một cách chân thực và hấp dẫn về mặt hình ảnh.
- 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 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 bằng 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 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à hiển thị Thẻ thông tin 3D chân 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. Nội dung như vậy bao gồm:
- Đặt điểm nhìn ban đầu để tập trung vào khu vực đã chỉ định khi tải ứng dụng.
- Triển khai các 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 hoạt động tương tác của người dùng với quả địa cầu nếu có các tính năng như vậy (quét, 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 Thẻ thông tin 3D.
Thành phần chính
Ứng dụng này đượ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 hai ứng dụng:
Bạn nên điều tra thêm 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 tích hợp trên Nền tảng Google Maps để tìm khu vực mà bạn muốn giới thiệu. Sau khi bạn chọn một vị trí, máy ảnh sẽ bay đến khu vực đó một cách liền mạch.
Camera (Máy ảnh): Điều chỉnh tốc độ di chuyển của máy ảnh và loại quỹ đạo để tạo ra trải nghiệm xem đã chọn.
Địa điểm (điểm yêu thích): Xác định mật độ, bán kính tìm kiếm và loại điểm yêu thích (ví dụ: nhà hàng, quán cà phê, địa danh) mà bạn muốn giới thiệu.
Sử dụng ứng dụng này để tuỳ chỉnh trải nghiệm cho người dùng cuối.
Khám phá văn phòng của Google ở Chicago theo đường dẫn máy ảnh chuyển động chậm.
Xem Cảnh toàn cảnh các điểm tham quan du lịch xung quanh dải Las Vegas.
Bây giờ, hãy Khám phá Las Vegas theo đường dẫn máy ảnh hình sin tốc độ cao
Khám phá Grand Canyon với tất cả các điểm tham quan chính
Có nội dung mô tả chi tiết về tất cả các tuỳ chỉnh Tuỳ chỉnh của 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 đã tạo trong ứng dụng Quản trị. 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 đã 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
Sau đây là một số tính năng chính của ứng dụng:
- 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ác toà nhà, điểm tham quan và địa hình.
- 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).
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 tường thuật liên quan đến vị trí đó.
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à kiểm soát (nếu sử dụng ứng dụng Quản trị).
Tính năng tự động xoay được bật, cho phép máy ảnh tự động xoay quanh tâm của vùng đã chọn.
Điều kiện tiên quyết
Khoá API Google Maps: Bạn sẽ cần một khoá API hợp lệ đã bật các API sau:
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ữ trang 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 ứ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:
- 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ã trên mọi lần đẩy vào chính và kích hoạt một thao tác bản dựng.
- Trong bản dựng, công cụ này sẽ chèn khoá API và tạo một hình ảnh, sau đó được lưu trữ trong sổ đăng ký cấu phần phần mềm.
- Cuối cùng, công cụ này sẽ triển khai hình ảnh ổn định mới nhất từ Cấu phần phần mềm đăng ký đến Cloud run.
- Chúng tôi cũng có một số hoạt động kiểm tra và giám sát trạng thái để kiểm tra trạng thái 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 đến trải nghiệm sống động, chân thực. Một số API có thể tính phí. Dưới đâ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 – 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 bài viết Nền tảng Google Maps – Giá của API Thẻ thông tin 3D.
Nền tảng Google Maps – API Địa điểm:
API Địa điểm được dùng cho dữ liệu dựa trên vị trí, bổ sung thông tin đa dạng thức vào trải nghiệm kể chuyện. Để tìm hiểu các chi phí liên quan đến API Địa điểm của Google,hãy truy cập vào Nền tảng Google Maps – Giá của API Địa điểm.
Nền tảng Google Maps – Autocomplete API:
Tính năng tự động hoàn thành giúp tăng cường khả năng tương tác của người dùng. Để biết thông tin chi tiết về giá của API Tự động hoàn thành 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á hình ảnh quả đị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 về CesiumJS để biết mọi sản phẩm cao cấp.
Bạn cần xem xét 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 lẻ 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ột lượng sử dụng nhất định mà không tính phí. Thông tin chi tiết 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.
Luôn tham khảo các trang chính thức về giá để biết thông tin mới nhất và chính xác 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 các dịch vụ này nêu 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 tính 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á khu vực 3D.
Bằng cách tận dụng Thẻ thông tin 3D chân thực của Google và API Địa điểm, ứng dụng này cho phép khám phá ảo các khu dân cư, khám phá các đ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 khả năng khám phá hay quảng bá hoạt động kể chuyện kỹ thuật số, Trình khám phá khu vực 3D đề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 trải nghiệm 3D hấp dẫn và đầy thông tin.