Geolocalización web y direccionamiento

[Kamps]

Bueno después de estudiar un poco me encuentro con algunos problemas, tengo algo echo pero que no logro ver, ya que no se donde está el fallo. El tema es que el mapa salga como "fondo" de la web, y en una zona determinada, concretamente donde están las cordenadas aparezca el simbolo de un restaurante, pero no se que pasa que no se me ve.. os dejo el código y veis a ver que puede pasar.

<div id="map_canvas"></div>
<!--scripts-->
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script>
function initialize() {
var latlng = new google.maps.LatLng(39.458131,-0.334311);
var settings = {
zoom: 15,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map_canva s"), settings);
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">Welcome to CuppyBar!</h1>'+
'<div id="bodyContent">'+
'<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>'+
'<div id="address">'+
'<p>Place your address, zip-code and telephone number right here. You may place also email address here.</p>'+
'</div>'+
'<figure><img src="images/outside.jpg" width="400" height="260" alt="bar outside"/></figure>'
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});

var companyImage = new google.maps.MarkerImage('images/barsign.png',
new google.maps.Size(150,90),
new google.maps.Point(0,0),
new google.maps.Point(50,50)
);

var companyShadow = new google.maps.MarkerImage('images/bar-shadow.png',
new google.maps.Size(180,110),
new google.maps.Point(0,0),
new google.maps.Point(50, 45));

var companyPos = new google.maps.LatLng(39.458131,-0.334311);

var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,
shadow: companyShadow,
title:"Cuppy Bar",
zIndex: 3});

google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
}
</script>