Google Maps APIオートコンプリート - ストリートネームのみを出力する方法は？

Question

私は入力フィールドを持っていますが、アドレスだけが返ってきます。

しかし、私がstreetnameを入力するとき、入力フィールドはstreetnameとコンマと街の街を返します。

私は、次のコードしまっ：

<script src="http://maps.google.com/maps/api/js?libraries=places&region=de&language=de&sensor=false"></script> 
<input id="strasse" type="text" size="50"> 

$(function(){  

    var input = document.getElementById('strasse');   
    var autocomplete = new google.maps.places.Autocomplete(input, { 
     types: ["address"] 
    });   

    $("#strasse").focusin(function() { 
     $(document).keypress(function (e) { 
      if (e.which == 13) { 
       infowindow.close(); 

      } 
     }); 
    }); 
}); 

EG：

I入力して "Teststreet" 出力= "Teststreet、ミュンヘン"

リターンは唯一の "Teststreet" でなければなりません。

"、"（多分jQuery上）の後にすべてを削除する方法はありますか？

Answer 1

あなたはplace_changedイベントリスナーを使用して、あなたが返されているものから欲しいものを選択することができます。

<script> 
    var input = document.getElementById('strasse'); 
    var autocomplete = new google.maps.places.Autocomplete(input, { 
      types: ["address"] 
     });  
    $(function(){  

     autocomplete.addListener('place_changed', fillInAddress); 

     $("#strasse").focusin(function() { 
      $(document).keypress(function (e) { 
       if (e.which == 13) { 
        infowindow.close(); 

       } 
      }); 
     }); 
    }); 

    function fillInAddress() { 
     // Get the place details from the autocomplete object. 
     var place = autocomplete.getPlace(); 
     if (typeof place.address_components[0] !== "undefined") { 
      $(input).val(place.address_components[0].long_name); 
     } 
    } 
    </script> 

hereを実現することができるものの非常に素敵なデモもあります。

この場合、返されるrouteタイプのlong_nameが使用されています。単純にconsole_log(place.address_components);を入力すると、返された完全なリストが表示されます。