Google Maps Javascript API v3 Troubleshooting
So my code doesn't seem to work. It doesn't say invalid key or anything. It's just blank. Could you please look at my code to find the problem with it? Thank you.

    <!DOCTYPE HTML>
<html>
	<head>
		<!-- The viewport is required for the map. And the javascript loads the google maps api -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=MYKEYDOESNTDISPLAYERRORS&sensor=false"></script>
		
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript">
			function initialize() {
				var latlng = new google.maps.LatLng(57.0442, 9.9116);
				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_canvas"), settings);

		</script>
	</head>
	<body onload="initialize()">
		<div id="map_canvas" style="width: 800px; height: 600px; margin: auto;">
		</div>
	</body>
</html>
Google Maps Javascript API v3 Troubleshooting
===

So my code doesn't seem to work. It doesn't say invalid key or anything. It's just blank. Could you please look at my code to find the problem with it? Thank you.

    <!DOCTYPE HTML>
<html>
	<head>
		<!-- The viewport is required for the map. And the javascript loads the google maps api -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=MYKEYDOESNTDISPLAYERRORS&sensor=false"></script>
		
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript">
			function initialize() {
				var latlng = new google.maps.LatLng(57.0442, 9.9116);
				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_canvas"), settings);

		</script>
	</head>
	<body onload="initialize()">
		<div id="map_canvas" style="width: 800px; height: 600px; margin: auto;">
		</div>
	</body>
</html>