Como desplegar marcadores al cargar mapa de Google Maps

En el siguiente ejemplo vamos a agregar el mapa de Google Maps a una página web y además vamos a ver como desplegar marcadores en dicho mapa con información personalizada que se podrá visualizar al hacer clic en el marcador.

En el ejemplo los puntos estan definidos fijamente pero fácilmente pueden crear una llamada a una base de datos de donde obtener las coordenadas y la información para el marcador y construir el array de datos que necesita Google Maps.

En este ejemplo estamos utilizando Google Maps API versión 3.

Resultado:

google_maps

Aunque espero escribir más sobre como personalizar los mapas también pueden revisar la documentación de Google Maps para referencias.

DEMO

Tags:

Deja un comentario