Google Maps API

Google Maps API

Hi,

I am trying to get a google map to display. I have 3 files. HTML, JS and CSS. The map will not load. Can anyone point out where I went wrong with my code?

Thank you

Html:

<!DOCTYPE html>
<html><head>
<meta charset="utf-8" />
<link type="text/css" href="map.css" rel="stylesheet" />
<script type="text/javascript" src="map.js"</script>
<title>My First Map</title>
</head>

<body>
<h2 align="center">My First Google Map</h2>
<div id="map">
</div>


</body>
</html>

JS.

(function() {
  window.onload = function() {
 var mapDiv = document.getElementById("map");
 var latlng = new google.maps.LatLng(960949,-122.41339189999997);
 
 var options={
 center:latlng,
 zoom:10,
 mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 var map = new google.maps.Map(mapDiv, options);
   var marker = new google.maps.Marker({
position:latlng,
map:map,
title:'My Hometown'
 
  });
})();

CSS

body {
background-color: light-blue;
}

h2 {
position: center;
}
#map {
width: 100%;
height: 500px;
}