This version of the page http://www.panoramio.com/blog/embedding-panoramio/ (0.0.0.0) stored by archive.org.ua. It represents a snapshot of the page as of 2008-08-17. The original page over time could change.
Embedding Panoramio in your site at Panoramio

Panoramio's Blog


Embedding Panoramio in your site

September 27th, 2005 by Joaquín Cuenca Abela

Some people have asked in the forum for a way to have Panoramio on
their site. So I went for an easier solution for all of you. I just
cooked a mini panoramio version, ready to be used on iframes outside
Panoramio. An example is:

This is what you need to write in your site:

<iframe src=”http://www.panoramio.com/plugin.php?
lt=43.406295&amp;ln=-2.686586&amp;z=3&amp;k=1″ width=”446px” height=”300px”></iframe>

You must pass these options as you will do for a GET request, and the
name of these options is lt (for latitude), ln (for longitude), k (for
kind of map, 0 = map, 1 = satellite, 2 = hybrid), z (for zoom level, 0
is the maximum zoom, 17 is the minimum), zm = 1 to activate the zoom with the mouse wheel and user (for the user email).
All of these options are optional.

You can of course tweak the size of this frame using its width and/or
height attributes.

I will improve this mini Panoramio over time, specially so it can show
pictures at a decent size.


31 Responses to “Embedding Panoramio in your site”  

  1. 1 IHQ

    :-) very nice feature!

  2. 2 Sergut

    I have problems with the zoom when doing this. If I write this in a web

    which is supposed to show La Tour Eiffel in Paris (zoom 0), what you get is a picture of Western Europe (perfectly centered over the tower, that’s true). I do not know if there is a problem with the zoom feature or if I am doing something wrong.

    I am using Firefox 1.0.7 over windows, and I can see your example from the north of Spain without problems, but every time I have tried to it myself, all I get is a very-high picture.

  3. 3 Sergut

    Ups, sorry. The missing link from the former comment is

    Hope this time I got it OK (pity not a “preview” button)

  4. 4 Sergut

    No, it looks like “pre” tags are not interpreted.

    Anyway, it is a link as the one from your example, with this parameters:

    lt=8.858101
    ln=2.294394
    z=0
    k=1

    (crossing fingers… sorry for the multiple comments)

  5. 5 Joaquín Cuenca Abela

    Hi Sergut,

    Good catch! I’ve fixed this problem, and it should be working now. Just let me know if you still have any further problem.

    Cheers,

  6. 6 Netito

    Mola.

  7. 7 eduo

    Joaquin:

    I’ve a question. Is there any way to define what pictures (for example, for a specific user) you wan tto show? I see in your preview above that you show a section of Spain, but zooming out I don’t see any other pictures than those. Nothing in the URL seems to specify what will be seen unless it’s picked from the zoom level and coordinates.

  8. 8 Joaquín Cuenca Abela

    Yes, albeit not used in the example, it was in the description below. You can use the “user” parameter to filter the pictures of a particular user.

    I said that you should use user=email@example.com to show only the pictures of the user with email “email@example.com”, but you can also use user=id_user

    I only spoke about the email possibility because when I did the plugin a user had no way to know its id other than asking me, but putting the email in a public page is problematic, as it gets exposed to spammers.

    I thus suggest using the user=id_user variant. For example, to see my pictures over Paris do:

    <iframe src=”plugin.php?lt=46.649436&ln=2.592773&z=13&k=0&user=1″ width=”400″ height=”400″></iframe>

    To get your user id go to your user page and get it from the URL.

    Hope it helps,

    Cheers!

  9. 9 diego

    adoré Panoramio. Felicidades!!!

    Cuanta siempre con el apoyo de wwwhatsnew.

  10. 10 JOSUE BARAJAS CERVANTES

    PANORAMIO

  11. 11 Marios

    For blogspot.com/Blogger users the tag doesn’t work.
    Use the tag instead, like this

  12. 12 Marios

    Replace [ ] with

    [object data=”http://www.panoramio.com/plugin.php?lt=40.348747&ln=15.568332&z=13&k=1&user=627″ width=”40%” height=”40%” type=”text/html”][/object]

  13. 13 Joaquín Cuenca Abela

    Hi,

    nice hint, Marios, I will add it to the help. For the record, you have to replace the [ ] with < >

    Ie., you have to put:

    <object data=”http://www.panoramio.com/plugin.php?lt=40.348747&ln=15.568332&z=13&k=1&user=627″ width=”40%” height=”40%” type=”text/html”></object>

  14. 14 Marcos Baron Guzman

    Wenas….
    Haber te explico lo que me pasa: Yo no tengo pagina web, pero si que un blog en ya.com. Y lo que pasa es que ni el enace que has puesto al principio para paginas web ni en otro que han sugerido para blogspot, funciona n blog, no se en realidad por que motivo. Asi que si puedierais averiguar como puedo poner un enlace en mi blog, se lo agradeceria. Mi otra preguntar es si hay alguna forma de poder hacer un enlace directo al google earth, pero solo con mis fotos, para que yo o cualkiera desde la red, puedan ver unicamente mi album con mis fotos. OK!!
    Enga muchas gracias y enhorabuena por la idea

  15. 15 Joaquín Cuenca Abela

    Hola Marcos,

    Mirando el codigo de tu pagina, veo que ya.com ha convertido las comillas en ?. Puedes escribir comillas y verlas como comillas rectas?

    El enlace directo a google earth solo con tus fotos es el siguiente:

    http://www.panoramio.com/userkml/627.kml

    Bueno, suerte con lo de ya.com! si encuentras lo que hay que hacer dimelo y lo pongo en la ayuda.

  16. 16 Marcos Baron Guzman

    Wenas de nuevo Juaquin;
    Es que he tenido un problemilla, no he entendido bien lo que me has querido decir con lo de: “Puedes escribir comillas y verlas como comillas rectas?”, que es una respuesta o una pregunta??
    Sobre lo del google earth, el enlace me lleva al google earth, pero la carpeta que me sale se llma mario, en vez de marcos, porque es??Y, como comparto las fotos de esa carpeta con el resto de la red, metiendolas dentro directamente??
    Mis disculpas por mi incomprension, pero soy un poco cabezota para estas cosas, gracias de todas maneras….xauuu!!

  17. 17 Joaquín Cuenca Abela

    Buenas,

    Si miras el codigo html que hay que poner, veras que aparecen unas comillas (&dquot;). Los blogs creen que cuando escribes &dquot; es para poner un texto entre comillas, y te lo cambian por las comillas cursivas, “como estas”, que son mas bonitas y tipograficamente las que se suelen usar hasta que llegaron las maquinas de escribir y se quisieron ahorrar una tecla. Si miras con lupa veras que no son el mismo caracter que las comillas rectas (estan ligeramente curvadas).

    Bien, el problema es que en html es absolutamente critico que sea una comilla recta, es el unico tipo que entiende. No se como hacer en ya.com para que no haga este tipo de cambios en las comillas. Si tiene un modo para editar directamente el html seguramente puedas hacerlo desde ese modo.

    En tu blog, otro problema es que esas comillas curvas no existian en el codigo de pagina de tu pagina, y en su lugar salia un punto de interrogacion.

    Para ver tus fotos en google earth, es el enlace que he puesto antes, pero en lugar de 627 tienes que poner tu numero de usuario. El 627 es el numero de usuario de Mario.

    Para conocer tu numero de usuario, una vez logueado en Panoramio, pincha en tu nombre, veras que te lleva a una pagina

    http://www.panoramio.com/user/xxx

    en lugar de las xxx veras un numero, ese es tu numero de usuario. (Por cierto, que no veo ningun usuario con tu nombre en la base de datos, si no estas registrado no podras ver tus fotos en Google Earth.)

    Si tienes algun problema, cuentame.

  18. 18 Marcos Baron Guzman

    Hey!! que tal?? Perdona la tardanza e estao de viaje; entonces me kieres decir que si no encuentro la menra de poner las comillas resctas en vez de cursiva lo tengo chungo para poner panoramio en mi blog no??…joe pues eso es algo que no tengo ni idea de hacer…asi que tendre eque informarm o algo…..para poder escribirlo en el lengaje que me pide ya.com…digo yo….asi que gracias de todas menras y si averiguas la menera de poder solucionarlo escribelo aki…o a mi correo ok?? gracias de nuevo por la ayuda…xaaauuu!!

  19. 19 warren

    i o u mucho.

  20. 20 Marcos Baron Guzman

    Hey!!adivina kien esta aki otra vez…..jejeje. Joder me siento coñazo pero bueno espero que no te moleste demasiado!!jaja. Lo que te tengo que preguntar es muy sencillo, pero que no puedo hacer. Cuando quiero buscar en e panoramio un lugar, como tengo que poner las coordenadas de latitud y longitud?? iwal que sale en el google earth?? yo las pongo asi pero no me lo lee. Asi que si me pudieras poner un ejemplo o ecir donde dices como se pone te lo agradeceria. Por cierto veo gente ya petando de fotos el panoramio einnnn!!jajaja enhorabuena!!!

  21. 21 Sergio Ovalle

    Hola! excelente pagina esta de Panoramio!!! Felicitaciones….

    ahora tengo un problema… logro colocar en mi blog a panoramio… pero no logro que se vean las demas fotos y realmente ya intenté todo; incluso colocando mi id_user pero no veo nada (por cierto tube que copiar el iframe desde el codigo fuente ya que por alguna razon no funciona copiandolo desde donde lo publican). gracias y denuevo felicitaciones…

  22. 22 Joaquín Cuenca Abela

    A marcos:

    Tienes que poner las coordenadas (en decimal) en la URL:

    http://www.panoramio.com/#lt=latitud&ln=longitud

    A Sergio:

    ¿Podrías dar un enlace a tu página para que le eche un vistazo?

  23. 23 Angel

    Hola! Intento registrarme pero no puedo. Pongo el puntero sobre “sign up” y no hay enlace alguno. ¿Cómo puedo hacerlo para poner Panoramio en mi web? Gracias y un saludo

  24. 24 Bits RojiVerdes

    Al fin lo he conseguido, tenéis una prueba en Bits RojiVerdes bajo Wordpress y a tamaño enórmico en otra de mis páginas de prueba.

  25. 25 Marcel

    Suggestions
    1.
    Is it possible to add another parameter to a panoramio plugin, to show panoramio with pictures of one user AND SPECIFIED TAG.
    eg. tag=India

    2.
    Another question is about ORDER of pictures.
    I think that will be very useful for users to make your own order of pictures not only by UPLOAD_DATE.

  26. 26 Rubén

    Hola amigos! He creado un álbum donde quiero ir poniendo fotos de mi barrio para que se vean en google earth. También quiero colocarlas en un mapa en mi blog con el código embed que proporcionáis.
    Lo he “fabricado” siguiendo vuestras instrucciones, y me sale así:

    Sin embargo, creo un widget html en mi blog, lo coloco, y no veo nada. Sólo me sale una pestaña amarilla en mi Firefox diciéndome que tengo que instalar un plugin (pero no me dice cuál y sólo me deja cancelar).
    En Internet Explorer, no me sale nada directamente. He tenido que borrar el widget porque no servía.
    Estoy haciendo algo mal? hay que hacer algo específico para blogger que no haya hecho ya??
    gracias!!

  27. 27 Rubén

    cómo puedo escribiros el código para saber si lo he hecho bien o no? lo he pegado pero ha desaparecido!

  28. 28 attapon

    I use this code but I can’t.
    And i got

    You don’t have permission to access /map/”http://www.panoramio.com/plugin.php on this server.

    pls help me!

  29. 29 Lincoln

    My coordinates don’t seem to work.
    Springfield MO, USA should be 32.23 by 93.38

    Im getting kazakstan and Mongoloia?

    Help

  1. 1 No tengo palabras » Panoramio
  2. 2 Tecnorantes » Panoramio, una excelente aplicacion web basada en Google Maps

Leave a Reply


For spam detection purposes, please copy the number 4074 to the field below:

  • Archives

    • August 2008
    • July 2008
    • June 2008
    • May 2008
    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
    • February 2006
    • January 2006
    • December 2005
    • November 2005
    • October 2005
    • September 2005
    • August 2005
  • Categories

    • css (2)
    • html (8)
    • Interaction Design (6)
    • javascript (11)
    • miscellaneous (25)
    • new features / improvements (63)
    • panoramio (49)
    • personal (2)
    • places (25)
    • Uncategorized (5)