GoogleマップAPI v3がブラウザに表示されない

Question

Googleマップアプリケーションに問題があります。

私は基本的なマップを作成するためにAPIで与えられたコードに従っています。私はこれがあります。

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    #map { height: 75% } 
</style> 

を、私はマップを初期化するだけでなく、以下のjavascriptを持っている：

function showmap(coordinates) 
{ 
    var lat = coordinates.latitude; 
    var lon = coordinates.longitude; 

    var myOptions = { 
     position: new google.maps.LatLng(lat, lon), 
     zoom: 4, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map"), myOptions); 
} 

を私はブラウザに入るすべてがちょうど大きな灰色のボックスです。私はいくつかのブラウザ（chrome、firefoxなど）で試しましたが、それはすべて同じように見えます。私はそれを正しく設定したと確信しています...誰も何が起こっているアイデアを持っていますか？

ありがとうございます！

Answer 1

で報告されたエラー