Manual del API de Google Maps

Explicaciones y ejemplos para crear Google Maps en tu página web. Manual de mapas de Google, para manejar el API de google maps e integrar mapas personalizados en tu web.

Si te parece útil este manual ayúdanos compartiendo!! :)

Listado de los capítulos

1.- Incluir un Mapa de Google en tu web en 5 minutos

La manera más sencilla de incluir un mapa de Google personalizado en tu web, sin saber programación.

2.- Vídeo sobre cómo crear e insertar un mapa de Google

Videotutorial que nos explica como crear e insertar un mapa de Google en una página web de una manera sencilla.

3.- Crear mapas de Google con el asistente de Google Maps

Una manera instantánea de creación de mapas de Google para una página web, con un asistente, que no requiere ningún conocimiento de programación.

4.- Lo básico para empezar a desarrollar con Google Maps I

A lo largo de estos dos artículos veremos a grandes rasgos cómo funciona este servicio de Google y realizaremos una pequeña introducción a la API a través de un ejemplo simple de integración de un mapa en nuestra página web.

5.- Lo básico para empezar a desarrollar con Google Maps II

Continuamos mostrando explicaciones sobre el desarrollo con Google Maps. Ahora vemos como mostrar marcas y asociar acciones cuando el usuario hace clic.

6.- Mapas de Google API 2

Actualizamos los artículos sobre mapas de google para mostrar la integración de mapas con el API 2.

7.- Tipos de mapa en Google Maps

Seguimos con el desarrollo de mapas de Google, vemos los tipos de mapa o tipos de vista, satélite, calles y mapa híbrido.

8.- Control para cambiar el tipo de mapa de Google

Existe un control en Google Maps que nos permite cambiar entre los distintos tipos de mapas de Google.

9.- Incluir un mapa de tipo físico

Hacemos un Google Map físico, con el tipo de mapa G_PHYSICAL_MAP y aprendemos a definir los tipos de mapa que aparecen en el control de selección de tipos de mapas de Google.

10.- Controles en mapas de Google

En nuestros mapas generados con el API de Google Maps se pueden incluir diversos controles para interacción con el usuario.

11.- Insertar una marca en un mapa de Google

Cómo insertar una marca en un mapa de Google maps, para señalar un lugar del mapa.

12.- Personalizar iconos en los mapas de google

Como personalizar los mapas de google, con el API Google Maps, para crear mapas que tengan iconos distintos de los que aparecen por defecto.

13.- Eventos en mapas de Google

Manejo de de eventos en los mapas de Google. El API de Google maps ofrece funciones y eventos específicos y útiles para tratar cualquier tipo de evento.

14.- Manejar un evento en un mapa de Google para reposicionar una marca

Seguimos viendo ejemplos de eventos en mapas de Google: evento click en el mapa para recolocar una marca.

15.- Crear una marca y mostrar una ventana de información con sus coordenadas

Cómo crear una marca en un mapa de Google Maps, al hacer clic sobre el mapa, y a continuación mostrar una ventana o bocadillo de información con las coordenadas de la marca.

16.- Enlaces de una página que activan marcas en mapas de Google

Vamos a mostrar un ejemplo de desarrollo de un Mapa de Google en el que tenemos varios enlaces fuera del mapa que activan y visualizan información de marcas.

17.- Mostrar la posición de una marca de Google Maps en un formulario

En un mapa de Google, al pulsar en un punto ponemos una marca y mostramos su posición X Y, o longitud latitud, en un formulario de la página.

18.- Mostrar marcas de Google Maps definidas en un archivo XML

Cómo guardar las marcas de un mapa de Google en un archivo XML y acceder a ese XML para mostrar las marcas en el mapa.

19.- Ventanas de información con pestañas en Google Maps

Cómo crear un sistema de pestañas o tabs en ventanas de información generadas en los mapas de Google, para mostrar varios contenidos en una misma caja.

20.- Averiguar el zoom en un mapa de Google Maps

