2017-07-15 21 views
1

私は、Googleがで提供して標準サンプルコード使用して、内部のアプリのための形式のアドレスにGoogleのアドレスオートコンプリートAPIを使用しています:GoogleマップAPI - 自動補完英国郡

https://google-developers.appspot.com/maps/documentation/javascript/examples/full/places-autocomplete-addressform

を私は正しく応答を取得「administrative_area_level_2」郡すなわち、1つを除い除く

"html_attributions" : [], 
    "result" : { 
     "address_components" : [ 
     { 
      "long_name" : "BA1 1UN", 
      "short_name" : "BA1 1UN", 
      "types" : [ "postal_code" ] 
     }, 
     { 
      "long_name" : "Bath", 
      "short_name" : "Bath", 
      "types" : [ "postal_town" ] 
     }, 
     { 
      "long_name" : "Bath and North East Somerset", 
      "short_name" : "Bath and North East Somerset", 
      "types" : [ "administrative_area_level_2", "political" ] 
     }, 
     { 
      "long_name" : "England", 
      "short_name" : "England", 
      "types" : [ "administrative_area_level_1", "political" ] 
     }, 
     { 
      "long_name" : "United Kingdom", 
      "short_name" : "GB", 
      "types" : [ "country", "political" ] 
     } 

そして、すべての私のフォームフィールドの完全な罰金:各ポストコードについては、以下のと似ています。私の作業HTMLは次のようになります。

<div class="form-group"> 
    <label>Postal Town</label> 
    <input class="form-control field" placeholder="Enter your country" 
    required="true" name="postal_town" id="postal_town"> 
    <p class="help-block">Enter your country.</p> 
</div> 

しかし、これはしません:

<div class="form-group"> 
    <label>County</label> 
    <input class="form-control field" placeholder="Enter your county" required="true" name="administrative_area_level_2" id="administrative_area_level_2"> 
    <p class="help-block">Enter your county.</p> 
</div> 

にはどうすればオートフォームを完了するために、そのフィールドにアクセスすることができますか?

答えて

0

時には離れて歩いて新鮮な目を持つのはいいです。 「私の避難所、

  var placeSearch, autocomplete; 
      var componentForm = { 
      street_number: 'short_name', 
      route: 'long_name', 
      postal_town: 'long_name', 
      administrative_area_level_1: 'short_name', 
      administrative_area_level_2: 'short_name', 
      country: 'long_name', 
      postal_code: 'short_name' 
      }; 

今では自動的にフォームを取り込みますので、コードの読み取りあなただけの追加のフィールドを含める必要が

  var placeSearch, autocomplete; 
      var componentForm = { 
      street_number: 'short_name', 
      route: 'long_name', 
      postal_town: 'long_name', 
      administrative_area_level_1: 'short_name', 
      country: 'long_name', 
      postal_code: 'short_name' 
      }; 

:かなり簡単な修正は、標準のGoogleのオートコンプリートは、次のコードを持っています試してみましたが、それが他のフィールドにも当てはまると仮定します。 Googleを愛して!

関連する問題