Googleマップを使ってユーザーの場所をオートコンプリートする方法はありますか？

Question

人がその場所に入力するためのテキストボックスがあります。人が入力すると、Googleマップの推奨オートコンプリートが表示されます。

次に、オートコンプリートから何かを選択すると、のアラートが欲しいです。

これら2つのタスクでGoogleマップを使用することはできますか？

私の目的は、人の緯度/経度を可能な限り簡単に取得することです。 理想的には...これを行うためのプラグインはありますか？

Answer 1

私はデモhereを設定しました。提案機能は、Freebase jqueryプラグインによって処理されます。

<script type="text/javascript" src="./jquery-1.4.2.js"></script> 
<link type="text/css" rel="stylesheet" href="http://freebaselibs.com/static/suggest/1.3/suggest.min.css" /> 
<script type="text/javascript" src="http://freebaselibs.com/static/suggest/1.3/suggest.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $("#address").suggest({type:'/location/citytown'}); 
}); 
</script> 

マーカーのマーカーの位置は完全にはJavaScriptがhere見つけることができますinfoWindow

infowindow.setContent("<h3>Markers "+(marker_id+1)+" "+marker.position+"</h3>"); 

のコンテンツ文字列に追加され

var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     zIndex: Math.round(latlng.lat()*-100000)<<5 
    }); 

GoogleのAPI v3のに使用して追加されました

Answer 2

「これを行うためのプラグイン」では、現代のHTML5をサポートするブラウザにはgeolocation APIが組み込まれています。Wikipedia article here

YMMV

Answer 3

あなたはGoogle MapsのジオコーディングAPIを使用することができます例がオートコンプリートないこと

http://code.google.com/apis/maps/documentation/javascript/examples/geocoding-simple.html

：

http://code.google.com/apis/maps/documentation/javascript/reference.html#Geocoder

とアクションで簡単な例を彼らが入力するように、それを行うためにそれを拡張するのは比較的簡単です。

Answer 4

Google Maps API V3では簡単です。 this page上のソースコードを使用して、単にラインを見つける：

var place = autocomplete.getPlace(); 

をし、右のそれの後にこれを追加します。

alert(place.geometry.location.toString()); 

これはあなたの要件の両方を満足させなければなりません。