google places autocomplete einschränken, zu bestimmten Gebiet

Meine Forderung ist, um google places autocomplete-Vorschlag nur für Bangalore Orten, aber ich bin nicht immer Orte, die nur für Bangalore oder in erwähnen Breitengrad Längengrad.

Möchte ich retireve nur unten Bild Orte in der autocomplete-textfield.

google places autocomplete einschränken, zu bestimmten Gebiet

kann jemand plz vorschlagen, wie man das gleiche zu erreichen und wohin ich gehe falsch.

Javascript:

<script type="text/javascript">


   function initialize1() {

    var southWest = new google.maps.LatLng( 12.97232, 77.59480 );
    var northEast = new google.maps.LatLng( 12.89201, 77.58905 );
    var bangaloreBounds = new google.maps.LatLngBounds( southWest, northEast );

    var options = {
        bounds: bangaloreBounds,
        types: ['(cities)'],
        componentRestrictions: {country: 'in'}
    };

     var input = document.getElementById('searchTextFieldTo');
     var autocomplete = new google.maps.places.Autocomplete(input, options);
   }
   google.maps.event.addDomListener(window, 'load', initialize1);
</script>

TextField:

<input type="text" id="searchTextFieldTo" class="ui-timepicker-hour" style="width:350px;text-align:left;font-style:italic;" placeholder="Enter To location" autocomplete="on" />

InformationsquelleAutor Jayesh | 2012-12-11

  1. 3

    Wie bereits in meiner Antwort hier:

    Derzeit ist es nicht möglich zu beschränken, Ergebnisse auf eine bestimmte Lokalität. Sie können Grenzen, wie Sie so getan haben, oben auf bias Ergebnisse hin, aber nicht beschränkt auf Orte innerhalb der angegebenen Grenzen.

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

    BEARBEITEN:
    Als pro 2018-07 es ist möglich, zu definieren, die Arten von Orten abgerufen werden, wie Städte (die Lokalität oder administrative_area3 gemäß der API). Schauen Sie sich die vollständige Antwort hier.

    Hier ist ein ähnliches Problem, dass die Menschen wählen können (einschränken). Wenn jemand findet oder fügt eine mehr Allgemeine restric, Lokalität, Art feature-request bitte lassen Sie mich wissen, und ich werde Sterne.
    Ich bin auf der Suche nach in der Lage zu zwingen, einschränken der Ergebnisse durch die jeweilige Lokalität, aber leider google places api diese Funktion nicht unterstützt.

    InformationsquelleAutor Chris Green

  2. 2

    Ich denke, Sie können versuchen, diese.

    var bangaloreBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(12.864162, 77.438610),
    new google.maps.LatLng(13.139807, 77.711895));

var autocomplete = new google.maps.places.Autocomplete(this, {
  bounds: bangaloreBounds,
  strictBounds: true,
});

autocomplete.addListener('place_changed', function () {

});

    Hinweis form xomena:
    strictBounds option wurde Hinzugefügt in der version 3.27 von Maps-JavaScript-API, die derzeit (Januar 2017) die experimentelle version.

    InformationsquelleAutor San

  3. 1

    Google Bietet zwei Möglichkeiten, dies zu erreichen. Wenn Sie nicht zufrieden sind, weil in Ländern wie Indien ist es nicht gut, weil Staaten und Bestimmungen hier nicht rechteckige oder Struktur Grenzen.

    1.LatLngBounds (LatLng Südwest", " LatLng Nordosten):, Wo man Längen-und Breitengrade bilden ein Rechteck.

    2. Position (Lat,Lng) & Radius:, Wo Sie geben Längen-und Breitengrad, um einen Kreis zu bilden.

    Aber das problem mit diesen Ansätzen bieten Sie nicht die erwarteten Ergebnisse, wenn Sie aus Ländern wie Indien, wo die Mitgliedstaaten und Bestimmungen, die nicht in strukturierten Formen (Rechteckig) als in den USA.

    Wenn Sie vor demselben Problem, als es ist ein hack.
    Mit jQuery/Jacascript, können Sie Funktionen, die durchweg name der Stadt in der text-Eingabe begrenzt wird, mit Autocomplete-Objekt von Orten API.

    Hier ist es:

    <script>
    $(document).ready(function(){
        $("#locality").val(your-city-name)  //your-city-name will have city name and some space to seperate it from actual user-input for example: “Bengaluru | ”
        });

    $("#locality").keydown(function(event) { //locality is text-input box whixh i supplied while creating Autocomplete object
    var localeKeyword = “your-city-name”
    var localeKeywordLen = localeKeyword.length;
    var keyword = $("#locality").val();
    var keywordLen = keyword.length;

    if(keywordLen == localeKeywordLen) {
        var e = event || window.event;  
        var key = e.keyCode || e.which; 

        if(key == Number(46) || key == Number(8) || key == Number(37)){
            e.preventDefault(); 
            }//Here I am restricting user to delete city name (Restricting use of delete/backspace/left arrow) if length == city-name provided

        if(keyword != localeKeyword) {
            $("#locality").val(localeKeyword);
            }//If input-text does not contain city-name put it there
        }

    if(!(keyword.includes(localeKeyword))) {
        $("#locality").val(localeKeyword);
        }//If keyworf not includes city name put it there
    });
</script>

    (Bild:) Vor Dieser Hack

    google places autocomplete einschränken, zu bestimmten Gebiet

    (Bild:) Nach Diesem hack

    google places autocomplete einschränken, zu bestimmten Gebiet

    InformationsquelleAutor Ravi Upadhyay

  4. 0
    function initialize() {

 var bangaloreBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(12.864162, 77.438610),
    new google.maps.LatLng(13.139807, 77.711895));



    var options = {
        bounds: bangaloreBounds,

        componentRestrictions: {country: 'in'},
        strictBounds: true,
    };

     var input = document.getElementById('autocomplete');
     var autocomplete = new google.maps.places.Aut`enter code here`ocomplete(input, options);
   }
   google.maps.event.addDomListener(window, 'load', initialize);

    InformationsquelleAutor Vyankatesh Kudtarkar

  5. 0

    Als in der aktuellen Dokumentation für Google javascript-Orte-API hier, können Sie definieren ein array von Arten von Orten abgerufen werden. Im Beispiel unten habe ich es nur abrufen Städten (welche, gemäß der API, der Lokalität oder administrative_area3). Sie können es abrufen, Regionen, Adressen, Einrichtungen und Geo-Codes als auch.

    function initMap() {
        var input = document.getElementById('my-input');
        var options = {
               types: ['(cities)']
                       };
        var autocomplete = new google.maps.places.Autocomplete(input, options);
        //the rest of the code ...
 }

    InformationsquelleAutor Ismael Sarmento

Schreibe einen Kommentar