Tổng quan
Giải pháp 3D Area Explorer (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 chức năng của Google Maps Platform Photorealistic 3D Tiles và Places API để tạo ra môi trường 3D hấp dẫn, có tính tương tác.
3D Area Explorer đượ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 dân cư một cách ảo với độ chi tiết cao về mặt hình ảnh, thu thập thông tin chi tiết về các đặc điểm và địa danh địa phương.
Quảng bá câu chuyện dựa trên vị trí: : Khả năng kết hợp các địa điểm quan tâm (POI) với nội dung mô tả phong phú cho phép tạo ra trải nghiệm dựa trên câu chuyện, giúp giáo dục và cung cấp thông tin cho người dùng về các địa điểm cụ thể.
Khuyến khích phát triển bằng các chức năng 3D của Google Maps: Giải pháp này cho thấy 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 bằng 2 công nghệ chính:
API 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 về các toà nhà và địa hình mang đến hình ảnh chân thực và hấp dẫn 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ề các địa điểm quan tâm (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 địa điểm 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ị hình ảnh địa cầu 3D có độ phân giải cao. Công nghệ này xử lý việc tải và hình ảnh hoá Ô 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ý 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 điểm quan sát ban đầu để tập trung vào khu vực xung quanh đã chỉ định khi tải ứng dụng.
- Triển khai các chuyển động camera động, chẳng hạn như ảnh động quỹ đạo tự động để khám phá.
- Xử lý 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 tính năng như vậy được đưa vào (di chuyển, 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.
Thành phần chính
Ứng dụng được chia thành 2 ứ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:
Bạn nên tìm hiểu thêm 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 của Google Maps Platform đượ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í, camera 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à các loại địa điểm quan tâm (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 tại Chicago theo một đường dẫn camera chậm.
Xem Chế độ xem dày đặc về các điểm tham quan du lịch xung quanh dải Las Vegas.
Giờ đây Khám phá Las Vegas theo đường dẫn camera hình sin tốc độ cao
Khám phá Grand Canyon với tất cả các điểm tham quan du lịch chính
Có một phần mô tả chi tiết về tất cả các tuỳ chỉnh của 3D Area Explorer.
Ứ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à 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
Dưới đâ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 một cách tương tác ở dạng 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 gầ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 câu chuyện 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ế độ điều khiển (nếu sử dụng ứng dụng Quản trị).
Đã bật tính năng tự động xoay, 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 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ữ 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 lựa 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.
- Cloud Build chọn mã trên mọi lần đẩy vào main và kích hoạt một thao tác xây dựng.
- Trong quá trình xây 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ừ sổ đăng ký cấu phần phần mềm đến Cloud Run.
- Chúng tôi cũng có một số hoạt động kiểm tra và giám sát tình trạng hoạt động để kiểm tra tình trạng hoạt động của các ứng dụng đã triển khai.
Thông tin thanh toán
Giải pháp 3D Area Explorer sử dụng các dịch vụ của Google Maps Platform để mang đến trải nghiệm sống động, linh hoạt. Một số API có thể bị 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 Kể chuyện sử dụng 3D Tiles API để 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 Google Maps Platform - 3D Tiles API Pricing.
Google Maps Platform – Places API:
Places API được sử dụng cho dữ liệu dựa trên vị trí, bổ sung thông tin phong phú cho trải nghiệm kể chuyện. Để hiểu rõ chi phí liên quan đến Google Places API,hãy truy cập vào Google Maps Platform - Places API Pricing.
Google Maps Platform – Autocomplete API:
Tính năng Tự động hoàn thành giúp nâng cao lượt tương tác của người dùng. Để biết thông tin chi tiết về giá liên quan đến Google Maps Autocomplete API, vui lòng truy cập vào Google Maps Platform - Places Autocomplete Pricing.
CesiumJS:
CesiumJS được dùng để trực quan hoá quả cầu 3D. Mặc dù bản thân CesiumJS là mã 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. Tham khảo Tài liệu về CesiumJS để biết mọi ưu đãi cao cấp.
Điều quan trọng là phải xem xét thông tin chi tiết 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 mức sử dụng nhất định mà không tính phí và thông tin chi tiết 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.
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. Đả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 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 3D Area Explorer.
Tận dụng Ô 3D ảnh thực tế của Google và Places API, giải pháp này cho phép khám phá ảo các khu dân cư, khám phá các địa điểm quan tâm và tìm hiểu về lịch sử địa phương.
Dù 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ố, 3D Area Explorer đề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ằng ứng dụng Quản trị để tạo trải nghiệm 3D hấp dẫn và cung cấp thông tin.