Google Maps API チュートリアル ( https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map ) で空白の画面が表示されます。私はこれに3時間取り組んでいますが、理解できません。
コードを正確にコピーして貼り付けても、.html ファイルとして保存されます。
<!DOCTYPE html>
<html>
<head>
<style>
#map_canvas{
height: 500px;
width: 400px;
}
</style>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var map_canvas = document.getElementById('map_canvas');
var map_options = {
center: new google.maps.LatLng(44.5403, -78.5463),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(map_canvas, map_options)
}
google.maps.event.addDomListener(window, ‘load’, initialize);
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>