Track a roadtrip, your last vacation or your daily photos!
Flickr gives its users the ability to keep track geographically where their photos have been taken. If you're looking for a more integrated and DIY approach to "geotagging" your photos, however, GMapEZ is the way to go. GMapEZ takes the Google Maps API and simplifies it for the rest of us - making mapping and tagging easy. With just a little bit of code you can unlock all the great features of Google maps on your own site / project.
Integrating you're own custom photo map into your site is as simple as three steps, but wide open enough to go crazy with customization. Check out this working demonstration on a photoblog.
1. Make a map
First, you need to visit Google maps to have them generate you your own unique key. Once you've got that, cut it into this code snippet.
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>My GMapEZ Maps</title>
<meta name="gmapkey" content="enter your own Google Maps Key here" />
<script
src="http://bluweb.com/chouser/gmapez/gmapez-2.js"
type="text/javascript"></script>
</head>
<body>
<div class="GMapEZ" style="width: 300px; height: 300px;">
</div>
</body>
</html>
2. Add a marker
Geotagging is about plugging in latitude and longitude information of where your photos have been taken - and Google Maps makes that easy to find. Simply visit maps.google.com, find your spot - click the map, then click "link this" and then copy the URL to be pasted in this code snippet. Click here for some visual instructions.
Each marker is clickable and pops up a bubble where you can embedd your photo (or a thumbnail of your photo)