Google Maps API-Karte wird nicht angezeigt
Ich kann meine Karte nicht anzeigen, wenn ich die Google Maps-API verwende. Ich versuche, eine Anwendung zu erstellen, die dort nicht funktioniert. Auf dieser Testseite, die ich erstellt habe, ist sie jedoch ebenfalls fehlerhaft. Weiß jemand woran es liegt, dass ich falsch mache?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
console.log("Initializing...");
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="height: 100%; width: 100%;"></div>
</body>
</html>
ielen Dank für jede Hilfe. Ich bin sehr verwirrt