特定の時間内の特定の緯度と経度にある一連の画像を表示しようとしています。Instagram API スクリプトは、コンソール ログでエラーを受け取ります。これはエラーです:
SyntaxError:予期しないトークン ':'
コードは次のとおりです。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
var count = "20";
var access_token = "5567117.f59def8.65c6953a15e94932a44f9b4311aa8653";
var access_parameters = {access_token:access_token};
function grabImages(access_parameters) {
var instagramUrl = "https://api.instagram.com/v1/media/search?lat=54.963782&lng=-1.623423&max_timestamp=1354950000&min_timestamp=1354935600&distance=2000?callback=?&count=" + count;
$.getJSON(instagramUrl, access_parameters, onDataLoaded);
console.log(instagramUrl);
}
function onDataLoaded(instagram_data) {
if(instagram_data.meta.code == 200) {
var photos = instagram_data.data;
if(photos.length > 0) {
for (var key in photos) {
var photo = photos[key];
$("#target").append('<img src ="' + photo.images.thumbnail.url + '">');
$("#target").append('<span>' + photo.user.username +'</span>');
}
} else {
$("#target").append("Hmm. I couldn’t find anything!");
}
} else {
var error = data.meta.error_message;
$("#target").append('Something happened, Instagram said: ' + error);
}
}
grabImages(access_parameters);
});
</script>