I need to show Instagram Image on a web page based on UserName and Tags
After looking around and searching for such api i couldn't find which can allow me following
I can use two separate API calls to show both results separately but i am not sure how to merge both results and show them as one based on latest images.
Example based on angular and instgram API http://codepen.io/anon/pen/qdrBMQ?editors=001
I also looked at instafeedjs
It allows to show images based on UserAccount and Filter same result based on Tags
Example: http://codepen.io/anon/pen/NqpWER?editors=001
Any such example where i can show images from User Account + Any Tag(s).
Merging shouldn't be too hard:
var byUserUrl = 'https://api.instagram.com/v1/users/828057799/media/recent/?client_id=5e7cb176cc4340c09124d9f50733f34f&callback=JSON_CALLBACK';
//Search by tag
var byTagUrl ='https://api.instagram.com/v1/tags/flight/media/recent/?client_id=5e7cb176cc4340c09124d9f50733f34f&callback=JSON_CALLBACK';
app.controller("InstagramCtrl", function InstagramCtrl($scope, $http) {
$scope.photos = [];
$http.jsonp(byUserUrl).success(function(data) {
$scope.photos = $scope.photos.concat(data.data);
});
$http.jsonp(byTagUrl).success(function(data) {
$scope.photos = $scope.photos.concat(data.data);
});
});