HTML and CSS Reference
In-Depth Information
Wollen Sie die Angaben an Flickr übermitteln, lesen Sie sich bitte vorher die
Nutzungsbedingungen der Flickr-API durch. Flickr legt großen Wert darauf, dass die
Rechte der Fotos beim Fotografen liegen und diese Rechte auch von jedem Nutzer der
API respektiert werden. Nachdem Sie die Nutzungsbedingungen gelesen und die richti-
gen Häkchen im Formular gesetzt haben, können Sie es an Flickr übermitteln und
bekommen sofort, ohne weitere Überprüfung, einen neuen API-Schlüssel ausgestellt.
Dabei erhalten Sie den API-Schlüssel sowie einen geheimen API-Schlüssel.
Bild 2.55:
Für
unser Beispiel
benötigen Sie nur
den normalen API-
Schlüssel, nicht
den geheimen
Schlüssel.
Alle API-Anfragen bei Flickr benötigen den normalen API-Schlüssel. Der geheime API-
Schlüssel wird lediglich bei API-Anfragen gebraucht, die auf persönliche Daten eines
Flickr-Benutzers zugreifen. Für unser Beispiel werden wir nur öffentlich verfügbare
Fotos über eine Suchanfrage abfragen und darstellen. Dafür reicht der normale API-
Schlüssel aus.
Als Ausgangscode verwenden wir für das Beispiel die One-Shot-Anfrage, um die Position
des Benutzers herauszufinden. Wie im One-Shot-Beispiel wird auch hier die Position in
den Variablen
position.coords.longitude
und
position.coords.latitude
ge-
speichert. Die Google Maps-Karte wird ebenfalls zentriert um die Position des Benutzers
aufgerufen - nahezu Zeile für Zeile wie im vorhergehenden One-Shot-Beispiel.
Anschließend kommt die Flickr-API ins Spiel. Um sie benutzen zu können, müssen wir
den API-Schlüssel als Variable definieren:
var apiKey 'Flickr API Key';
Als API-Call werden wir die Methode
flickr.photos.search
verwenden, die einfach
die Bildsuchfunktion auf Flickr widerspiegelt. Sie können nicht nur nach Begriffen
suchen, sondern über diese API auch eine Geoposition angeben und dann nach Fotos
(oder auf Wunsch auch Videos oder Fotos und Videos) suchen, die in einem angegebe-
nen Umkreis aufgenommen wurden:
var requestURL
'http://api.flickr.com/services/rest/?method flickr.photos.search&api key '
+ apiKey + '&media photos&lat ' + position.coords.latitude + '&lon ' +
