Skip to content

Instantly share code, notes, and snippets.

@butchi
Created February 2, 2014 09:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save butchi/8765645 to your computer and use it in GitHub Desktop.
Save butchi/8765645 to your computer and use it in GitHub Desktop.
山手線停車駅の座標一覧 ref: http://qiita.com/butchi_y/items/3a6b70b38e13dc56ef13
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>山手座標</title>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="main.js"></script>
</head>
<body>
<table class="table-station">
<thead>
<tr><th>駅名</th><th>緯度</th><th>経度</th></tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>
var geocoder;
var stationArr = ['東京','有楽町','新橋','浜松町','田町','品川','大崎','五反田','目黒','恵比寿','渋谷','原宿','代々木','新宿','新大久保','高田馬場','目白','池袋','大塚','巣鴨','駒込','田端','西日暮里','日暮里','鶯谷','上野','御徒町','秋葉原','神田'];
var stationLen = stationArr.length;
function initialize() {
geocoder = new google.maps.Geocoder();
var tbl = document.querySelector('.table-station tbody');
var i=0;
getNextStation();
function getNextStation() {
geocoder.geocode( { 'address': stationArr[i]+'駅, 東京都'}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
tbl.innerHTML += '<tr>'+
'<th>'+stationArr[i]+'</th>'+
'<td class="lat">'+results[0].geometry.location.lat()+'</td>'+
'<td class="lng">'+results[0].geometry.location.lng()+'</td>'+
'</tr>';
} else {
console.log('Geocode was not successful for the following reason: ' + status);
}
i++;
if(i < stationLen) {
// リクエスト制限があるため処理を遅らせる
window.setTimeout(function() {
getNextStation();
}, 1000);
}
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment