Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Bản đồ 3D ảnh thực trong lớp JavaScript của Maps cho phép bạn sử dụng hình ảnh 3D của Google trên các ứng dụng của mình. Google hiện cung cấp trải nghiệm kết xuất đồ hoạ 3D tích hợp sẵn, cho phép bạn kết hợp hoặc thử nghiệm với Maps 3D một cách nhanh chóng và liền mạch.
Dưới đây là ví dụ về những gì bạn có thể thực hiện với Maps 3D trong API Maps JavaScript:
Các tính năng và chức năng chính
Giải pháp kết xuất dữ liệu + tích hợp: Maps 3D ảnh thực trong Maps JavaScript cung cấp một điểm tiếp xúc duy nhất để tạo trải nghiệm lập bản đồ sống động. Với tính năng hiển thị tích hợp sẵn và bản đồ cơ sở tích hợp, chứa nhiều địa điểm, bạn có thể đơn giản hoá các bước phát triển và nhanh chóng tạo hình ảnh trực quan hoá bản đồ 3D ấn tượng.
Hiệu suất: Công nghệ kết xuất tích hợp của Google cho phép hiển thị nhanh và trải nghiệm người dùng mượt mà.
Kiểu: Maps 3D ảnh thực trong Maps hỗ trợ cách tạo kiểu bằng cách sử dụng hình nhiều đường, đa giác và hình dạng nhô, cho phép bạn thu hút sự chú ý của người dùng đến các yếu tố địa lý chính trong thế giới thực một cách hiệu quả.
Đường dẫn máy ảnh đặt trước: Dễ dàng hướng dẫn người dùng thông qua bản đồ 3D của bạn bằng các ảnh động máy ảnh được xác định trước, chuyển đổi mượt mà đến các địa điểm yêu thích và hiển thị các vị trí chính từ nhiều góc độ.
Điểm đánh dấu tuỳ chỉnh: Nâng cao tính hấp dẫn trực quan và khả năng của bản đồ bằng các điểm đánh dấu có thể tuỳ chỉnh hoàn toàn, cho phép bạn tạo giá trị nhận dạng duy nhất cho các vị trí kết hợp liền mạch với môi trường 3D của bạn hoặc làm nổi bật các điểm nhấn.
Mô hình 3D: Nâng cao trải nghiệm lập bản đồ của bạn bằng cách kết hợp các mô hình 3D chi tiết của các toà nhà, địa danh hoặc đối tượng tuỳ chỉnh, mang đến cho người dùng chế độ xem sống động và có nhiều thông tin hơn về khu vực được lập bản đồ.
Dữ liệu toàn diện: Google không ngừng nỗ lực để đưa dữ liệu chất lượng cao hơn vào nền tảng bản đồ, để tiếp tục cung cấp hình ảnh 3D tốt nhất và hiểu rõ hơn về thế giới thực.
Phạm vi tổng hợp dữ liệu
Xem xét Bản đồ 3D ảnh thực trong phạm vi bao phủ được hỗ trợ của Maps JavaScript.
Các bước tiếp theo
Hãy xem hướng dẫn Bắt
đầu để
tạo một ứng dụng "Xin chào thế giới!" Bản đồ 3D.
Hãy thử codelab giới thiệu để khám phá cách thêm tính năng vào bản đồ.
Mở rộng kiến thức về mã đánh dấu và ảnh động trong codelab tiếp theo.
Duyệt xem bộ sưu tập Mẫu của Google để tìm một mẫu phù hợp với trường hợp sử dụng của bạn.
[null,null,["Cập nhật lần gần đây nhất: 2025-04-29 UTC."],[],[],null,["Select platform: [Android](/maps/documentation/maps-3d/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/maps-3d/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/3d/overview \"View this page for the JavaScript platform docs.\")\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n| This product or feature is in Preview (pre-GA). Pre-GA products and features might have limited support, and changes to pre-GA products and features might not be compatible with other pre-GA versions. Pre-GA Offerings are covered by the [Google\n| Maps Platform Service Specific Terms](https://cloud.google.com/maps-platform/terms/maps-service-terms). For more information, see the [launch stage\n| descriptions](/maps/launch-stages).\n\n\u003cbr /\u003e\n\nThe Photorealistic 3D Maps in Maps JavaScript class lets you use Google's 3D imagery across\nyour applications. Google now offers a built-in 3D rendering experience,\nallowing you to quickly and seamlessly incorporate or experiment with 3D\nMaps.\n\nHere's an example of what you can do with 3D Maps in the Maps JavaScript API:\n\nKey features and capabilities\n\n- **Integrated data + renderer solution**: Photorealistic 3D Maps in Maps JavaScript offers a single touchpoint for creating immersive mapping experiences. With built-in rendering and an integrated, places-rich base map, you can simplify development steps and quickly build impressive 3D maps visualizations.\n- **Performance**: Google's built-in rendering technology allows for fast display and a smooth user experience.\n- **Styling**: Photorealistic 3D Maps in Maps JavaScript provides support for styling using polylines, polygons, and extruded shapes, allowing you to effectively bring your user's attention to key geographic elements of the real world.\n- **Preset camera paths**: Effortlessly guide users through your 3D map with predefined camera animations, smoothly transitioning to points of interest and showcasing key locations from various angles.\n- **Custom markers**: Enhance your map's visual appeal and capabilities with fully customizable markers, allowing you to create unique identifiers for locations that seamlessly blend with your 3D environment or stand out for emphasis.\n- **3D models**: Elevate your mapping experience by incorporating detailed 3D models of buildings, landmarks, or custom objects, providing users with an even more immersive and informative view of the mapped area.\n- **Comprehensive data**: Google is constantly working to bring more high quality data into the maps platform, to continue to offer best-in-class 3D imagery and a better understanding of the real world.\n\nCoverage\n\nReview the Photorealistic 3D Maps in Maps JavaScript's supported [coverage](/maps/coverage).\n\nNext steps\n\n- Check out the [Get\n started](/maps/documentation/javascript/3d/get-started) guide to build a \"Hello, World!\" 3D map.\n- Try the intro [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-101-3d-maps-js) to explore how to add features to the map.\n- Expand your knowledge of markers and animation in the next [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-3d-maps-js-markers#0).\n- Browse Google's collection of [Samples](/maps/documentation/javascript/examples/3d/simple-map) to find one that works for your use-case."]]