Google map api AutoVervollständigen eingeschränkt/Tendenz zu street Adresse in meiner Stadt

Ich bin versucht, zu schreiben eine web-Anwendung für meine Letzte Jahr Projekt an der uni, und eines der ersten Probleme, die ich brauche zu bewältigen, ist immer eine "auto-vervollständigen" - text-box für die lokale Adresse-Eingabe. ich verbrachte einige Zeit auf der Suche rund um das internet und verbrachte einige Zeit spielen mit der google maps V3 Orte autocomplete plugin.

es ist etwas, was ich nicht ganz verstehen, auf die api-docs, die ich hatte gehofft, jemand könnte in der Lage sein zu klären, die für mich, sowie vielleicht zeigen Sie mir in die richtige Richtung.

in der Dokumentation heißt es hierzu:

den (Regionen) Art collection weist den Ort-service RÜCKFÜHRUNG Ergebnis passend zu den folgenden Typen:

locality
sublocality
postal_code
country
administrative_area1
administrative_area2

dies ist, was ich derzeit nicht verstehe, ich Lebe in cornwall (bodmin, um genau zu sein) und ich möchte, um die Ergebnisse bias nach bodmin. ich habe Folgendes getan:

var input = document.getElementById('inputOne');
var defaultBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(50.423394,-4.803829),
  new google.maps.LatLng(50.508623,-4.692593));

        //need to set bounds to cornwall/bodmin
        var options = {
            bounds: defaultBounds,
          types: ['geocode'],
          componentRestrictions: {country: 'GB'}
        };
var autocomplete = new google.maps.places.Autocomplete(input,options);

nun funktioniert es, aber wenn ich z.B. enter "st n" würde ich erwarten, dass er sich schon vorher mit St. nicolas street, die in bodmin. aber es wird kommen mit Sachen wie st neot, die mehrere Meilen entfernt.

es ist Teil von mir, der denkt, dass ich brauche, um den Typ auf einen anderen Wert, aber ich bin ziemlich ratlos jetzt.

BEARBEITEN:
Beispiel, was ich versuche zu erreichen, ist auf der maps.google.com Seite, wenn Sie eingeben ,Bodmin, dann bewegen Sie den cursor vor dem Komma und geben Sie einen Straßennamen oder sogar Asda es wird halten, lokal halten, was in diesem Bereich. ich würde es vorziehen, nicht zu haben zu geben ,bodmin, aber das ist etwas, was ich arbeiten könnte um

wenn jemand eine Idee hat, das wäre genial. dann werde ich brauchen, um herauszufinden, wie der Benutzer können einige Werte wie "Asda" und Holen Sie sich die lokale asda-Adresse.

Haben Sie versucht, componentRestrictions: {Land: 'GB', sublocality: 'Bodmin'} und/oder componentRestrictions: {Land: 'GB', Ort: 'Bodmin'}?
leider, das funktioniert, aus der Dokumentation: "componentRestrictions kann verwendet werden, um beschränken Sie die Ergebnisse auf bestimmte Gruppen. Derzeit können Sie componentRestrictions filtern nach Land" trotzdem danke 🙂 ich denke ich werde dabei bleiben, wie es ist.

InformationsquelleAutor Vade | 2012-12-04

4

Derzeit ist es nicht möglich zu beschränken, Ergebnisse auf eine bestimmte Lokalität, mit Ausnahme der Verwendung Grenzen, wie Sie getan haben, so oben. Dies ist jedoch nur Verzerrungen der Ergebnisse hin, aber nicht beschränkt auf Orte innerhalb der angegebenen Grenzen.

Wenn Sie glauben, dass das Ergebnis durch die Lokalität wäre ein nützliches feature bitte einen Orte API - Feature Request.

Als Sie erwähnt, wenn Sie ,Bodmin am Ende der Abfrage ist es mehr wahrscheinlich wieder lokale Ergebnisse. Eine vorübergehende Lösung könnte sein, die AutocompleteService und Anhängen ,Bodmin zum Ende der getPlacePredictions() Anfragen input-parameter.

Danke für die Antwort Chris, ich verbrachte einige Zeit mit der Erforschung und Veränderung der Grenze zwischen und entdeckt, dass es war so ziemlich die beste, die ich bekommen wollte. Ich habe die Ratschläge an Bord über anfügen ,Bodmin, um das Ende der Adresse oder Ort (zum Beispiel haben wir einen pub namens die Katze und die Geige, die nicht in der Datenbank) und es scheint zu funktionieren ein Leckerbissen.
Wenn jemand dieses feature request bitte lassen Sie mich wissen, so kann ich die Sterne. Ich suchte aber nicht gefunden haben.

InformationsquelleAutor Chris Green

Settypen Regionen.

    var options = {
        bounds: defaultBounds,
       types: ['(regions)'],
       componentRestrictions: {country: 'GB'}
     };
    var autocomplete = new google.maps.places.Autocomplete(input,options);

Hoffe es klappt..

InformationsquelleAutor Prabhagaran

<div class="well container">
    <form role="form">
      <div class="form-group">
        <label for="locality" class="sr-only">Stadt oder PLZ</label>
          <input type="text" class="form-control" id="locality" name="locality" placeholder="Stadt oder PLZ" />
          <p class="help-block">Bitte zuerst die Stadt oder PLZ eingeben.</p>
      </div>
      <div class="form-group">
        <label for="route" class="sr-only">Straße /Hausnummer</label>
        <div class="row">
          <div class="col-xs-6">
            <input type="text" class="form-control col-xs-8" id="route" name="route" placeholder="Straße" disabled="true" />
          </div>
          <div class="col-xs-6">
            <input type="text" class="form-control col-xs-4" id="street_number" name="street_number" placeholder="Nr." disabled="true" />
          </div>
        </div>
      </div>
    </form>
</div>

<script>
var localityInput = document.getElementById('locality');
var localityOptions = {
  types: ['geocode'], //['(cities)'], geocode to allow postal_code
  componentRestrictions: {country: 'de'}
};
autocomplete = new google.maps.places.Autocomplete(localityInput, localityOptions);

google.maps.event.addListener(autocomplete, 'place_changed', function() {
    $('#route').attr('disabled', false).focus();
    $('#street_number').attr('disabled', false);

    var boundsByCity = autocomplete.getPlace().geometry.viewport;
    var routeInput = document.getElementById('route');
    var routeOptions = {
        bounds: boundsByCity,
        types: ['geocode']
    };
    new google.maps.places.Autocomplete(routeInput, routeOptions);
});
</script>

Demo: jsfiddle

InformationsquelleAutor ramiz4

var input = document.getElementById('inputSearch');
var cityBounds = new google.maps.LatLngBounds(
        new google.maps.LatLng(12.864162, 77.438610),
        new google.maps.LatLng(13.139807, 77.711895));
var options = {
        bounds: cityBounds,
        strictBounds: true,
        componentRestrictions: {country: 'in'}
    };
var inputBox = new google.maps.places.Autocomplete(input, options);
google.maps.event.addListener(inputBox, 'place_changed', function() {
        var place = inputBox.getPlace();
        console.log(place.geometry.location.lat() +', '+ place.geometry.location.lng());
    });

Dies funktioniert gut für mich!

InformationsquelleAutor Urfeena

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.