各駅の緯度、経度(オープンデータ)を地図上に複数マーカーとして表示させるコードを学びました。ひとつずつ変数を使うより配列を用いるとよりコードが見やすくなります。
var data = new Array(); data.push({lat:’9.35681596', lng:'139.766105',name:'東京駅'}); data.push({lat:’1.35612328', lng:’140.114307',name:’千葉駅'}); data.push({lat:’630.35906537', lng:’139.623779',name:’大宮駅'});
また、マーカーごとの処理はfor文を用いて繰り返します。 “`
for (var i = 0; i < markerData.length; i++) { markerLatLng = new google.maps.LatLng({lat: markerData[i]['lat'], lng: markerData[i]['lng']}); // 緯度経度のデータ作成 marker[i] = new google.maps.Marker({ // マーカーの追加 position: markerLatLng, // マーカーを立てる位置を指定 map: map // マーカーを立てる地図を指定 });