Google Places Autocomplete-API Mehrere Instanzen

Ich hab ein problem mit meiner Website. Ich benutze AutoVervollständigen zu finden, die lat-long-eine Adresse ist, bevor Sie zu einem Formular. Das problem ist, auf der Seite wo ich 2 Instanzen, bekomme ich eine Fehlermeldung in Chrome "'geometrie' ist null oder kein Objekt" und die erste Instanz nicht erhalten latlon.

if($('input#searchArea').length){
        var input = document.getElementById('searchArea');
        var options = {
            componentRestrictions: {country: 'uk'}
        }
        var autocomplete = new google.maps.places.Autocomplete(input, options);

        google.maps.event.addListener(autocomplete, 'place_changed', function(){
            var place = autocomplete.getPlace();
            var location = String(place.geometry.location); //The problemed line
            var latLong = location.substr(1, location.length-2);
            latLong = latLong.split(', ');
            if($('input#searchLatLong').length == 0) $('form#findArea').append('<input type="hidden" name="ll" id="searchLatLong" />');
            $('input#searchLatLong').val(latLong[0] + ',' + latLong[1]);
        });
    }

    if($('input#letArea').length){
        var input = document.getElementById('letArea');
        var options = {
            componentRestrictions: {country: 'uk'}
        }
        autocomplete = new google.maps.places.Autocomplete(input, options);

        google.maps.event.addListener(autocomplete, 'place_changed', function(){
            var place = autocomplete.getPlace();
            var location = String(place.geometry.location);
            var latLong = location.substr(1, location.length-2);
            latLong = latLong.split(', ');
            if($('input#letLatLong').length == 0) $('form#letPlaceArea').append('<input type="hidden" name="ll" id="letLatLong" />');
            $('input#letLatLong').val(latLong[0] + ',' + latLong[1]);
        });
    }

Hat jemand in diesem vor?

Cheers,
RJ

EDIT: Problem gefunden. Es war die Variablen den gleichen Namen. Ändern Sie auf der zweiten Instanz sortiert.

Cheers,
RJ

  • Wenn Sie schon gefunden, das problem, löschen Sie entweder die Frage oder post eine Antwort und es akzeptieren, so dass wir nicht unsere Zeit verschwenden.
InformationsquelleAutor TMPilot | 2012-08-25
  1. 3

    Problem gefunden. Es war die Variablen den gleichen Namen. Ändern Sie auf der zweiten Instanz sortiert.

    InformationsquelleAutor TMPilot
  2. 3

    Ich weiß nicht, ob dies der beste Weg, um dieses problem zu lösen, aber ich habe es getan:

    function initialize() {
    var input = document.getElementById('searchTextField');
    var options = {
        types: ['(cities)']
    };
    var autocomplete = new google.maps.places.Autocomplete(input, options);
    }
    google.maps.event.addDomListener(window, 'load', initialize);


function initialize1() {
    var input = document.getElementById('searchTextFieldedit');
    var options = {
        types: ['(cities)']
    };
    var autocomplete = new google.maps.places.Autocomplete(input, options);
    }
    google.maps.event.addDomListener(window, 'load', initialize1);

    Hoffe, dies hilft Ihnen,
    Beste Grüße

    • Alternativ (und als sauberere Lösung), können Sie veranlassen dynamischen Variablen für jede Instanz eine solche, dass: window[prefix+"autocomplete"]
    InformationsquelleAutor DanielV
  3. 0
    function initialize(pre) {
  window[pre+"autocomplete"] = new google.maps.places.Autocomplete(
      (document.getElementById(pre+'street_address')),
      { types: ['geocode'] });
  google.maps.event.addListener(window[pre+"autocomplete"], 'place_changed', function() {
    fillInAddress(pre);
  });
}

function fillInAddress(pre) {

    var place = window[pre+"autocomplete"].getPlace();

    for (var component in componentForm) {
      document.getElementById(pre+component).value = '';
      document.getElementById(pre+component).disabled = false;
    }

    for (var i = 0; i < place.address_components.length; i++) {
        var addressType = place.address_components[i].types[0];
        if (componentForm[addressType]) {
          var val = place.address_components[i][componentForm[addressType]];
          jQuery("#"+pre+addressType).val(val);
        }
    }
    updateStreet("#"+pre)
}

    Und natürlich, Sie müssen initiieren, zweimal, entweder über jQuery oder onload();

    jQuery(function() {
  initialize("foo_")
  initialize("bar_")
});
    InformationsquelleAutor Haktan Suren
Schreibe einen Kommentar