<style type="text/css">
<!--
#map {
	height: 400px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
-->
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<div id="map"></div>
<script type="text/javascript">

//on note la position du lieu a afficher
	var chateau = new google.maps.LatLng(48.560058073,-3.1502330);
//on défini l'icone
	var monIconPerso = new google.maps.MarkerImage("castle-2.png",
						// sa taille
						new google.maps.Size(32,37),
						// la position de son count haut droit
						new google.maps.Point(0,0),
						//la position de la fleche du marqueur
						new google.maps.Point(16,37));

//on initialise la carte
	var map_ = document.getElementById('map');
			var options = {
			zoom: 17,
			center: chateau,
			disableDefaultUI: true,
			mapTypeId: google.maps.MapTypeId.ROADMAP
			}
//on charge la carte
	var map = new google.maps.Map(map_, options);
//on affiche le marqueur
	var marker = new google.maps.Marker({
	position: chateau, 
	map: map, 
	icon : monIconPerso
	});
	
</script>