Introducción a Google Maps (III)

Vamos a empezar esta tercera entrega añadiendo unos botones que permiten cambiar estre las distintas vistas que ofrece Google Maps: visión satélite, mapa o vista híbrida. Como siempre un ejemplo.

Para mostrar estos botones tenemos que añadir a nuestro “programa”:

map.addControl(new GMapTypeControl());

Estos botones, y todos los mensajes que se muestran en el mapa, salen en inglés por defecto. Podemos cambiar el idioma de los botones modificando la línea desde la que llamamos a la API de Google Maps:

añadiendo al final:

&hl=es

es decir:

hl es el código con el que le indicamos a Google Maps el idioma que queremos usar. Por ahora están disponibles estos idiomas:

Japanese (ja), French (fr), German (de), Italian (it), Spanish (es), Catalan (ca), Basque (eu) and Galician (gl).

Mostrar un mensaje

Vamos a añadir una nueva tontería a nuestra pequeña aplicación; esta vez vamos a ver cómo añadir un mensaje dentro del mapa. Para que te hagas una idea vamos a ver cómo mostrar el mensaje de este ejemplo.

Es tan sencillo como añadir la siguiente línea:

map.openInfoWindow(map.getCenter(), document.createTextNode("Yo estuve aquí una vez"));

Este método funciona así:

openInfoWindow(coordenadas,  nodo,  opciones)

– coordenadas: es un objeto del tipo GLatLng. En el ejemplo le hemos pasado las coordenadas del centro del mapa: map.getCenter().
– nodo: el texto que queremos mostrar, en el ejemplo hemos puesto document.createTextNode("Yo estuve aquí una vez").
– opciones: objeto del tipo GInfoWindowOptions. Por ahora lo dejamos en blanco, es optativo.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.