【Googleマップ】1つの地図に複数のマーカーを表示

こちらのサイトを参考にさせていただきました
もし記事が消えてしまったら
わたし立ち直れないないので
ここにメモさせてくださいませm(_ _)m


①head内にタグ追加

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

②置きたいところにdiv追加、サイズ調整
<div id="map" style="width: 600px; height: 400px;"></div>

③divの下に追加

<script type="text/javascript">

  function attachMessage(marker, msg) {

    google.maps.event.addListener(marker, 'click', function(event) {

      new google.maps.InfoWindow({

        content: msg

      }).open(marker.getMap(), marker);

    });

  }

// 位置情報と表示データの組み合わせ

  var data = new Array();//マーカー位置の緯度経度

  data.push({position: new google.maps.LatLng(35.681382, 139.766084), content: '東京駅'});

  data.push({position: new google.maps.LatLng(35.690921, 139.700258), content: '新宿駅'});

 

  var myMap = new google.maps.Map(document.getElementById('map'), {

    zoom: 12,//地図縮尺

    center: new google.maps.LatLng(35.69106, 139.733989),//地図の中心点

    scrollwheel: false,

    mapTypeId: google.maps.MapTypeId.ROADMAP

  });

 

  for (i = 0; i < data.length; i++) {

    var myMarker = new google.maps.Marker({

      position: data[i].position,

      map: myMap

    });

    attachMessage(myMarker, data[i].content);

  }

</script>

④緯度経度
http://www.geocoding.jp/