Cómo saber el zoom que tiene un mapa de Google en un momento dado.

21.- Evento zoom en un mapa de Google

Cómo detectar que se ha cambiado el zoom en un mapa de google con el evento zoomend del mapa.

22.- Maquetar una página con un mapa de Google, usando CSS

Es muy fácil maquetar una página que tenga un mapa de Google, simplemente debemos utilizar maquetación y posicionamiento CSS.

23.- Dibujar líneas en mapas de Google

Como dibujar líneas o polígonos encima de un mapa de Google, a partir de unas coordenadas.

24.- Polígonos con líneas geodésicas en mapas de Google

Realizamos un polígono más complejo en un Mapa de Google en el que ponemos líneas geodésicas.

25.- Polígonos en mapas de Google

Cómo hacer polígonos en mapas de Google, con el API de desarrollo de Google Maps.

26.- Eventos y polígonos en Google Maps

Control de polígonos de mapas de google con respuesta a eventos del usuario, en el API de Google Maps.

27.- Superponer una imagen en un mapa de Google

Podemos superponer una imagen en un mapa de Google con los Ground Overlays, clase GGroundOverlay del API de Google Maps.

28.- Incluir las fotos de Panoramio en un mapa de Google

En los mapas de Google podemos mostrar las fotos de enviadas por los usuarios de Panoramio.

29.- Incluir referencias a la Wikipedia en mapas de Google

En mapas de Google Maps se puede incluir fácilmente referencias a puntos geográficos de la Wikipedia.

30.- Colorear países en mapas de Google

Un script para colorear países en mapas de Google y dibujar una línea alrededor de la silueta de los países.

31.- Enviar formularios desde mapas de Google con Ajax

Cómo enviar un formulario con Ajax desde una ventana de información de un mapa de Google.

32.- Clase GDirections de Google Maps para crear rutas

Cómo crear rutas entre dos puntos en un mapa de Google con la clase Gdirections del API de Google Maps.

Descargas

 Si eres usuario de DesarrolloWeb:
Archivo de descarga Manual del API de Google Maps Texto completo en PDF, listo para imprimir, del manual de DesarrolloWeb.com Manual del API de Google Maps. Descarga compilada y actualizada el día 16/02/09.
Tamaño: 483346
Manual en portugués
Esta disponible en CriarWeb.com:

Compartir

Comentarios

ariloyol

24/4/2009
referencias en google map
Hola, quisiera saber si alguien sabe como debo hacer en Google Maps para que aparezcan las referencias en un mapa. Probé con el Map Builder porque con ese programa se pueden hacer los mapas de google, pero en un par de ocasiones las direcciones marcadas no eran correctas. Por eso intenté generar un mapa directamente con el Google Maps, y logré subirlo a mi página, pero he notado que no trae las referencias de las direcciones apuntadas, y eso es fundamental para mí. Alguno sabe si debo modificar algo??
grcias

miguel_k

27/4/2009
Gracias
Parece muy útil el manual. Muchas gracias.

fernando

04/8/2009
avl o dispositivos gps
tengo un dispositivo gps, el cual me envia las coordenadas de posicion cada 5 minutos,,,como puedo ingresar estas coordenadas para que me muestre la posicion en el mapa google en tiempo real ?

Cristian

15/10/2009
Zoom Google Maps
Hola les quiero decir que esta super bueno el manual, de hecho saque varias cosas de aqui para hacer un mapa con las Apis de google.

El asunto es el siguiente, lo que pasa es que en el mismo mapa hice un buscador que busca pro cualquier campo que tenga en la base de datos, pero no me hace el zoom al punto que busque, sino que se queda en el zoom que esta al cargar la pagina.

Ojala alguien me pudiera ayudar, se los agradeceria.

Saludos.

Pablo Valle

