複数のマーカーを地図上にプロットする場合

自分でプロットしたい座標を決めて表示をしていく。 今回は、 「town株式会社、東京スカイツリー、渋谷109」をマーカーの指定場所にした。

<body>
    <div id="map"></div>
    <script>

      function initMap() {
        var myLatLng = new Array(3);
        myLatLng[0] = {lat: 35.672546, lng: 139.7741523,name:'town株式会社'};
        myLatLng[1] = {lat: 35.7102602, lng: 139.8086663,name:'東京スカイツリー'};
        myLatLng[2] = {lat: 35.6595709, lng: 139.6987507,name:'渋谷109'};


        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 10,
          center: myLatLng[0]
        });

        var markers = new Array(3);  

        for (i = 0; i < 3; i++) { 
          markers[i] = new google.maps.Marker({
          position: myLatLng[i],   
          map: map,
          });
          //dispInfo(markers[i],myLatLng[i].name);
        }
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap">
    </script>
  </body>
 var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 10,
          center: myLatLng[0]
        });

このコードは、画面のセンターをどこに指定するかというもので、myLatLng[0]をセンターにおいた。