Descripción general

La API de Maps JavaScript es una API web del cliente que te permite crear mapas para mostrar ubicaciones en cualquier parte del mundo, agregar tus propios gráficos, animaciones y capas de datos personalizadas interactivas, y crear funciones con reconocimiento de la ubicación usando la API de Places en la API de Maps JavaScript. Con la API de Maps JavaScript, puedes hacer lo siguiente:

• Crea mapas en 2D y 3D para mostrar ubicaciones en cualquier parte del mundo.
• Agrega marcadores personalizables para indicar ubicaciones en un mapa.
• Usa la biblioteca de Places para obtener datos de ubicación de más de 200 millones de lugares.
• Personaliza el estilo y los colores del mapa.
• Agrega tus propias capas de datos personalizadas e interactivas.
• Muestra límites administrativos y haz que sean interactivos.
• Agrega a tus mapas gráficos personalizados en 2D y 3D, y contenido animado.

Elige la API adecuada para tu caso de uso

En los siguientes ejemplos, se muestran los productos y las bibliotecas de Google Maps Platform que se deben usar en situaciones comunes de aplicaciones web:

• Mapa de contacto y rutas de acceso en un sitio web: Para incorporar un mapa de ubicación de la empresa o un vínculo de rutas de acceso sin escribir código de JavaScript personalizado, usa la API de Maps Embed o las URLs de Maps.
• Seguimiento de ubicación y de recursos en tiempo real: Para mostrar coordenadas de GPS y rutas de viaje en tiempo real desde tu propia base de datos o transmisión en tiempo real (como Cloud Firestore o WebSockets), usa la API de Maps JavaScript con marcadores avanzados (referencia de AdvancedMarkerElement) y polilíneas (referencia de Polyline). Reserva Fleet Engine para flotas de viajes compartidos y entregas programadas que integran el SDK de Driver para dispositivos móviles y los tokens web JSON (JWT) o OAuth de backend.
• Planificación de rutas y despacho de flota: Usa la biblioteca de Routes.
  • Para calcular una ruta con paradas, duración del viaje, distancia y peajes, y dibujarla en un mapa, usa Route.computeRoutes().
  • Para encontrar el conductor, el vehículo o el almacén más cercano en varios orígenes y destinos, usa RouteMatrix.computeRouteMatrix().
  • Para programar varios vehículos con ventanas de tiempo en tu servidor, usa la API de Route Optimization.
• Localizadores de tiendas y mapas de lugares: Para mostrar tiendas, lugares o sucursales en un mapa con pines y filtros personalizados, usa marcadores avanzados (referencia de AdvancedMarkerElement) con la biblioteca de Places para encontrar lugares y cargar sus detalles.
• Radio de perímetro virtual y zona segura en un mapa: Para dibujar perímetros circulares o poligonales y probar si las coordenadas se encuentran dentro de ellos (consulta Límites de perímetros virtuales y zonas seguras), usa círculos (referencia de Circle), polígonos (referencia de Polygon) y la biblioteca de Geometry (containsLocation() para la contención y computeDistanceBetween() para la distancia en metros).

¿Qué sigue?

Consulta el código de ejemplo de las funciones de Maps