dominios y alojamiento web en hostalia

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.

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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:

Comentarios
Envie un comentario u opinión sobre este manual.

Compartir

Comentarios
Fueron enviados 18 comentarios al manual
12 comentarios no revisados
6 comentarios revisados:

ariloyo...
referencias en google map
24/4/2009
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
Gracias
Por: miguel_k
27/4/2009
Parece muy útil el manual. Muchas gracias.

lsmsusv...
Latitud y Longitud de un punto
20/7/2010
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_gu...
Puntos a una determinada distancia
23/8/2010
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.

eduponc...
Felicitaciones
29/9/2010
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.

eresvey
Una duda con la api de googlemaps!
19/2/2011
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.

En este manual
Descargar manual 1

Categorías relacionadas:

Manuales relacionados
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...