ではJavaScript

Question

とGoogleマップのマーカーを作成するブラウザは、あなたがすでにマップを述べてきたように記述する必要はいけないgoogle.mapsが

var marker = new google.maps.Marker({ 
      position: center, 
      map: map, 
      title: 'Hello World!' 
      }); 
      marker.setMap(map); 
     </script> 
     <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBxawz_fpkdpvsMZm_PozrDBznq7ph7bk0&callback=initMap" 
      ></script> 
     </body> 
    </html> 

Answer 1

が定義されていないことを言う：マーカーのマップ

marker.setMap(map); 

エラーgoogle.mapが定義されていません。javascriptにリソースがない場合、このコードを書く前にGoogleのキーが初期化されていることを確認してください。

Answer 2

はすべてinitMap（コールバック）関数内で（非同期にロードされた）、GoogleマップのJavaScript API v3のに依存したコードをを置きます。

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script> 
 
    window.initMap = function() { 
 
    var center = new google.maps.LatLng(40.7127837, -74.0059413); 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
     center: center, 
 
     zoom: 8 
 
    }); 
 
    var marker = new google.maps.Marker({ 
 
     position: center, 
 
     map: map, 
 
     title: 'Hello World!' 
 
    }); 
 
    marker.setMap(map); 
 
    } 
 
</script> 
 
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script> 
 
<div id="map"></div>