アプリに地図と複数のマーカーを表示する

アプリ上にgoogleマップと、配列化した座標にマーカーを表示する方法は以下。

“`

  <script>
  function initMap() {
    var map;
    var data = new Array();
    data.push({lat:35.6641,lng:139.6988,name:"shibuya"});
    data.push({lat:35.6580,lng:139.7515,name:"minato"});
    data.push({lat:35.7079,lng:139.7524,name:"bunkyo"});

    map = new google.maps.Map(document.getElementById('map'), {
      center: data[1],
      zoom: 12
    });

    var markers = new Array();
    for (let i=0 ;i<data.length ; i++){
      markers[i] = new google.maps.Marker({
      position: data[i],
      map: map,
      });
    }
  }
</script>
<script src="https://maps.googleapis.com/maps/api/js?&callback=initMap" async defer></script>```

HTML部分の

に表示される