Guardar un mapa de Google como una imagen utilizando la API Google Static Maps

En ocasiones debes mostrar un mapa de Google como una imagen o guardar una imagen de Google Maps para utilizarla después. Muchas veces es preferible mostrar una imagen que el propio mapa que Google nos proporciona si queremos que la velocidad de nuestro sitio web no se vea afectada. También, es muy útil para mostrar la localización del usuario en una aplicación web. En lugar de llamar a la API de Google Maps todo el rato, podemos llamar a la API de Google Static Maps una sola vez y guardar el mapa con la ubicación en nuestro servidor. Puedes mostrar dicha imagen cuando el usuario requiera el mapa sin tener que llamar a la API de Google Maps todo el rato.

La API de Google Static Maps te permite mostrar una imagen con un mapa de Google Maps en un sitio web sin necesidad de ningún Javascript. La API crea el mapa basándose en una dirección dada o en una longitud-latitud, y devuelve una imagen con el mapa.

En este tutorial te mostraremos la forma más sencilla de guardar un mapa de Google como una imagen basándote en una dirección dada utilizando la API de Google Static Maps.

Si quieres colocar un marcador en la imagen, es necesario que también le pases a la API la latitud-longitud del marcador para que lo pinte. Vamos a ver unos cuantos ejemplos...

Imagen de mapa de Google mediante una dirección

<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=12&size=600x400"/>

Imagen de mapa de Google mediante latitud-longitud

<img src="https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=600x400"/>

Imagen de mapa de Google con marcador mediante latitud-longitud

<img src="https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&markers=color:red%7Clabel:C%7C40.718217,-73.998284&zoom=12&size=600x400"/>

Guardar mapa de Google como una imagen utilizando PHP

<?php
    $src = 'https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&markers=color:red%7Clabel:C%7C40.718217,-73.998284&zoom=12&size=600x400';
    $time = time();
    $desFolder = 'images/';
    $imageName = 'google-map_'.$time.'.PNG';
    $imagePath = $desFolder.$imageName;
    file_put_contents($imagePath,file_get_contents($src));
?>
<img src="<?php echo $imagePath; ?>"/>

Definir la Google Key

Antes de llevar a cabo los ejemplos descritos anteriormente, tendrás que agregar tu key de la API de Google del siguiente modo:

https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=600x400&key=TU_API_KEY

Fuente: codexworld.com

COMPARTE ESTE ARTÍCULO

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
¡SÉ EL PRIMERO EN COMENTAR!
Conéctate o Regístrate para dejar tu comentario.