-2

顧客が郵便番号を入力できる機能を Web サイトに追加したいと考えています。顧客は、Google ジオコーディングまたはオープンソース/Bing に相当するものを使用して住所を自動的に検索します。

誰かサンプルコードを持っているか、これを行うことができる良いガイドを知っていますか?

それがjQueryを使用して行われた場合、さらに良い:)

よろしくお願いします

ダレン

4

3 に答える 3

6

jQuerygetJSONと Google の API を使用する - http://codepen.io/seanjacob/pen/wfcHB

$('#submit').click(function(){  

  //Get Postcode
  var number = $('#number').val();
  var postcode = $('#postcode').val().toUpperCase();;

  //Get latitude & longitude
  $.getJSON('https://maps.googleapis.com/maps/api/geocode/json?address=' + postcode + '&key=[[YOUR_API_KEY]]', function(data) {

    var lat = data.results[0].geometry.location.lat;
    var lng = data.results[0].geometry.location.lng;

    //Get address    
    $.getJSON('https://maps.googleapis.com/maps/api/geocode/json?latlng=' + lat + ',' + lng + '&key=[[YOUR_API_KEY]]', function(data) {              
      var address = data.results[0].address_components;              
      var street = address[1].long_name;
      var town = address[2].long_name;
      var county = address[3].long_name;                        

      //Insert
      $('#text').text(number + ', ' + street + ', ' + town + ', ' + county + ', ' + postcode);

    });
  });
});

Google Maps API for Business を使用していない場合は、1 日あたり 2,500 件の位置情報リクエストに制限されています。このスクリプトは 1 回の実行で 2 つの要求を行うため、1 日あたり 1,250 回の郵便番号の検索になります。

于 2012-09-13T08:30:02.600 に答える
2

私は実際に現在、GeoCoding を使用する Google マップ アプリケーションに取り組んでいます... 初めてなので、Google Maps API に大きく依存しています。開始するのに役立つリンクは次のとおりです。

http://code.google.com/apis/maps/documentation/javascript/basics.html - 一般的な API の基本的な出発点。

左側の列で、チュートリアル、ジオコーディング (またはチュートリアルの途中にあるジオコーディング リンクをたどる)、およびコード サンプルを確認してください。

これらのすべてが、私が始めるのに必要な場所に私を導きました。

幸運を！

レランド

于 2010-12-08T18:40:46.890 に答える