Pregunta
¿Cómo incluir fotos en mi sitio usando la API de Panoramio?
Responder esta pregunta por dudin el 2009-02-03
Necesito incluir algunas fotos de Panoramio relativas a lugares geográficos en mi sitio web, ya he logrado obtener las coordenadas (latitud y longitud), de paso les comparto que para ello me he auxiliado de esta herramientahttp://itouchmap.com/latlong.htmlEl caso es que me quedo en el punto de obtener los datos resultantes en formato JSON. Ahora viene mi pregunta ¿Cómo insertar las fotos de ese resultado en un DIV que tengo en la página usando Javascript?
Respuestas
0%
0%
Puedes probar usando este ejemplo:
Referencia:http://www.panoramio.com/api/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de como incluir fotos de Panoramio</title>
<script type="text/javascript">
var pfotos;
var resultados;
function mostrarfotos(panoramio)
{
pfotos = panoramio.photos;
var html='';
resultados = document.getElementById('resultados');
resultados.innerHTML = '';
if (pfotos.length > 0)
{
for (var i = 0; i < pfotos.length; i++)
{
html += '<div class="item-foto">';
html += '<a target="_blank" href="' + pfotos[i].photo_url + '"><img width="' + pfotos[i].width + '" height="' + pfotos[i].height + '" src="' + pfotos[i].photo_file_url + '" alt="' + pfotos[i].photo_title + '" border="0"/></a>';
html += '<a target="_blank" class="owner_name" href="' + pfotos[i].owner_url + '">' + pfotos[i].owner_name + '<\/a>';
html += '</div>';
}
html += '<div class="clear"></div>';
resultados.innerHTML = html;
}
else
{
resultados.innerHTML = 'No hay fotos disponibles';
}
}
</script>
</head>
<body>
<div id="resultados">Cargando fotos...</div>
<script src="http://www.panoramio.com/map/get_panoramas.php?order=popularity&set=full&from=0&to=14&minx=-82.43&miny=23.053333&maxx=-82.27&maxy=23.213333&callback=mostrarfotos&size=thumbnail" type="text/javascript"></script>
</body>
</html>
Referencia:http://www.panoramio.com/api/
por Anónimo el 2009-02-03
0%
0%
He probado el código para insertar fotos de panoramio en mi web y funciona pero ¿como podría aumentar el tamaño de las fotos? y como hago para que el autor de las fotos salga en otro renglón debajo de las fotos.
Teniendo en cuenta que no se nada de programación
Gracias
Teniendo en cuenta que no se nada de programación
Gracias
por Anónimo el 2010-05-24
0%
0%
Hola
He estado probando este script y en mi registro de errores log me salen algunos con el siguiente dato
http://www.misitio.com/ ' + pfotos[i].photo_file_url + '
¿Tendría que hacer alguna modificación al código para que no me salgan estos errores?
En vuestro ejemplo he visto que los enlaces finalizan con esta etiqueta '<\/a>';
y sin embargo en el caso de file_url no tienen la barra invertida '';
¿Será ese el motivo?
Gracias
He estado probando este script y en mi registro de errores log me salen algunos con el siguiente dato
http://www.misitio.com/ ' + pfotos[i].photo_file_url + '
¿Tendría que hacer alguna modificación al código para que no me salgan estos errores?
En vuestro ejemplo he visto que los enlaces finalizan con esta etiqueta '<\/a>';
y sin embargo en el caso de file_url no tienen la barra invertida '';
¿Será ese el motivo?
Gracias
por Anónimo el 2011-05-08
Compartir: 
