【住所⇔緯度・経度】位置情報の相互変換（2/3）

<div>
  緯度:<input type="text" id="idoInput" value="34.6873153" style="width: 250px"><br />
  経度:<input type="text" id="keidoInput" value="135.52620130000003" style="width: 250px"><br />
  <input type="button" value="住所取得" onclick="getAddress();">
  <br /><br />
  ★結果★<br />
  <textarea id="addressOutput" rows="3" cols="26"></textarea>
</div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=xxxxxxxxxx"></script>
<!--「key=xxxxxxxxxx」にはGoogleで取得したAPIキーを記述します -->

<script type="text/javascript">
function getAddress(){

  //入力した緯度・経度を取得します。
  var idoInput = document.getElementById('idoInput').value;
  var keidoInput = document.getElementById('keidoInput').value;
  
  //緯度・経度をLatLngクラスに変換します。
  var latLngInput = new google.maps.LatLng(idoInput, keidoInput);

  //Google Maps APIのジオコーダを使います。
  var geocoder = new google.maps.Geocoder();
  
  //ジオコーダのgeocodeを実行します。
  //第１引数のリクエストパラメータにlatLngプロパティを設定します。
  //第２引数はコールバック関数です。取得結果を処理します。
  geocoder.geocode(
    {
      latLng: latLngInput
    },
    function(results, status) {
      
      var address = "";
      
      if (status == google.maps.GeocoderStatus.OK) {
      //取得が成功した場合
        
        //住所を取得します。
        address = results[0].formatted_address;
        
      } else if (status == google.maps.GeocoderStatus.ZERO_RESULTS) {
        alert("住所が見つかりませんでした。");
      } else if (status == google.maps.GeocoderStatus.ERROR) {
        alert("サーバ接続に失敗しました。");
      } else if (status == google.maps.GeocoderStatus.INVALID_REQUEST) {
        alert("リクエストが無効でした。");
      } else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
        alert("リクエストの制限回数を超えました。");
      } else if (status == google.maps.GeocoderStatus.REQUEST_DENIED) {
        alert("サービスが使えない状態でした。");
      } else if (status == google.maps.GeocoderStatus.UNKNOWN_ERROR) {
        alert("原因不明のエラーが発生しました。");
      }
      
      //住所の結果表示をします。
      document.getElementById('addressOutput').value = address;
    });

}
</script>

<div>
  緯度:<input type="text" id="idoInput2" value="34.6873153" style="width: 250px"><br />
  経度:<input type="text" id="keidoInput2" value="135.52620130000003" style="width: 250px"><br />
  <input type="button" value="住所取得" onclick="getAddressMap2();">
  <br /><br />
  <div id="mapArea" style="width:250px; height:600px; border: 1px solid"></div>
</div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=xxxxxxxxxx"></script>
<!--「key=xxxxxxxxxx」にはGoogleで取得したAPIキーを記述します -->

<script type="text/javascript">
//地図の初期表示
new google.maps.Map(document.getElementById("mapArea"), {
  zoom: 5,
  center: new google.maps.LatLng(36,138),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

function getAddressMap2() {

  var idoInput = document.getElementById('idoInput2').value;
  var keidoInput = document.getElementById('keidoInput2').value;
  var latLngInput = new google.maps.LatLng(idoInput, keidoInput);
  var geocoder = new google.maps.Geocoder();

  geocoder.geocode({
    latLng: latLngInput
  }, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {

      //Mapクラスのインスタンスを生成します。
      var map = new google.maps.Map(
        document.getElementById("mapArea"),
        {
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
      );
      
      //表示範囲クラスのインスタンスを生成します。
      var bounds = new google.maps.LatLngBounds();
      
      //緯度・経度情報を取得します。
      var latlng = results[0].geometry.location;

      //住所を取得します。
      var address = results[0].formatted_address;

      //取得した緯度・経度で表示範囲を拡張します。
      bounds.extend(latlng);

      //地図上に緯度・経度、住所の情報を表示します。
      new google.maps.InfoWindow(
        {
          content: "(緯度, 経度) = " + latlng.toString() +
                   "<br />" + address
        }
      ).open(
        map,
        new google.maps.Marker(
          {
            position: latlng,
            map: map
          }
        )
      );

      //表示範囲に移動します。
      map.fitBounds(bounds);
      //地図のズームを設定します。
      map.setZoom(15);

    } else if (status == google.maps.GeocoderStatus.ZERO_RESULTS) {
      alert("住所が見つかりませんでした。");
    } else if (status == google.maps.GeocoderStatus.ERROR) {
      alert("サーバ接続に失敗しました。");
    } else if (status == google.maps.GeocoderStatus.INVALID_REQUEST) {
      alert("リクエストが無効でした。");
    } else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
      alert("リクエストの制限回数を超えました。");
    } else if (status == google.maps.GeocoderStatus.REQUEST_DENIED) {
      alert("サービスが使えない状態でした。");
    } else if (status == google.maps.GeocoderStatus.UNKNOWN_ERROR) {
      alert("原因不明のエラーが発生しました。");
    }
  });
}
</script>