binden Google platziert Autocomplete auf Textbox, ohne eine Google Map zu instanziieren

7

Ich möchte Google Places Autocomplete auf meiner Website hinzufügen. Ich habe ein Problem mit der Bindung meiner Suchtextbox mit Autocomplete ohne die Verwendung einer Google Map. Was ich versuche, ist, dass ich die Autovervollständigung als einen Textvorschlag in meinem Suchfeld verwenden möchte. aber leider, alle Tutorials, die ich gesehen habe, wurden autocomplete zusammen mit einer Google Map verwendet. Gibt es einen Weg dazu?

Vielen Dank im Voraus.

    
MeepMerp 19.08.2012, 06:17
quelle

6 Antworten

20

Jungs, Sie können folgenden Code verwenden.

%Vor%

Bearbeiten: Google Maps benötigt jetzt einen API-Schlüssel , damit dies funktioniert .

    
Mohit 03.02.2014 07:37
quelle
5

Das ist ein ziemlich alter Thread, aber Google benötigt jetzt eine API für alle ihre kartenbasierten Dienste und ich fühlte, dass das Codebeispiel ein wenig vereinfacht werden könnte.

Innerhalb des head-Elements (Aktualisierungscode mit Ihrem Eingabeelement-ID-Attribut):

%Vor%

Auf Ihrer Seite bestätigen Sie, dass Sie eine Texteingabe mit einem ID-Attribut haben, das dem obigen Skript entspricht:

%Vor%

Fügen Sie kurz vor dem Schließen Ihres body-Tags dieses Skript hinzu (update mit Ihrem eigenen API-Schlüssel):

%Vor%

Weitere Hinweise:

  • Dies ist eine leicht modifizierte Version der ursprünglichen Hilfe / des Beispiels Artikel gefunden hier
  • Sie benötigen einen aktiven API-Schlüssel für den Google Places-API-Webdienst und aktivieren die Google Maps JavaScript API von der Google Developer Console
user2309181 19.08.2016 14:54
quelle
3

Sehen Sie sich diesen Google Geo Dev-Blogbeitrag an: Ссылка

Es enthält Links zu den relevanten Methoden, einschließlich Autocomplete.getPlace()

Es steht auch fest: "Sie können Autocomplete in jeder Anwendung verwenden, auch wenn Sie keine Karte anzeigen. Wir bitten Sie lediglich, das Logo" powered by Google "unter dem Textfeld anzuzeigen, wenn Sie Autocomplete verwenden ohne Karte ".

    
Bryan 29.07.2013 20:57
quelle
1

Ersetzen Sie einfach den Geheimschlüssel durch Ihren API-Schlüssel.

%Vor%

Damit Sie Ihren API-Schlüssel erhalten Ссылка

    
Aravind Srinivas 21.08.2017 12:42
quelle
0
%Vor%     
Alpesh Trivedi 10.09.2014 07:57
quelle
-4
%Vor%     
anuja 20.01.2016 08:33
quelle