Google Api - Programmer avec google map

je veux mettre une page sur mon site avec les map de google ce qui est fait la page est la.
je veux mettre des punaises à différent endroit avec des infowindows au dessus. j'y connais rien en javascript, est ce que quelqu'un peux m'aider:

Au début de ma page j'ai ça:
<script src="http://maps.google.com/maps?file=api&v=1&key=ma clé api" type="text/javascript"></script>


à l'endroit ou j'ai insérer ma carte c'est ça:
<div id="map" style="width:550px; height:550px">
map loading...</div>


et a la fin j'ai ca, c'est la que je mets les configs et mes punaise:
<script type="text/javascript">

//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setMapType(G_HYBRID_TYPE);
map.centerAndZoom(new GPoint(-72.523, 46.815), 10);

var point = new GPoint(-73.408, 45.293);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindow("test")
map.addOverlay(marker);


//]]>
</script>

ça me donne ça:
http://www.artisansdecheznous.ca/fr/recherche.html

quelqu'un peux me guider??