Nideaderedes

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.

Entradas relacionadas

1. Introducción a Google Maps (II)
2. Introducción a Google Maps
3. Google Maps Europa ya está en marcha
4. Introducción a PHPMailer
5. Phishing en Google Adwords