Hola,
de tu archivo principal index.html tienes que eliminar el siguiente código que corresponde a la carga de scripts para el mapa:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=YOUR_API_KEY&sensor=false"></script>
<script type="text/javascript" src="js/jquery.gmap.min.js"></script>
Después en tu archivo scripts.js elimina el siguiente código:
var $map = $('#map'),
$address = 'Paseo de la Castellana, 1, 28046, Madrid'; //Here, you put your adress
$map.gMap({
address: $address,
zoom: 14,
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
Y por último es tu archivo de estilos style.css, cambia los estilos para la capa #map para que quede de la siguiente forma:
#map{
background:url('http://placehold.it/240x320?text=Replacement+image');
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 100%;
z-index: -2;
backface-visibility: hidden;
background-position: center center;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
}
Recuerda cambiar la ruta de la imagen en el atributo background para que apunte a la imagen que quieres.
Saludos