API de Maps JavaScript

Crea mapas dinámicos, interactivos y muy personalizados con ubicaciones y experiencias geoespaciales para tus apps web.

Comenzar

Comienza a crear mapas con las funciones más usadas de la API de Maps JavaScript.
Sigue la guía de introducción de Google Maps Platform para crear una cuenta, generar una clave de API y comenzar a crear mapas.
Obtén información sobre cómo cargar la API de Maps JavaScript y agregar un mapa con un marcador a tu app web.
Aprende a crear un mapa en 3D con la API de Maps JavaScript.
Puedes personalizar casi todos los aspectos del mapa, como las rutas, los accidentes geográficos y los lugares de interés, entre otros.
Muestra una ventana con información y contexto adicionales cuando los usuarios hagan clic en un marcador.

Atributos

Explora la documentación de las funciones principales de la API de Maps JavaScript.
Muestra mapas viales, satelitales, híbridos, terrestres y personalizados.
Localiza automáticamente el texto del mapa en más de 40 idiomas.
Muestra el marcador predeterminado de Google Maps o agrega tus propios marcadores con diseño personalizado.
Personaliza los controles de la IU que aparecen en el mapa.
Escribe un código que reaccione a las interacciones de los usuarios y los eventos de ciclo de vida.
Crea experiencias enriquecidas en 3D y 2D en el mapa base de vectores con la tecnología de WebGL.
Agrega más información y contexto a tus marcadores con ventanas de información interactivas.
Dibuja una variedad de formas en el mapa, incluidos polígonos y polilíneas, con las funciones integradas.
Crea superposiciones personalizadas para mostrar datos, imágenes y mucho más en el mapa.
Superpón tus propias imágenes personalizadas, que se sincronizan con el mapa cuando el usuario se desplaza lateralmente y hace zoom.
Muestra datos GeoJSON y de otros tipos en el mapa en una variedad de formatos.
Personaliza el diseño de casi todos los aspectos visuales del mapa.
Inclina y rota el mapa base de vectores de manera programática en tres dimensiones.
Agrupa grandes cantidades de marcadores para brindar una experiencia del usuario más eficiente.
Visualiza la densidad de los datos en puntos geográficos.

Bibliotecas

Inicia las bibliotecas opcionales cuando cargas la API de Maps JS para agregar funcionalidades extendidas.
Aprende a iniciar las bibliotecas disponibles cuando cargas la API de Maps JS.
Brinda a tus usuarios la posibilidad de dibujar de manera interactiva en el mapa.
Utiliza funciones de utilidad que calculen datos geométricos de la superficie de la Tierra.
Busca lugares cercanos, habilita Place Autocomplete y recupera datos mediante Place Details.
Agrega un mapa interactivo con un selector de lugares que contenga una galería de fotos.
Visualiza la intensidad de los datos en puntos geográficos con mapas de calor.

Servicios

Prueba los servicios de datos integrados para enriquecer tus apps web.
Obtén instrucciones sobre cómo llegar de un punto a otro del mapa con hasta 25 puntos de referencia.
Obtén la distancia y el tiempo de viaje para una matriz de orígenes y destinos.
Obtén datos de elevación de ubicaciones en la superficie de la Tierra, incluido el fondo marino.
Convierte direcciones o IDs de lugar en coordenadas y viceversa.
Consulta el nivel de zoom máximo de las imágenes disponibles en una ubicación.
Agrega imágenes de Street View de 360 grados a tus apps web o sube tus propias imágenes.

Apps de ejemplo

Ejecuta muestras de código en tiempo real en tu máquina local y en tus zonas de prueba de código favoritas.
Usa la biblioteca de Places para buscar lugares cercanos.
Usa el diseño de mapa personalizado para agregar un mapa en modo oscuro a tu app web.
Cambia los íconos de los marcadores del mapa por una imagen personalizada.
Crea una superposición enriquecida en el mapa que se mantenga sincronizada cuando el usuario se desplaza lateralmente y hace zoom.
Muestra el tráfico en tiempo real en una superposición enriquecida en el mapa.
Inclina y rota el mapa de vectores de manera programática en tres dimensiones.
más apps de ejemplo

Ayuda y asistencia

Obtén ayuda. Brinda ayuda. Únete a la comunidad.

Obtén ayuda. Brinda ayuda. Genera buena karma en Maps.

Informa un error o abre una solicitud de función.

Obtén información sobre los incidentes y las interrupciones de la plataforma.

Obtén ayuda del equipo de Google Maps Platform.