Informate sin compromiso
659 552 510

 

 
 

Desarrollo de la API Google Maps

En este curso, te introducimos en el mundo del trabajo con Google Maps, sus API´s y la Geolocalización.

Aprende de forma práctica con este taller como personalizar mapas, programar scripts a medida, usar las APIs de desarrollar, aplicar la Geolocalización y mucho más.

 

¿Qué voy a recibir con el curso?
Ayuda Sin límite Descarga Actualizado
  • Temario Iniciación al desarrollo con la API Google Maps



    0. Presentación

    1. Introducción

    2. Integración API GOOGLE MAPS.
        Aprenderemos a inicializar la API de Google Maps e integrar un mapa simple en un contenedor DIV.

    3. Integración asíncrona.
    Un paso más allá al inicializar la API de Google Maps. Realizaremos la carga de modo asíncrona, como recomienda Google.

    4. Marcadores en mapas.
    En este ejercicio, implementaremos nuestro primer Marker (Marca/Punto), veremos como escuchar eventos y como centrar un punto de interés en el mapa

    5. Gestión de Eventos en mapas.
    Gestionaremos los eventos de los Mapas y del DOM, crearemos Marcas como respuesta a eventos, y para ello crearemos una función que basada en cordenadas cree marcas interactivamente.

    6. Gestión de Eventos DOM.
    Continuando con el ejercicio de gestión de eventos, crearemos una función que será llamada cuando se pulse sobre el div contenedor del mapa, aunque esta vez el evento será pasado y gestionado por el DOM.

    7. Personalización de Controles de mapa.
    Aprenderemos como gestionar los Controles a nuestras necesidades. Podemos eliminar los controles de mapa por completo, elegir cuales se muestran y en que posición.

    8. Posicionamiento de Controles de mapa.
    Continuando con los controles de mapa, veremos como posicionarlos a nuestras necesdidades, teniendo en cuenta la posible suporposición de controles.

    9. Estilos personalizados.
    Personalizaremos por completo nuestro mapa con la gestión de estilos. Mediante un array de estilos podemos asginar propiedades a cada uno de los elementos del mapa.

    10. Marcadores a fondo.
    Aunque ya hemos creado marcas, en este ejercicio vemos más a fondo su creación y posicionamiento.

    11. Animación de marcadores.
    Veremos como animar las marcas y obtener eventos de estas para interactuar con la animación.

    12. Generando múltiples marcadores desde array.
    Realizaremos una serie de puntos, basado en un array de direcciones, que iteraremos interacivamente y posicionaremos con animación.

    13. Creación de ventanas de información personalizadas.
    Un interesante ejercicio de creación de ventanas de información a nuestras marcas, personalizadas por completo hasta el punto de integrar un vídeo youtube.

    14. Tipologías de mapas.
    Veremos como iniciar nuestro mapa con los diferentes tipos que existen, y como mostrar el tipo de vista aérea de 45º grados.

    15. Integración de google maps en CMS
    Repasaremos como integrar nuestras aplicaciones google maps, en los diferentes CMS, joomla, wordpress, prestashop, etc...

    16. Geolocalización HTML5 y servicio de Codificación geográfica inversa.
    El ejercicio tiene como objetivo aprender como obtener la geolocalización del usuario que visita nuestra aplicación. Esto lo haremos desde HTML5. También utilizaremos la API GOOGLE MAPS para mostrar el punto de geolocalización y para realizar una geocodificación inversa para obtener los datos como localidad, comunidad, etc.





Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies Más información.