¿Cómo puedo embeber fotos de reviews de Google Maps en mi blog?

  • Autor Autor ramonjosegn
  • Fecha de inicio Fecha de inicio
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
¡Usuario popular!
Hola chicos/as.

¿alguna solución?

No puedo embeber la mayoría de fotos de Google Maps (reviews)

Primero probé con código HTML puro y nada, no funciona.

Después encontré un par de servicio en a nube que más o menos dejan crear TARJETAS de presentación de los reviews... pero MUCHAS VECES NO MUESTRAN LAS FOTOS O SÓLO MUESTRAN LA DE PORTADA...

Estos servicios son

Iframely con la opción Try URL

Y Embedly con la opción CARDS

Pero tengo este inconveniente de que sólo me permite (la mayoría de las veces) compartir la imagen destacada o ni eso...

Un ejemplo

LA PUERTA DE ALCALÁ

Reviews/fotos en este enlace
www.google.com

Google Maps

Find local businesses, view maps and get driving directions in Google Maps.
www.google.com www.google.com

Cojo el link de la 2a tanda de fotos, primera foto

Insertar CODE, HTML o PHP: 
https://goo.gl/maps/Y1XQmNVGMCavHJ8P8

1666831846157.png


Paso el link a Iframely y... obtengo esto (la imagen destacada) y NO LA FOTO QUE QUIERO

1666831930957.png



¿Alguna solución?

Llamando al experto @Xavier Z
 
