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 Ô 3D ảnh thực tế của Google Maps Platform và Places API để tạo ra môi trường 3D hấp dẫn và 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 trải nghiệm khám phá khu vực: Người dùng có thể khám phá các khu vực lân cận một cách trực quan với mức độ chi tiết cao, từ đó hiểu rõ hơn về các đặc điểm và địa danh của địa phương.
Quảng bá 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úp người dùng tìm hiểu và nắm bắt thông tin về các vị trí cụ thể.
Truyền cảm hứng phát triển bằng các tính năng 3D của Google Maps: Minh hoạ tiềm năng của dữ liệu bản đồ 3D của Google trong việc tạo bản đồ tương tác, sống động
Bắt đầu
Bật
Công nghệ chính
Giải pháp này được xây dựng dựa trên hai công nghệ chính:
Các API của Google Maps Platform
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 hình ảnh chân thực và trực quan về 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ề Điểm yêu thích (POI) trong khu vực được khám phá, giúp người dùng có thêm kiến thức về đị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ị đị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á Ô 3D ảnh thực tế 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 khung 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 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 (xoay, 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.
Các thành phần chính
Ứng dụng này đượ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 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 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 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 của Google Maps Platform để 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ẽ di chuyển mượt mà đến khu vực đó.
Camera: Điều chỉnh tốc độ di chuyển của camera và loại quỹ đạo để tạo ra 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.
Khám phá văn phòng của Google tại Chicago theo một đường di chuyển chậm của camera.
Xem Chế độ xem dày đặc các điểm tham quan du lịch quanh dải Las Vegas.
Giờ thì Khám phá Las Vegas theo đường đi hình sin tốc độ cao của camera
Khám phá hẻm núi Grand Canyon với tất cả các điểm tham quan du lịch chính
Có một nội dung mô tả chi tiết về tất cả cá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 đã 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à tìm thấy 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
Một số tính năng chính của ứng dụng là:
- 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.
- 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).
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 đó.
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 dành cho quản trị viên).
Tính năng tự động xoay được bật, cho phép camera tự động xoay quanh tâm của khu vực đã chọn.
Điều kiện tiên quyết
Khoá API Google Maps: Bạn cần có một khoá API hợp lệ và 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ữ web tĩnh (ứng dụng đi kèm với tệp Docker)
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 readme của dự án trê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.
- Cloud Build sẽ lấy mã khi có bất kỳ thao tác đẩy nào đến nhánh chính và kích hoạt một thao tác bản dựng.
- Trong quá trình tạo bản dựng, Cloud Build sẽ chèn khoá API và tạo một hình ảnh, sau đó lưu trữ hình ảnh này trong Artifact Registry.
- 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 lê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 để 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 Google Maps Platform để mang đến trải nghiệm sống động và linh hoạt. Một số API có thể 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á.
Google Maps Platform – 3D Tiles API
Giải pháp Trình khám phá khu vực 3D sử dụng API 3D Tiles để 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 trang Giá của 3D Tiles API trên Google Maps Platform.
Google Maps Platform – Places API
Places API được dùng cho dữ liệu dựa trên vị trí, bổ sung thông tin phong phú cho trải nghiệm Trình khám phá khu vực 3D. Để tìm hiểu về các chi phí liên quan đến Google Places API, hãy truy cập vào trang Google Maps Platform – Giá của Places API.
Google Maps Platform – 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 Google Maps Platform – 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á đị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í 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 xem kỹ thông tin về giá cho từng API tương ứng, vì phí được xác định riêng dựa trên mức sử dụng. Xin lưu ý rằng Google Maps Platform cung cấp một gói miễn phí với một hạn mức sử dụng nhất định mà không tính 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 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 Google Maps Platform và CesiumJS. Hãy đảm bảo tuân thủ các điều khoản và điều kiện mà những dịch vụ này đưa ra để quản lý và nắm 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 khả năng, thành phần, trải nghiệm người dùng và yêu cầu về kỹ thuật của Trình khám phá khu vực 3D.
Bằng cách tận dụng Ô 3D ảnh thực tế của Google và API Địa điểm, ứ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 điểm yêu thích và tìm hiểu về lịch sử địa phương.
Dù là để giới thiệu một khu vực, nâng cao trải nghiệm khám phá hay thúc đẩy hoạt động kể chuyện bằng 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 ấn tượng.
Hãy dùng thử bản minh hoạ và tuỳ chỉnh bằng ứng dụng Quản trị để tạo ra trải nghiệm 3D hấp dẫn và cung cấp nhiều thông tin.