Terminado

Segmento Web con Google Maps Api Javascript

Publicado el 24 Noviembre, 2017 en Programación y Tecnología

Sobre este proyecto

Abierto

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.

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Bug o cambio pequeño
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Roles necesarios Programador

Plazo de Entrega: No definido

Habilidades necesarias