Google Maps APIを使用して地図が表示されない

<html> 
<body> 
<div> 
    <div id="map"></div> 
</div> 

<script> 
function initMap() { 
    console.log('here'); 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 10, 
     center: { lat: -34.397, lng: 150.644 } 
    }); 
} 
</script> 

<script src="https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=initMap"></script> 

</body> 
</html>

ここで、私のコードではエラーは発生しません。しかし地図は表示されません。理由は何ですか？Google Maps APIを使用して地図が表示されない

出典

2017-09-21 AKSHARA T

でAPIキーとクライアントIDへのガイドを参照してください。サイズ。 – geocodezip

あなたのコードを試しましたが、Google Maps APIエラー：InvalidKeyMapErrorというエラーが表示されます。

APIを読み込むスクリプト要素に、必要な認証パラメータがありません。標準のMaps JavaScript APIを使用している場合は、有効なAPIキーとともにキーパラメータを使用する必要があります。プレミアムプランのお客様は、クライアントIDにクライアントパラメータを使用するか、有効なAPIキーを持つキーパラメータを使用する必要があります。

あなたの "マップ" をdiv要素がありませんhttps://developers.google.com/maps/documentation/javascript/get-api-key

出典

2017-09-21 08:35:42 hiwot

マップ要素にスタイル（高さ/幅）を割り当て

<head> 
<style> 
    #map { 
    height: 400px; 
    width: 100%; 
    } 
</style>

出典

2017-09-21 08:59:05

Google Maps APIを使用して地図が表示されない

答えて

関連する問題