devi andare sul sito di google maps per farti dare la google API key...
poi quando progetterai il tuo sito bisognerà che utilizzerai questa key all'interno della pagina in cui vorrai mettere la tua mappa..


io ho fatto una cosa del genere:

-questo è la parte nel file html

<head>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=INSERISCI QUI LA TUA KEY" type="text/javascript"></script>

<script type="text/javascript" src="map.js"></script>

</head>

<body onload="CreateMap()" onunload="GUnload()">
<form action="#" onsubmit="MostraInd(this.indirizzo.value); return false">



Inserisci la località <input type="text" size="60" name="indirizzo" />
<input type="submit" value="vai!" />
</p>

</body>


poi ho fatto map.js

var map = null;
var geocoder = null;

//funzione che esegue il geocoding dell'indirizzo passato come parametro
function MostraInd(indirizzo) {
if (geocoder) {
geocoder.getLatLng(
indirizzo,
function(point) {
if (!point) {
alert(indirizzo + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml("qui puoi fare una pagina html dove metti le tue immagini che prendi dal database oppure puoi metterci un link che va ad una pagina delle foto");
});
}
}
);
}
}




function CreateMap(){



if (GBrowserIsCompatible()) {


map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng( 44.6876077738165,10.66725998755685 ),16 );
map.addControl(new GLargeMapControl());
map.addControl(new GScaleControl());
map.addControl(new GMapTypeControl());
map.setMapType(G_SATELLITE_MAP);
map.enableDoubleClickZoom();


// Istanzio il geocoder
geocoder = new GClientGeocoder();

}
} // end CreateMap


Anch'io sto cercando di realizzare un sito simile,è veramente interessante come idea!
beh spero di averti aiutato il piu possibile...cmq la documentazione di Google Maps è abbastanza chiara,inoltre ci sono anche alcuni esempi che aiutano a capire meglio come usare Maps!