JavaScript > Google Maps > Geocode

Google Maps Apiを使い住所からGeocodeを取得する。

by s_hiroshi

HTML

<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"type="text/javascript" charset="UTF-8"></script>

<div>
    <label>住所</label>
    <input id="input" type="text">
    <input id="button" type="button" value="緯度経度を取得">
</div>
<div id="latlngtext"></div>

JavaScript

// http://www.geekpage.jp/web/google-maps-api/
// ジオコードリクエストを送信するGeocoderの作成
var geo = new google.maps.Geocoder();

// 住所をAPIへ投げる
$('#button').click(function() {
    // GeocoderRequest
    var req = {
        address: $('#input').val()
    };
    geo.geocode(req, geoResultCallback);
});

// コールバック関数
function geoResultCallback(result, status) {
    if (status != google.maps.GeocoderStatus.OK) {
        alert(status);
        return;
    }
    var latlng = result[0].geometry.location
    $("#latlngtext").text($("#input").val() + " : " + latlng.toString());
}