私はAPIキーを持っていますが、まだMissingKeyMapErrorを取得しています

タイトルはコンソールに私にAPIキーがないと伝えています。私はAPIキーを持っていますが、まだMissingKeyMapErrorを取得しています

のindex.php

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>My Google Map</title> 
    <style> 
     #map{ 
      height:400px; 
      width:100%; 
     } 
    </style> 

</head> 
<body> 

    <h1>My Google Map</h1> 
    <div id="map"></div> 

    <script> 
     function initMap(){ 
      var options = { 
       zoom: 8, 
       center: {lat:42.3601, lng:-71.0589} 
      } 
      var map = new google.maps.Map(document.getElementById('map'), options); 
     } 
    </script> 


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

</body> 
</html>

出典

2017-09-30 Ryder Thacker

私はこのコードではエラーを持っていません。シークレットウィンドウで試してみてください。 – Araf

すべてGoogleマップのJavaScript APIアプリケーションは、認証を必要とします。

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

これにより、SRCのスクリプトタグを置き換える：あなたはAPIでホワイトスペースを持っている<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=Past YOUR API KEY"></script>

出典

2017-09-30 06:50:23

_「APIキーがありません。** Google Docsには**が付いています。」_ – Andreas

コードとOPの違いはわかりません。 'async'と' defer'は負荷をブロックするのではなく、何の違いもありません。 –

@Asifありがとう、それはエラーを取り除いたが、今は表示されません。あなたはそれがなぜなのか考えていますか？ –

URLが含まれます。これは間違っています（APIでの空白の後などがいる "？"）：

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

これが私の作品：

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

Working example (with my key)

出典

2017-09-30 09:59:18 geocodezip

私はAPIキーを持っていますが、まだMissingKeyMapErrorを取得しています

答えて

関連する問題