Przegląd
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Klasa JavaScript Mapa 3D > Realistyczne mapy 3D pozwala używać w aplikacjach zdjęć 3D od Google. Google oferuje teraz wbudowany mechanizm renderowania 3D, który umożliwia szybkie i łatwe wdrażanie map 3D oraz eksperymentowanie z nimi.
Oto przykład, co można zrobić dzięki Mapom 3D w interfejsie Maps JavaScript API:
Najważniejsze funkcje i możliwości
- Zintegrowane dane + mechanizm renderowania: fotorealistyczne mapy 3D w języku JavaScript Map Google zapewniają jeden punkt styczności z klientem, który pozwala tworzyć niesamowite treści związane z mapami. Wbudowane renderowanie i zintegrowana mapa podstawowa z dużą ilością miejsc pozwalają uprościć etapy tworzenia i szybko tworzyć imponujące wizualizacje map 3D.
- Wydajność: wbudowana technologia renderowania Google umożliwia szybkie wyświetlanie reklam i wygodę użytkowania.
- Styl: fotorealistyczne mapy 3D w języku JavaScript Map Google umożliwiają zaznaczanie stylów z wykorzystaniem linii łamanych, wielokątów i wyciągniętych kształtów, co pozwala skutecznie zwrócić uwagę użytkowników na kluczowe elementy geograficzne rzeczywistego świata.
- Gotowe ścieżki kamery: możesz łatwo prowadzić użytkowników po mapie 3D za pomocą wstępnie zdefiniowanych animacji kamery, płynnie przechodząc do ciekawych miejsc i prezentując najważniejsze lokalizacje pod różnymi kątami.
- Znaczniki niestandardowe: zwiększ atrakcyjność wizualną mapy i jej możliwości dzięki znacznikom w pełni konfigurowalnym. Dzięki nim możesz tworzyć unikalne identyfikatory lokalizacji, które płynnie wtapiają się w środowisko 3D lub się wyróżniają.
- Modele 3D: uatrakcyjnij tworzenie map, dodając szczegółowe modele 3D budynków, punktów orientacyjnych lub obiektów niestandardowych, co zapewnia użytkownikom jeszcze bardziej wciągający i bogaty w informacje widok obszaru naniesionego na mapę.
- Kompleksowe dane: Google nieustannie pracuje nad udostępnianiem na platformie map coraz większej ilości danych wysokiej jakości, aby oferować najlepsze w swojej klasie zdjęcia 3D i lepiej zrozumieć świat rzeczywisty.
Zakres
Sprawdź fotorealistyczne mapy 3D w okładce obsługiwanej przez JavaScript w Mapach Google.
Dalsze kroki
- Zapoznaj się z przewodnikiem Pierwsze kroki, aby
utworzyć grę „Hello, World!” Mapa 3D.
- We wprowadzeniu codelab dowiesz się, jak dodawać funkcje do mapy.
- Poszerz swoją wiedzę o znacznikach i animacjach w następnym codelab.
- Przejrzyj kolekcję próbek Google i znajdź taki, który sprawdzi się w Twoim przypadku.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-04-29 UTC.
[null,null,["Ostatnia aktualizacja: 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."]]
