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 など...) で試しましたが、すべて同じように見えます。私はそれを正しく設定したと確信しています...誰かが何が起こっているのか考えていますか?
前もって感謝します!