JavaScriptで複数の地点を地図上に表示させる方法

JavaScriptで幾つかの位置情報をGoogle Map上に表示させたいとき、地図を定義した関数内に



var data = new Array(); data.push({ lat: "緯度", lng: "経度", name: "場所の名前" }); //以下同様に指定したい地点を定義

と配列を作った後、for文で以下のように表示させます。


for (var i = 0; i < data.length; i++) { create_marker(data[i].lat, data[i].lng); }

このときcreate_markerは下の関数です。

unction create_marker(lat, lng) {
  var marker_options = {
    map: map_canvas,
    position: new google.maps.LatLng(lat, lng),
    zIndex: 0
  };

  var marker = new google.maps.Marker(marker_options);
}