2011-11-18 7 views
7
<html> 
    <head> 
     <title></title> 

     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=true"></script> 
     <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      $(function() { 
       var input = document.getElementById('location'); 
       var options = {      
        types: ["locality"] 
       }; 

       autocomplete = new google.maps.places.Autocomplete(input, options); 
      }); 
     </script>   
    </head> 
    <body> 
     <div>Location: <input type="text" id="location" style="width:400px;" /></div>    
    </body> 
</html> 

私のオートコンプリート位置のテキスト入力を生成するコードがあります。 Googleのサポートされているタイプ(http://code.google.com/apis/maps/documentation/places/supported_types.html)のリストには、すべてが結果(ビジネスなど)に戻ってくることを望まないときに使用するタイプとして「地域」が示されています。私は結果が得られません。Google Places APIタイプ機能..

基本的に私が達成したいのは、都市(IE:Toronto)を検索し、「Toronto、ON、Canada」のような結果しか表示しないことです。おそらく、私はこのAPIをどのように実装するのか混乱しています。

返信いただきありがとうございます。

var options = {      
    types: ["geocode"] 
}; 
+0

私はあなたがこのリンク(を見れば地域は、タイプ/// –

答えて

5

私はあなたがドキュメントに応じて探しているオプションは、 "ジオコード"(http://code.google.com/apis/maps/documentation/javascript/reference.html#AutocompleteOptions)だと思います

var options = {      
     types: ['geocode'] 
}; 

種類、どの設立またはジオコード( の企業または住所を表す)それぞれ、 typesを指定しない場合は、 の両方の型が返されます。今、あなたは簡単に都市の都市の選択にドロップダウンを追加し、再フィルタリングすることができ、ドロップダウンのときのonchange

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script> 

<script type="text/javascript"> 
    function initialize() 
    { 
     var input = document.getElementById('searchTextField'); 
     var options = { 
      types: ['(cities)'], 
      componentRestrictions: {country: "ca"} 
     }; 

     autocomplete = new google.maps.places.Autocomplete(input, options); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

<input id="searchTextField" type="text" size="50" placeholder="Anything you want!"> 

:あなたはまた、国の制限

例を使用することができます

+0

はちょうどあなたが投稿のリンクに行っており、地域のタイプにリストされている間は思いませんhttp://code.google.com/apis/maps/documentation/places/autocomplete.html#place_types)、実際には2つしか表示されていないことがわかります(タイプのリストへのリンクを持っていて、そのすぐ下には2つのタイプの作業しかないと言われていますが、そのように見えます) - どちらの方法でも、ジオコードは必要なオプションのように見えます。 – streetlogics

+0

ジオコードは、私が探しているほとんどの結果です。残念ながら、それはまだ通りの名前をリストします。例:「London、UK」、「London Street、SomeCity、SomeCountry」を検索すると結果が表示されます。 これらのタイプの説明はどこにありますか? Googleのドキュメントには何も表示されません。 –

+0

ランドマークはジオコードでも返されます...たとえば空港。 –

0

しようとすると、チェックアウトjsfiddle

0

ユーザーが入力フィールドにTorと入力し、希望する出力がToronto, ON, Canadaの場合は、types=(regions)をbラケット。

質問があったときにそのオプションが表示されていたのかどうかわかりませんが、現在利用可能です。

サンプルリクエスト:

https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Tor&key=<YOUR_API_KEY_HERE>&types=(regions) 
関連する問題