Uncaught ReferenceError: google is not defined

元コード

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

直したコード

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

データを座標にする

for (var i = 0; i < data.length; ++i) {
  myLatLng[i] = { lat: Number(data[i].latitude), lng: Number(data[i].longitude) };
}

地図を表示する時の注意点:

function initMap() {
  var tokyo = { lat: 35.7091844, lng: 139.7317595, }
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    center: tokyo
  });

  var marker = [];
  for (var i = 0; i < myLatLng.length; ++i) {
    marker[i] = new google.maps.Marker({
      position: myLatLng[i],
      map: map
    });
  }
}
initMap();