2011-09-26 12 views
3

私はWebページを作成しようとしています。ユーザーがテキストボックスで入力を開始すると、状態名リストを含むオートコンプリート都市がGoogleマップのようにドロップダウンボックスに表示されます。私のPHPアプリケーションのgoogle place apiの使い方

私はgoogle place autocompleteのためのAPIを持っています。しかし、私はそれを実装することができません。

google place apiを実装する方法を教えてください。

APIのURLは次のとおりです。あなたが

http://code.google.com/p/geo-autocomplete/

このjQueryプラグインを使用することができますGoogle Place API Page

+1

AJAXを使用する必要があります。例jqueryを読んでください:http://jquery.com – Olli

+0

私はかなりAjaxリクエストを受けています。しかし、どこから始めるべきかを私に説明することはできますか? –

答えて

6

何私が実装することは、以下のコードであり、それは私に解決策を与えました私が欲しかったのは -

<html> 
     <head> 
     <style type="text/css"> 
       body { 
         font-family: sans-serif; 
         font-size: 14px; 
       } 
     </style> 
     <title>Google Maps JavaScript API v3 Example: Places Autocomplete</title> 
     <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script> 
     <script type="text/javascript"> 
       function initialize() { 
         var input = document.getElementById('searchTextField'); 
         var autocomplete = new google.maps.places.Autocomplete(input); 
       } 
       google.maps.event.addDomListener(window, 'load', initialize); 
     </script> 
     </head> 
      <body> 
       <div> 
         <input id="searchTextField" type="text" size="50" placeholder="Enter a location" autocomplete="on"> 
       </div> 
      </body> 
     </html> 
0

リンクをクリックしてCTRL + Uを押すと、ソースが表示され、次にSELECT ALL、次にPASTE ITが表示され、機能します。

+0

何をお勧めしますか?私は正しく理解していませんでした。とにかく私は解決策を得て、あなたが見ることができるようにそれを受け入れました。 –