HTML and CSS Reference
In-Depth Information
<p>Geolocation API: <span id "message"></span></p>
</li>
</ul>
</div>
<div id "footer">
<a class "noeffect" href "http://iwebkit.net">Powered by
iWebKit</a>
</div>
</body>
</html>
2.5.11 Georeferenzierte Fotos von Flickr einbinden
Eine der reichsten Quellen für georelevante Inhalte ist die Foto-Sharing-Seite Flickr -
www.flickr.com
. Die mittlerweile zu Yahoo! gehörende Seite hat nicht nur circa 5 Milli-
arden Fotos zu bieten, sondern auch eine offene und einfach zu verwendende Program-
mierschnittstelle (API), um Daten von Flickr in eigenen Programmen oder Webseiten zu
verwenden. Insbesondere für mobile Webseiten und Anwendungen ist das interessant, da
Flickr den weltweit größten Pool an georeferenzierten Fotos im Internet bietet.
Das kleine Beispiel, das wir Ihnen jetzt vorstellen, ermittelt auf Abruf des Benutzers die
aktuelle Position, ruft dann die Flickr-API auf und fragt nach Fotos, die in einem
bestimmten Umkreis dieser Position aufgenommen wurden. Besucher einer fremden
Stadt beispielsweise können auf einen Blick erkennen, welche Sehenswürdigkeiten und
Plätze um sie herum sind. Das Ganze kann, wie im Beispiel gezeigt, auch mit
Google Maps verbunden werden, um die Position der einzelnen Fotos auch auf einer
Karte sichtbar zu machen. Neben dieser praktischen Anwendung zeigt Ihnen das
Beispiel auch, wie Sie aus JavaScript eine Web-API aufrufen, mit empfangenen Daten
dieser API umgehen und sie verwenden können.
Bild 2.51:
Mash-up von Flickr-Fotos und Google Maps
anhand der aktuellen Position eines Benutzers.
