Con la API de Google Maps podemos mostrar mapas dentro de etiquetas “img” como si de una imagen se tratase, esto hace que podemos usarla en cualquier momento y de forma muy sencilla, incrustando mapas en cualquier pagina html, sin necesidad de javascript o php.

La imagen de la cabecera de esta entrada esta hecha de esta forma, usando la siguiente url en el parámetro “src” de la etiqueta “img”:

Los parámetros usados son:

center: Puede ser una cadena de texto como “ayuntamiento, nueva york, ny”, o una ubicación separada por comas, “40.714728,-73.998672”.

zoom: Es un valor de 0 a 21+, donde con 0 se puede ver todo el planeta y con 21+ se ven edificios individuales.

size: Define las dimensiones de la imagen, ancho por alto.

maptype: Define el tipo de mapa, las opciones disponibles son roadmap, satellite, hybrid y terrain.

sensor: Determina si tu aplicación usa un “sensor” para determinar la ubicación, por ejemplo un GPS, es un parametro obligatorio.

scale: Afecta al numero de pixeles que se muestran, por defecto está a 1, 2 mostraria el doble de pixeles pero la imagen mantiene el mismo aspecto y grado de detalle, es de utilidad si queremos imprimir los mapas.

format: Define el formato de la imagen resultante, por defecto la imagen es png, podemos usar gif o jpg.

Marcadores

markers: Define los marcadores que se ven en la imagen, dentro de markers podemos definir los siguientes valores:

size: Puede ser tiny, mid, small, por defecto es normal, tiny y small no pueden mostrar etiquetas.

color: Especifica un color de 24 bits, por ejemplo 0xFFFFCC, o un color predefinido de los siguiente: black, brown, green, purple, yellow, blue, gray, orange, red, white.

label: Especifica un único carácter alfanumérico en mayúscula, A-Z, 0-9

Ubicación

Se pueden especificar una o varias ubicaciones para cada marcador, estas van separadas por ‘|’, en la url, es preferible usar ‘%7C’, estas ubicaciones pueden ser direcciones o latitud/longitud.

Ejemplo:

Mas información en la documentación de Google.