[SOLUCIONADO] Google map estatito marcadores

nicojensen789 · #1 (**permalink**) 30/06/2014, 08:27

Hola, quisiera saber como colocar marcadores en una imagen de google maps estatica, actualmente lo estoy usando así:

Código:

<html>
<head>
	<title>Map</title>
</head>
<body>
	<img src="http://maps.googleapis.com/maps/api/staticmap?center=Avinguda Catalunya, 3, Cerdanyola del Vallès, Barcelona, España&zoom=15&size=400x400&
markers=color:blue&sensor=false">
</body>
</html>

Y esto me devuelve lo siguiente:

http://maps.googleapis.com/maps/api/...e&sensor=false

Entrar en la url para ver el mapa que me devuelve.

Mi problema es el siguiente, quisiera poner un marcador en la direccion que estoy buscando, para que se identifique bien. Desde ya muchas gracias, Saludos.

pzin · #2 (**permalink**) 30/06/2014, 16:14

¿Y dónde has definido que salga el marcador? Tienes los estilos, pero nada más. Échale un vistazo a la documentación: https://developers.google.com/maps/d...?csw=1#Markers

nicojensen789 · #3 (**permalink**) 01/07/2014, 06:32

En ningun lado, por eso pregunto como se hace jaja. Saludos.

#4 (**permalink**) 01/07/2014, 07:41

Hola nicojensen789:

Tal y como lo presentas, sin programación de Google Maps, lo más completo y como te lo ofrece https://www.google.com/maps/, es tomar los códigos de "compartir e insertar mapa" (abajo a la derecha, una vez que hayas escrito la dirección)

En tu caso, después de escribir en la dirección Avinguda Catalunya, 3, Cerdanyola del Vallès, Barcelona, España te ofrece:

Compartir enlace: https://www.google.com/maps/place/Av...0c92488cfffb5c

Insertar mapa:

Código HTML:

Ver original<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2988.5157976090354!2d2.1479635000000004!3d41.493096!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4bdf9b040f3c1%3A0x390c92488cfffb5c!2sAvinguda+Catalunya%2C+3!5e0!3m2!1ses!2s!4v1404222099990" width="600" height="450" frameborder="0" style="border:0"></iframe>

En insertar mapa puedes corregir ancho y alto a tu antojo.

nicojensen789 · #5 (**permalink**) 01/07/2014, 18:16

Cita:

Iniciado por txemaarbulo

Hola nicojensen789:

Tal y como lo presentas, sin programación de Google Maps, lo más completo y como te lo ofrece https://www.google.com/maps/, es tomar los códigos de "compartir e insertar mapa" (abajo a la derecha, una vez que hayas escrito la dirección)

En tu caso, después de escribir en la dirección Avinguda Catalunya, 3, Cerdanyola del Vallès, Barcelona, España te ofrece:

Compartir enlace: https://www.google.com/maps/place/Av...0c92488cfffb5c

Insertar mapa:

Código HTML:

Ver original<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2988.5157976090354!2d2.1479635000000004!3d41.493096!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4bdf9b040f3c1%3A0x390c92488cfffb5c!2sAvinguda+Catalunya%2C+3!5e0!3m2!1ses!2s!4v1404222099990" width="600" height="450" frameborder="0" style="border:0"></iframe>

En insertar mapa puedes corregir ancho y alto a tu antojo.

Muchas gracias!!