Completed

Segmento Web con Google Maps Api Javascript

Published on the November 24, 2017 in IT & Programming

About this project

Open

Segmento web con google maps api
el proyecto es un pequeño segmento o aplicación para una página web. Debe realizarse con tecnología Google Maps API, Javascript.

Consiste en la muestra de un mapa con el buscador Autocomplete. A medida que se buscan lugares, se agregan los iconos al mapa.
Parte del código base se brinda ya desarrollado (en los puntos explicados a continuación se comenta para cuales se brinda ya el código base).

Lo que debe suceder es lo siguiente:
•    Se deben ir agregando un icono para cada lugar buscado. Es decir, si se busca el 4to lugar, ya debe haber 3 iconos en el mapa y aparecerá el 4to. El buscador debe funcionar sin botón.
Es decir, la acción se desata una vez que se hace click en el lugar que brinda el buscador.
•    Cada icono incluye un numero según en qué momento se lo añadió (de modo secuencial). codigo base adjunto.
•    Los iconos deben estar unidos por líneas punteadas (entre iconos sucesivos). Es decir, el icono 1 se une al 2, el 2 al 3, etc.
•    En cada icono, al pasar el mouse por encima se abre una ventana donde aparece (Nombre del Lugar, Latitud, Longitud). Al quitar el mouse la ventana desaparece (por lo tanto la ventana no tiene la x para cerrar.)  codigo base adjunto para aparición y desaparición de ventana.
•    El nombre del lugar, Latitud y Longitud quedan almacenados en vectores. Es decir, cada vez que se elige un lugar en el Autocomplete, debe almacenarse en un vector el Nombre, Latitud y Longitud para que se pueda mostrar en las ventanas. El vector es único y debe organizarse del siguiente modo:
                            vector= [Lugar1, Lat1, Long1, Lugar2, Lat2, Long2, Lugar3, Lat3, Long3 ]
•    El autocomplete debe configurarse para que aparezcan solo pueblos, ciudades, etc.
Es decir, lugares que se habitan, no tiendas, locales, etc.
•    A medida que se agregan los lugares el zoom al mapa debe modificarse para que se vean bien todos los iconos.

La programación del código debe ser clara y con títulos indicando cada parte.

Category IT & Programming
Subcategory Web development
What is the scope of the project? Small change or bug
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Roles needed Developer

Delivery term: Not specified

Skills needed