Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.
Com os mapas 3D fotorrealistas na classe JavaScript do Maps, é possível usar as imagens 3D do Google em todos os seus aplicativos. O Google agora oferece uma experiência de renderização 3D que possibilita incorporar ou testar mapas 3D com rapidez e perfeição.
Exemplo do que você pode fazer com os mapas 3D na API Maps JavaScript:
Principais recursos e funcionalidades
Dados integrados e solução de renderizador: mapas 3D fotorrealistas em JavaScript do Maps oferecem um único ponto de contato para criação de experiências de mapa imersivas. Ao usar renderização incorporada e um mapa de base integrado com vários lugares, é possível simplificar as etapas de desenvolvimento e criar visualizações impressionantes de mapas 3D com rapidez.
Performance: a tecnologia de renderização integrada do Google possibilita exibição rápida e experiência tranquila do usuário.
Estilo: mapas 3D fotorrealistas em JavaScript no Maps permitem o uso de polilinhas, polígonos e formas extrudadas. Assim, você pode atrair a atenção do usuário para elementos geográficos chave do mundo real.
Caminhos da câmera predefinidos: oriente os usuários pelo mapa 3D com animações predefinidas da câmera, fazendo a transição tranquila para pontos de interesse e mostrando os principais locais de vários ângulos.
Marcadores personalizados: melhore o apelo visual e os recursos do seu mapa com marcadores totalmente personalizáveis. Assim, você pode criar identificadores exclusivos para locais que se misturam perfeitamente ao ambiente 3D ou se destacam.
Modelos 3D: melhore sua experiência de mapeamento incorporando modelos 3D detalhados de construções, pontos de referência ou objetos personalizados. Assim, os usuários têm uma visão ainda mais imersiva e informativa da área mapeada.
Dados abrangentes: o Google está sempre trabalhando para trazer mais dados de alta qualidade para a plataforma de mapas e assim oferecer as melhores imagens 3D e uma melhor compreensão do mundo real.
Cobertura
Analise os mapas 3D fotorrealistas na cobertura compatível do JavaScript do Maps.
Próximas etapas
Confira o guia de Primeiros passos para criar um app "Hello, World!" "Hello World".
Use o codelab de introdução para saber como adicionar recursos ao mapa.
Saiba mais sobre marcadores e animação no próximo codelab.
Encontre na coleção do Google uma amostra que funcione para seu caso de uso.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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."]]