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

kagehal 35views 更新:2017年9月6日

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);
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません