元コード
<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();