I can claim absolutely no credit for this bit of code, its all courtesy wubbahed.com. All I’m doing here is displaying the code for you to copy and paste.
This bit of code will display your geotagged flickr photos on a google map. I use this in the sidebar of one of my blogs.
You will need your own API key. Get yours here.
The geoFeed can be found at the bottom of your flickr page .
Once you have this information replace the sections in bold.
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA-W9uqIa2PP530F8zDw7ifhTU7ZIBfnHw4wAfJHH0RagnnLKqYRRMSJ_Im0zVLMtCE6XFGDom2iMmrA" type="text/javascript"></script>
<script type="text/javascript">
var map;
var geoXml = new GGeoXml("http://api.flickr.com/services/feeds/geo/?id=38083777@N08&lang=en-us&format=rss_200");
function loadMap() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(51.26835954379726, 1.1254119873046875), 10);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addOverlay(geoXml);
}
}
</script>
<div id="map" style="width: 300px; height: 500px"></div>
<script type="text/javascript">setTimeout("loadMap()", 1);</script>
There is another way of doing it, simple go to maps.google.com and paste the georss feed url into the search box and click search, you can then embed it using an iframe. I couldn’t use this method on my other site because of some weird bug with adbrite!
