Problema cargando mapa google con javascript

Tengo una web que saque de una plantilla, el problema es que el mapa que debería aparecer abajo del todo no se carga, he probado a subir solo la plantilla sin ninguna modificación y tampoco la carga, alguien me puede ayudar.

La página web es esta: http://www.vinqualis.com/ 

El codigo utilizado para cargar el mapa es el siguiente:

//Initialize google map for contact setion with your location.

function initializeMap() {

var lat = '44.8164056'; //Set your latitude.
var lon = '20.46090424'; //Set your longitude.

var centerLon = lon - 0.0105;

var myOptions = {
Scrollwheel: false,
draggable: false,
disableDefaultUI: true,
center: new google.maps.LatLng(lat, centerLon),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

//Bind map to elemet with id map-canvas
var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(lat, lon),

});

var infowindow = new google.maps.InfoWindow({
content: "Your content goes here!"
});

google.maps.event.addListener(marker, 'click', function () {
infowindow.open(map, marker);
});

infowindow.open(map, marker);
}