Eso es todo.

Para comenzar a desarrollar, consulta nuestra documentación para desarrolladores.

Activar la Google Maps JavaScript API

Para que puedas comenzar, te proporcionaremos orientación en la Google Developers Console a fin de que hagas primero algunas acciones:

  1. Crear o seleccionar un proyecto
  2. Activar la Google Maps JavaScript API y servicios relacionados
  3. Crear claves correspondientes
Continuar

Conceptos

Desarrollo para dispositivos móviles

La Google Maps JavaScript API fue diseñada para cargarse de manera rápida y funcionar bien en dispositivos móviles. En particular, nos hemos centrado en el desarrollo para dispositivos móviles avanzados, como los teléfonos celulares Android e iOS. Los tamaños de pantalla de los dispositivos móviles son inferiores a aquellos de los navegadores de las computadoras de escritorio. A su vez, a menudo tienen un comportamiento particular específico para esos dispositivos (como “acercar los dedos para aplicar zoom”). Si deseas que tu aplicación funcione bien en dispositivos móviles, te recomendamos lo siguiente:

  • Configura el <div> que contiene tu mapa de modo que sus atributos de ancho y alto sean del 100%. No obstante, ten en cuenta que en algunos navegadores de escritorio anteriores no ofrecen una buena visualización con estos valores.
  • Puedes detectar dispositivos iPhone y Android inspeccionando la propiedad navigator.userAgent dentro del DOM:
    function detectBrowser() {
      var useragent = navigator.userAgent;
      var mapdiv = document.getElementById("map");
    
      if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
        mapdiv.style.width = '100%';
        mapdiv.style.height = '100%';
      } else {
        mapdiv.style.width = '600px';
        mapdiv.style.height = '800px';
      }
    }
    

    Esto te permite alterar el diseño de determinados dispositivos, como hicimos aquí para cambiar el estado real de cada uno.

  • En los dispositivos Android e iOS se respeta la siguiente etiqueta <meta>:

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    

    En esta configuración se especifica que el mapa debe mostrarse en toda la pantalla y el usuario no tiene la posibilidad de cambiar su tamaño. Ten en cuenta que en el caso del navegador Safari de iPhone esta etiqueta <meta> debe incluirse dentro del elemento <head> de la página.

Para obtener más información sobre desarrollo relacionado con iPhone, consulta la documentación para desarrolladores de Apple. Para obtener más información sobre desarrollo relacionado con dispositivos Android, consulta la documentación de Android.

Localización

Para localizar tu aplicación de la Google Maps JavaScript API, cambia la configuración de idioma predeterminada y especifica un código de región, lo cual modifica el comportamiento del mapa según el país o territorio. Obtén más información sobre la localización del mapa.

Versiones

El equipo de la Google Maps JavaScript API actualiza la API con nuevas funciones, correcciones de errores y mejoras de rendimiento. Puedes indicar la versión de la API que debe cargarse en tu aplicación especificándola en el parámetro v de la solicitud de arranque de la Google Maps JavaScript API. Obtén más información sobre versiones.

Enviar comentarios sobre...

Google Maps JavaScript API
Google Maps JavaScript API
Si necesitas ayuda, visita nuestra página de asistencia.