PHP & JavaScript Room :: 設置サンプル

実行結果

ソース

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        /* http://www.panoramio.com/map/get_panoramas.php?order=popularity&amp;set=public&amp;from=0&amp;to=24&amp;minx=139.86816520000002&amp;miny=35.6166016&amp;maxx=139.90017999999998&amp;maxy=35.6347409&amp;size=small&amp;mapfilter=true */
        var s="";
        var url="http://www.panoramio.com/map/get_panoramas.php?callback=?";
        var data={
            order:"popularity",
            set:"public",
            from:0,
            to:24,
            minx:139.86816520000002,
            miny:35.6166016,
            maxx:139.90017999999998,
            maxy:35.6347409,
            size:"small",
            mapfilter:true
        }
        $.getJSON(url,data,function(json){
            /* console.log(json); */
            s+="json.count="+json.count+"<br>";
            s+="has_more="+json.has_more+"<br>";
            s+="map_location.lat="+json.map_location.lat+"<br>";
            s+="map_location.lon="+json.map_location.lon+"<br>";
            s+="map_location.panoramio_zoom="+json.map_location.panoramio_zoom+"<br>";
            for(var i in json.photos){
                s+="photos["+i+"].height="+json.photos[i].height+"<br>";
                s+="photos["+i+"].latitude="+json.photos[i].latitude+"<br>";
                s+="photos["+i+"].longitude="+json.photos[i].longitude+"<br>";
                s+="photos["+i+"].owner_id="+json.photos[i].owner_id+"<br>";
                s+="photos["+i+"].owner_name="+json.photos[i].owner_name+"<br>";
                s+="photos["+i+"].owner_url="+json.photos[i].owner_url+"<br>";
                s+="photos["+i+"].photo_file_url="+json.photos[i].photo_file_url+"<br>";
                s+="photos["+i+"].photo_id="+json.photos[i].photo_id+"<br>";
                s+="photos["+i+"].photo_title="+json.photos[i].photo_title+"<br>";
                s+="photos["+i+"].photo_url="+json.photos[i].photo_url+"<br>";
                s+="photos["+i+"].upload_date="+json.photos[i].upload_date+"<br>";
                s+="photos["+i+"].width="+json.photos[i].width+"<br>";
            }
            s+="photos.length="+json.photos.length+"<br>";
            $("#res").html(s);
        });
    });
</script>
<div id="res"></div>

polarized women