Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Los mapas fotorrealistas en 3D incluidos en una clase de Maps JavaScript te permiten usar imágenes 3D en tus aplicaciones. Google ahora ofrece una experiencia de renderización 3D con la que puedes incorporar o probar mapas en 3D con rapidez y sin contratiempos.
A continuación se muestra un ejemplo de lo que puedes hacer con los mapas en 3D de la API de Maps JavaScript:
Funciones y beneficios principales
Solución integrada de procesador y datos: Los mapas fotorrealistas en 3D de Maps JavaScript ofrecen un entorno centralizado para crear experiencias de mapas inmersivos. Gracias a una solución integrada de renderización y mapa base con una abundante cantidad de lugares, puedes simplificar los pasos del desarrollo y crear con rapidez visualizaciones imponentes de mapas en 3D.
Rendimiento: La tecnología de renderización integrada de Google permite mostrar lugares con rapidez y ofrecer una experiencia del usuario sin complicaciones.
Diseño: Los mapas fotorrealistas en 3D de Maps JavaScript admiten el diseño con polilíneas, polígonos y formas extruidas para que puedas dirigir eficazmente la atención de los usuarios hacia los elementos geográficos principales del mundo real.
Rutas de cámara predeterminadas: Guía a los usuarios por tu mapa 3D sin esfuerzo con animaciones de cámara predefinidas. Para ello, cambia sin problemas la transición a los lugares de interés y muestra ubicaciones clave desde varios ángulos.
Marcadores personalizados: Mejora el atractivo visual y las capacidades de tu mapa con marcadores completamente personalizables, lo que te permite crear identificadores únicos para las ubicaciones que se combinan perfectamente con tu entorno 3D o se destacan para dar énfasis.
Modelos 3D: Mejora tu experiencia de creación de mapas incorporando modelos 3D detallados de edificios, puntos de referencia u objetos personalizados, lo que brinda a los usuarios una vista aún más envolvente e informativa del área mapeada.
Datos integrales: Google trabaja sin cesar para brindar más datos de alta calidad en la plataforma de mapas, así como para seguir ofreciendo imágenes 3D de primer nivel y una mayor comprensión del mundo real.
Cobertura
Consulta la cobertura disponible de los mapas fotorrealistas en 3D de Maps JavaScript.
Próximos pasos
Consulta la guía de primeros pasos para crear una app "Hello, World!" Mapa 3D.
Prueba el codelab de introducción para explorar cómo agregar componentes al mapa.
Amplía tus conocimientos sobre marcadores y animación en el siguiente codelab.
Explora la colección de Muestras de Google para encontrar el código que se adapte mejor a tu caso de uso.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 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."]]
