Skip to content

Instantly share code, notes, and snippets.

@tdkn

tdkn/geo.html

Created August 20, 2013 03:04
Show Gist options
  • Save tdkn/6276663 to your computer and use it in GitHub Desktop.
Save tdkn/6276663 to your computer and use it in GitHub Desktop.
Download ZIP
Google Maps JavaScript API v3 Geocoding
Raw
geo.html
<!DOCTYPE html>
<html>
<head>
<!--
（API KEYを取得して?key=YOUR_API_KEYの部分を書き換える）
API取得先: https://code.google.com/apis/console
参考文献: http://www.ajaxtower.jp/googlemaps/charset/index1.html
ドキュメント: https://developers.google.com/maps/documentation/javascript/geocoding?hl=ja
-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false"></script>
<!-- 現状 -->
<script>
$(function(){
var geocoder = new google.maps.Geocoder();
var address = $('.address');
var time = 1000;
$.each(address, function(key, value){
var addr = {address: $(this).text()};
setTimeout(function() {
geocoder.geocode(addr, function(results, status) {
console.log(value);
if (status == "OK") {
var latlng = results[0].geometry.location;
var lng = latlng.lng();
var lat = latlng.lat();
$(value).next('.geo').append(lat + ',' + lng);
} else {
console.log("ERROR: "+status);
}
});
}, time);
time += 1000;
});
});
</script>
</head>
<body>
<div>
<ul>
<li class="address">沖縄県うるま市字州崎14-17</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市池原（字）２９９４−２</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市江洲４５０−１</li>
<li class="geo"></li>
<li class="address">沖縄県宜野湾市大山7丁目1−2</li>
<li class="geo"></li>
<li class="address">沖縄県宜野湾市新城２丁目４１−１</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市字州崎14-17</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市池原（字）２９９４−２</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市江洲４５０−１</li>
<li class="geo"></li>
<li class="address">沖縄県宜野湾市大山7丁目1−2</li>
<li class="geo"></li>
<li class="address">沖縄県中頭郡中城村登又６０</li>
<li class="geo"></li>
<li class="address">沖縄県宜野湾市長田１丁目２７−７</li>
<li class="geo"></li>
<li class="address">沖縄県浦添市経塚６５２−１</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市首里当蔵町１丁目４</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市首里金城町１−２</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市真地４２１−７</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市仲井真３７５−１</li>
<li class="geo"></li>
<li class="address">沖縄県豊見城市豊崎１−１８８</li>
<li class="geo"></li>
<li class="address">沖縄県豊見城市豊崎３−２２</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市宇栄原２丁目２３−１</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市奥武山町45</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市壺川３丁目１−１９</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市鏡水１５０</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市与那城伊計１２８６</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市字前原幸崎原３０３</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市古謝９７５−５</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市泡瀬５丁目４２−２</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市登川1515</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市池原３丁目１−１２</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市石川赤崎２丁目２−１</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市石川曙２丁目１−５５</li>
<li class="geo"></li>
<li class="address">沖縄県中頭郡読谷村宇座１１３３</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市石川３４０２</li>
<li class="geo"></li>
<li class="address">沖縄県中頭郡西原町千原１</li>
<li class="geo"></li>
<li class="address">沖縄県浦添市牧港１丁目６０−１４</li>
<li class="geo"></li>
<li class="address">沖縄県宜野湾市宜野湾２−６−１</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市南桃原４丁目２８−１</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市美原４丁目２０−１</li>
<li class="geo"></li>
<li class="address">沖縄県沖縄市登川１丁目３３−３</li>
<li class="geo"></li>
<li class="address">沖縄県うるま市石川１丁目１６−１</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡本部町石川４２４</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡本部町字大浜876−13</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡本部町渡久地３７７</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡本部町瀬底５７５０</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡本部町瀬底３４２２</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡大宜味村饒波２０１５</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡国頭村宜名真５３５</li>
<li class="geo"></li>
<li class="address">沖縄県名護市辺野古９０５</li>
<li class="geo"></li>
<li class="address">沖縄県国頭郡宜野座村宜野座１</li>
<li class="geo"></li>
<li class="address">沖縄県中頭郡読谷村伊良皆１９８</li>
<li class="geo"></li>
<li class="address">沖縄県宜野湾市宇地泊７５１</li>
<li class="geo"></li>
<li class="address">沖縄県浦添市勢理客１丁目４−１</li>
<li class="geo"></li>
<li class="address">沖縄県那覇市松山１丁目１６−１</li>
<li class="geo"></li>
<li class="address">沖縄県豊見城市字田頭１５５－１</li>
<li class="geo"></li>
<li class="address">沖縄県豊見城市字与根１２－５</li>
<li class="geo"></li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment