mixiアプリ
mixiアプリを作ってみようかなとか思ってみました。結論を言うとAPI見るのも嫌になったのでmixiに表示するって言うだけでPanoramioのAPIをたたくだけっていうどーでもいいもの。気が向いたらアップデートの気楽な感じで。
mixiアプリについてはmixiアプリを参照してみてください。Panoramio APIについてはPanoramio API見てください。ライブラリはjQueryなのでjQuery。サーバはこのサーバ。
形はmixiからこのサーバのXMLを読み込み、XMLに書いている処理実行。XMLにはこのサーバにアップしたjQueryなんかも記述。別ドメインなんで絶対パスで。
そのXMLにPanoramioのAPIをたたくjQueryのJSONを使った処理を記述。別ドメインのサーバなんでふつーのAjaxは無理なんです。で、最後にJSONで取得したオブジェクトはHTMLに埋め込む感じで終了。
-
$.getJSON("http://www.panoramio.com/map/get_panoramas.php?order=upload_date&set=59909&size=thumbnail&from=0&to=10&minx=-180&miny=-90&maxx=180&maxy=90&callback=?",
-
//上のパラメータにcallback=?と書いておくと?をコールバック関数に置換してくれま
-
function(obj) {
-
var html = "";
-
$.each(obj.photos, function() {
-
html += this.photo_title + this.upload_date + '<a href="' + this.photo_url + '" target="_blank"><img src="' + this.photo_file_url + '" /></a>';
-
});
-
$("#photos").html(html);
-
});
そもそもmixi日記も写真も何も使ってないんでmixiアプリ無理でした。というかPanoramioを使いたい。とか考えてたらDB使ってやれば可能だけど手間過ぎるのでPanoramioを表示するだけのものにしてみた。mixiとPanoramioのアカウント紐付けなんてやってられないし。
とりあえずAjax経験がある人ならさくっと作れそう。別のAPIを使うのであればmixiアプリのAPIの説明を見る必要すらない。
