Wie kann ich einschränken, die Google Maps Orte Bibliothek der AutoVervollständigen-Vorschläge von nur einer Stadt stellen?

Ich bin derzeit mit dem angegebenen code aus, aber das schränkt nur Vorschläge zu einem Land.
Ich habe gesehen, eine Umsetzung aber seine Verwendung von jQuery und ich will es tun, ohne die Verwendung von jQuery.

var input = document.getElementById('searchTextField');
var options = {
    //types: ['(cities)'],
    componentRestrictions: { country: 'pk' }
};
var autocomplete = new google.maps.places.Autocomplete( input, options );
InformationsquelleAutor Naqi | 2012-05-17
  1. 20

    Versuchen Sie, ein bounds - Eigenschaft, um die options Objekt, das Sie auf der Durchreise sind die Autocomplete Konstruktor, wie in diesem code dargestellt:

    var southWest = new google.maps.LatLng( 25.341233, 68.289986 );
var northEast = new google.maps.LatLng( 25.450715, 68.428345 );
var hyderabadBounds = new google.maps.LatLngBounds( southWest, northEast );

var options = {
    bounds: hyderabadBounds,
    types:  ['establishment [or whatever fits your usage]'],
    componentRestrictions: { country: 'pk' }
};

    Wenn Sie möchten, dass die Autocomplete Grenzen getrieben zu sein von den aktuellen Darstellungsbereich der Karte, können Sie binden die Grenzen der Karte, um das Autocomplete diese Weise:

    autocomplete.bindTo('bounds', map);

    Oder, wenn es besser funktioniert in Ihrer Anwendung, haben Sie auch die Möglichkeit, die Grenzen explizit, Wann immer notwendig:

    autocomplete.setBounds( someOtherBounds );

    Dies kann bedeuten, dass Sie erstellen Sie ein Standard-Stadt, als ich mit Hyberabad in dem Beispiel oben. Oder, dass Sie zulassen, dass Ihre Benutzer wählen Sie aus einer Liste von Städten zu starten und dann die Karte Ansichtsfenster an die ausgewählte Stadt. Die Autocomplete vorschlagen-Stadt-Namen, wenn Sie beginnen mit nur die componentRestrictions von country 'PK' als Sie bereits tun. Sie wissen, was funktioniert am besten für Ihre Anwendung.

    Schließlich nicht wirklich und vollständig einschränken, die Autocomplete nur die Stadt, sondern Sie erreichen das Ergebnis Sie wünschen, so genau wie derzeit möglich.

    • hittheroad.ie ermöglicht autocomplete nur in Irland, und keine anderen Vorschläge. wie ist das möglich?
    • Sorry für diese dumme Frage, aber wie finde ich die Grenzen für eine bestimmte Stadt in einem Land?
    • Es ist nicht dumm, aber Sie erhalten bessere Ergebnisse, wenn Sie: öffnen Sie eine neue Frage, mehr Details über genau das, was Sie versuchen zu erreichen, beinhalten Sie ein Beispiel Ihrer aktuellen code, und erklären, warum dieser code nicht funktioniert.
    • für das javascript-sdk für AutoVervollständigen-geo-bounds ist, funktioniert nicht.kann Sie Punkt mein Fehler ist, oder ob dies depriciated autocomplete = new google.maps.Orte.Autocomplete( (document.getElementById('loc')), { Typen: ['geocode'], bounds: cityBounds, Städte: [- cc -], componentRestrictions: { Land: 'in', city: cc } });
    • Ich werde glücklich sein, um einen Blick zu nehmen und versuchen zu helfen, aber man sollte die post eine neue Frage hinzufügen eines neuen Elements als Kommentar auf eine bestehende Frage ist nicht, wie es funktioniert, auf stackoverflow. Ich bin nicht geben Ihnen eine harte Zeit haben, versuche nur zu helfen, Sie bekommen den Dreh raus, wie alles funktioniert.
    InformationsquelleAutor Sean Mickey
  2. 2

    Fand ich genial Beispiele für die Beschränkung oder Einschränkung der Suchergebnisse nach Land mithilfe der AutoVervollständigen-Klasse, d.h. es gibt eine Methode namens setComponentRestrictions mit dem Sie das Land (Eigentum), gefunden hier https://developers.google.com/maps/documentation/javascript/reference#ComponentRestrictions

    Bitte https://code.google.com/p/gmaps-samples-v3/source/browse/trunk/places/2012-may-hangout/autocomplete.html?r=290 für Beispiele.

    InformationsquelleAutor Rommel Paras
  3. 1

    Für mehrere Land-Beschränkungen können Sie 

    var options = {
    types: ['(cities)'],
    componentRestrictions: {
        country: ['de','at','ch']
    }
};
    InformationsquelleAutor Paul Beck
Schreibe einen Kommentar