Acá hay una página en blogspot que hizo un mapa personalizado en Google Maps (https://turismoalternativomadrid.blogspot.com/2014/01/PuertaDeAlcala.html)... si revisas el código tiene esto:

Insertar CODE, HTML o PHP: 
<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="https://www.google.es/maps/ms?msa=0&amp;msid=216847731535926794427.0004f0cd1b42e4e7fcb5d&amp;hl=es&amp;ie=UTF8&amp;t=h&amp;ll=40.419982,-3.688681&amp;spn=0,0&amp;output=embed" width="425"></iframe>

Si lo que queres son mostrar las fotos vas a tener que indagar y jugar con las API's pero posiblemente al ser procesadas con l3 de Google... te convenga descargarlas y cargarlas al blog
 
Berker dijo:
Si lo que queres son mostrar las fotos vas a tener que indagar y jugar con las API's pero posiblemente al ser procesadas con l3 de Google... te convenga descargarlas y cargarlas al blog
Hacer clic para expandir...
Pues antes que descargarlas vi que se puede abrir desde el previo en el link las imágenes... pero entonces se pierde toda la tarjeta que muestra que es un embebido de google maps, que es lo "legal", por decirlo de alguna forma...

Creo que puede ser cosa de cambiar sólo algo sencillo en el código, no sé, no soy programador, hice pruebas con las URLS pero no cambian nada...

1666833319959.webp
 
Berker dijo:
Si lo que queres son mostrar las fotos vas a tener que indagar y jugar con las API's pero posiblemente al ser procesadas con l3 de Google... te convenga descargarlas y cargarlas al blog
Hacer clic para expandir...
Tampoco entiendo para que ponen el botón de COMPARTIR en las imágenes si no funciona...

1666833661451.webp
 
ramonjosegn dijo:
Tampoco entiendo para que ponen el botón de COMPARTIR en las imágenes si no funciona...

Ver el archivo adjunto 875391
Hacer clic para expandir...
Porque ahí te falta el parámetro que habilita un CORS flexible, te está omitiendo eso con el link, si te fijas el que yo te pasé más arriba incluye "&amp;output=embed" debería de estar en el enlace acortado pero si te está dando error es porque no está haciendo uso del parámetro, te va a convenir suplantar directamente... y para lo de las imágenes es un poquito más complejo, ya que los métodos embed de Google Maps son muy limitados y específicos, que es un lío donde muchos se quejaron... y terminaron yéndose hacia OpenStreetMap o similares, en lo personal yo optaría fotos a mano + embed del mapa sin el enlace acortado (goo.gl)
 
Berker dijo:
Porque ahí te falta el parámetro que habilita un CORS flexible, te está omitiendo eso con el link, si te fijas el que yo te pasé más arriba incluye "&amp;output=embed" debería de estar en el enlace acortado pero si te está dando error es porque no está haciendo uso del parámetro, te va a convenir suplantar directamente... y para lo de las imágenes es un poquito más complejo, ya que los métodos embed de Google Maps son muy limitados y específicos, que es un lío donde muchos se quejaron... y terminaron yéndose hacia OpenStreetMap o similares, en lo personal yo optaría fotos a mano + embed del mapa sin el enlace acortado (goo.gl)
Hacer clic para expandir...
Si uno abre el previo de alguna foto muestra algo como esto ¿no sirve para "encajar" la foto en la tarjeta?

¿O se puede avanzar algo con esto?

Insertar CODE, HTML o PHP: 
https://lh5.googleusercontent.com/p/AF1QipP0zyLsiGSSHHp5BbNoFx7QaysDC6cKIxwVQV-5=w365-h809-k-no
 
ramonjosegn dijo:
Si uno abre el previo de alguna foto muestra algo como esto ¿no sirve para "encajar" la foto en la tarjeta?

¿O se puede avanzar algo con esto?

Insertar CODE, HTML o PHP: 
https://lh5.googleusercontent.com/p/AF1QipP0zyLsiGSSHHp5BbNoFx7QaysDC6cKIxwVQV-5=w365-h809-k-no
Hacer clic para expandir...
Lo que podrías hacer es reformar la caja del embed, pero tendrías que hacer posiblemente un multiembed por lo que estarías en la misma o por lo menos de mi parte no le veo mucho uso a poner varios embeds para respetar la forma de la caja y eso, pero a la caja bien podrías scrappearla y usarla también, pero deberías de actualizar la info a mano ya que desconozco si hay API's para automatizarlo como un marco
 
Berker dijo:
Lo que podrías hacer es reformar la caja del embed
Hacer clic para expandir...
Suena a demasiado trabajo... tampoco he entendido cómo meter la URL en la caja, cambio la URL pero no cambia el contenido, es muy loco todo esto....
 
ramonjosegn dijo:
Suena a demasiado trabajo... tampoco he entendido cómo meter la URL en la caja, cambio la URL pero no cambia el contenido, es muy loco todo esto....
Hacer clic para expandir...
Es parte de las RestAPI donde tiene un identificador, supongamos img1 a img4 para las fotos cargadas por usuarios y el mapa sería jsmap... entonces vos creas un embed grande a un archivo html donde re-creas la tarjeta pero en vez de introducir los valores a mano usas la RestAPI para llamar a que se autollene esos campos de img1/4 y jsmap, y con eso tendrías el trabajo hecho... en github deberían de haber versiones html personalizadas de las tarjetas pero no ahondé demasiado ya que nunca me planteé en usarlo, podrías revisar en StackOverflow que usualmente responden todo ahí, ya hasta debe haber una solución en html sin javascript
 
Gracias por las recomendaciones. Como está acortado supongo toca desencriptar primero el link @Berker

Si no encuentro una solución preguntaré en los sitios que comentas.
 
Berker dijo:
Es parte de las RestAPI
Hacer clic para expandir...
Estaba revisando que las vistas en 360 grados sí permite la inserción, aunque erróneamente dice "insertar mapa"... pero funciona.

Creo que con esas vistas y de pronto algunas imágenes de Instagram podría ser más que suficiente para mi blog.

Lo que no estoy seguro es si adsense me deja monetizar si uso ese tipo de imágenes, de instagram y de google maps/streetview 360...
 
ramonjosegn dijo:
Estaba revisando que las vistas en 360 grados sí permite la inserción, aunque erróneamente dice "insertar mapa"... pero funciona.

Creo que con esas vistas y de pronto algunas imágenes de Instagram podría ser más que suficiente para mi blog.

Lo que no estoy seguro es si adsense me deja monetizar si uso ese tipo de imágenes, de instagram y de google maps/streetview 360...
Hacer clic para expandir...
Adsense no te hará nada mientras no recibas quejas, pero es raro recibir quejas por fotos de Google Maps ya que Google mismo tiene una cláusula de uso público
 
Berker dijo:
Adsense no te hará nada mientras no recibas quejas, pero es raro recibir quejas por fotos de Google Maps ya que Google mismo tiene una cláusula de uso público
Hacer clic para expandir...
Gracias por el dato. ¿Dónde se puede consultar esa cláusula?

Con Instagram ¿crees que no habría problema, para monetizar?

Ahí he visto la mayoría de fotos que me interesa compartir... pero embebería el mismo código que da instagram, lógicamente...
 
Última edición:
ramonjosegn dijo:
Gracias por el dato. ¿Dónde se puede consultar esa cláusula?

Con Instagram ¿crees que no habría problema, para monetizar?

Ahí he visto la mayoría de fotos que me interesa compartir... pero embebería el mismo código que da instagram, lógicamente...
Hacer clic para expandir...
Con Instagram no te sabría decir, pero con Google acá tenes https://www.google.com/intl/en-GB_ALL/permissions/geoguidelines/... en tu caso quizás entre como periódico o presentación lo cuál si es válido
 
ramonjosegn dijo:
Es para un blog que estoy craneando donde informaría de lugares turísticos relacionados con el agua (ríos, cascadas, etc.)
Hacer clic para expandir...
Pues, no hay limitaciones según las estimaciones de Google ya que no imprimirás el blog ni lo venderás como libro, por lo que si es válido
 
Berker dijo:
Pues, no hay limitaciones según las estimaciones de Google ya que no imprimirás el blog ni lo venderás como libro, por lo que si es válido
Hacer clic para expandir...
Instagram sí me deja con muchas dudas, ya que dicen que las fotos tienen derechos pero no dicen nada del código embed, ya que en ese caso está ya en la "tarjeta virtual" el reconocimiento... no sé, me dejó con la duda...

1666891125778.webp
 
Es un lío después de todo, yo que vos probaría con un blog de respaldo por si las dudas para ahorrar problemas
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba