O mapa da API do Google Maps não aparece

Question

Sep 18, 2010, 11:48 AM

google-maps-api-3 google-maps javascript

O mapa da API do Google Maps não aparece

Não consigo exibir meu mapa quando estou usando a API do Google Maps. Estou tentando criar um aplicativo e ele não funcionará lá, mas também está quebrado nesta página de teste que fiz. Alguém sabe o que estou fazendo de errado?

<!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>

Obrigado por qualquer ajuda. Estou muito confuso!