20/12/2009
Problemas creando las líneas de ruta en google maps...
...aún no he empezado con este manual de google maps, porque estoy a medias haciendo el de php (que me parece realmente genial...bravo!! y está muy bien explicado...estoy aprendiendo muchísimo...el wamp es una maravilla)...
...cuando hago las líneas en google maps, después de acceder a la ventana de personalización del mapa embed...cuando vuelvo a la pantalla del mapa me veo que la línea de ruta (a mi me sale de color azul) ya no aparece y sólo aparecen los marcadores que he añadido en algunos puntos del mapa...se explica en este curso la forma de importar a google maps las rutas creadas en google earth (las cuales he importado a su vez de otro programa "training center" de GARMIN?

sALUDOS...felices navidades!!

jordi MB

22/12/2009
Busco especialista en google maps
Hola, me gustaria contactar con alguien especialista en google maps si puede ser de la ciudad de Barcelona,con algo de tiempo para ayudarme en la adaptación del programa a lo que necesito

jordi

22/12/2009
busco buen conocedor de google maps
Hola, me gustaria contactar con alguien especialista en google maps si puede ser de la ciudad de Barcelona,con algo de tiempo para ayudarme en la adaptación del programa a lo que necesito T-630.414.484

lsmsusvi

20/7/2010
Latitud y Longitud de un punto
Hola a todos estoy esperimentando un poco con el tema del API de Google Maps y nesitaria si alguien sabe como se pueden sacar las coordenadas de un punto para tratarlas con un programa externo. Me explico con el programa Velneo V7 creo una variable con el codigo del mapa de google, pero no se exactamente que instruccion tengo que poner en el texto html de la pag de Google Maps para extraer las coordenadas latitud y longitud. Si alguien puede informarme bien por aqui o en mi correo lsmsusvi@igijon.com. Muchas gracias

vito_guerrero_quesada

23/8/2010
Puntos a una determinada distancia
Hola, quiero poner un buscador en mi web que me encuentre puntos de google a una determinada distancia, es decir, yo estoy en la Web de una alojamiento y le doy al visitante la opcion de encontrar que visitar a 5, 10 y 15 Km, los sitios a visitar los tengo en una tabla donde estan los datos de geoposicion obtenidos de google maps.

Espero explicarme bien, si no esta claro no duden en consultarme.

eduponce69

29/9/2010
Felicitaciones
Hace tiempo que busco un tutorial así. El manual oficial está bastante completo pero algunas cosas no están muy claras, pero en este está clarisimo. Ojo con las coordenadas del maps, no son longitud y latitud.

Rino

29/12/2010
Errores en los códigos de ejemplo
Los codigos dan diferentes errores de funciones o variables no definidas en las primeras de cambio, asi que para que molestarse en seguir con el manual....move on !

baskcar

03/1/2011
Api con receptor gps
Necesito saber como podria alimentar las coordenadas del codigo con un receptor de gps. la idea es tener este sistema en un automovil y asi saber en que parte esta.

arturo

17/1/2011
Manual
Me gustaria leer este manual para aprender amanejar estas librerias

eresvey

19/2/2011
Una duda con la api de googlemaps!
gracias por el manual y por dedicarnos tiempo a nosotros los que apenas iniciamos. Pero yo tengo una pregunta muy interesante.

Estoy trabajando con php, mysql y gmaps en un mapa de mi universidad donde señalo las facultades de mi universidad con un marcador ya las consulto desde mi BD pero la verdad al momento de hacerle clic al marcador no quiero que me salga una ventana de información de google si no que al momento de hacerle clic al marcador se me valla directamente a la pagina de la facultad en una ventana flotante. Sera que lo que yo pido es factible o no se puede por que ya me e cansado de buscar.

Gracias de antemano, y por cierto valoro mucho tu trabajo es espectacular.

edgar

30/3/2011
Puede agregarse google maps a j2me
se peude agregar un google maps a j2me o un servlet para poder ejecutarlo en mi celular

monica

27/4/2011
como convertir las coordenadas del gps tracker g204 en latitud y longitud
Necesito saber como convertir las coordenadas del gps tracker g204 en latitud y longitud, para poder hacer mi pagina web.

Las coordenadas que me da el gps son las siguientes:
F,154752.000,
A,4038.2920,
N,00400.1961,
W,0.08,

y las convierte en latitud y longitud:
40.638193, -4.003273

Quisiera saber como las convierte y cuando pone el signo - a la latitud o a la longitud, según corresponda?

Muchas gracias, les agradecería que me mandaran la información a mí correo:
mony_novillo@hotmail.com

yedid

30/8/2011
elevaciones
me gustaria saber como puedo hacer uso de las elevaciones en google maps v3... pero con lineas editables.. mostrandome el grafico de la elevacion...ya lo busque y no lo encuentro espero me puedas ayudar

Trover

20/11/2011
Quitar nombres de lugares
Qusiera saber si existe la posiblidad de mostrar el mapa, pero quitando los nombres de las ciudadades/lugares. Por ejemplo, yo quiero mostrar el estado de Oaxaca, pintar un poligono y solo mostrar a traves de marcadores algunas ciudades

jose lopez

13/2/2012
GOOGLE MAPS
algui sabes como llmar la api en un pdf y que te genere la imagen en ese pdf ? pasandole ya codernadas yo lo hice en html y fiunciona fino pero alguien alguna ves al exportado eso a pdf

ALEJANDRO

14/2/2012
sCROLL PARA GOOGLE MAPS
ALGUIEN SABE COMO SE PUEDO IMPLEMENTAR LA FUNCIÓN DEL SCROLL EN LA API DE GOOGLE MAPS???

Jose antonio

09/1/2013
Duda sobre la ubicacion de servicios del api de google maps
Necesito saber como manipular el api de google maps, para que apartir de lo las coordenadas donde posicione me localize los servicios de ese lugar, por ejemplo: los bancos y que me muetre los bancos de ese luegar apartir de una instruccion que le de, en google maps me los identifica de la siguiente forma: policias loc: 18.90806747552138,-98.4325647354126 y me muestra en en mapa todos los policias que se encuentran a la redonda pero podrian decirme como le hago para que sin introducir esa instruccion me mande la ubicac¡ion... Gracias

Giovanny85

02/7/2013
Sistema de pestañas en una misma ventana (VERSION 3 API GOOGLE MAPS)
Buen dia, quisiera saber como hago para crear un sistema de pestañas en una misma ventana de informacion de un marcador con el API VERSIÓN 3 de google maps debido a que anteriormente se podian crear con la clase InfoWindowTabs y mostrar con el método InfoWindowTabHtml pero en la versión 3 del API ya no se puede hacer asi...me gustaria que me ayudaran con la solución o un ejemplo de un código...gracias

Evelyn

11/7/2013
no puedo usar google place para mi pais
HOla! Quiero colocar un negocio en mi pais, para que aparezca en google maps pero Google Places no lista mi pais como una opción :( :S Sin embargo, otros negocios si aparecen ¿Cómo podría solucionar lo mío?

antocerone

05/11/2013
API 2 -> API 3
La Api 2 dejara de funcionar por completo dentro de poco, Googe recomienda migrar a la api 3.
https://developers.google.com/maps/documentation/javascript/directions?hl=es

Vinicio

09/5/2014
Ayuda con el codigo php
Hola a todos y espero puedan ayudarme, tengo un problema al momento de ubicar las coordenadas de google maps sobre un archivo pdf que tengo colgado en una web. El codigo php aparentemente esta bien pero no me funciona necesito ubicar 3 marcadores y no me sale favor su ayuda lo mas pronto posible. Gracias.

Leonor

16/5/2014
Contactar con Fernando
Buenas tardes, al parecer aqui no hay ninguna respuesta a las dudas, me gustaria contactar con Fernando para saver si consiguio detectar su dispositibo gps, estoy intentando montar una starp-ups, pero aun tengo que decidir la tecnologia a usar, ¿Hay dispositivos gps pequeños y economicos?