javascript-Funktion ist die Rückgabe undefiniert

Ich versuche, die Implementierung von google maps und das problem, das ich habe ist, dass wenn ich die Funktion aufrufen getLatLng, es ist wieder eine Undefinierte Wert und ich kann nicht herausfinden, warum.

    initialize();

    var map;
    var geocoder;   

    function initialize() {

        geocoder = new google.maps.Geocoder();
        var address = "Rochester, MN";
        var myLatLng = getLatLng(address);
        console.log("myLatLng = "+myLatLng);

    }

    function getLatLng(address) {

        var codedAddress;

        geocoder.geocode({'address': address}, function(results, status) {

            if(status == google.maps.GeocoderStatus.OK) {
                codedAddress = results[0].geometry.location;
                console.log("codedAddress 1 = "+codedAddress);
            } else {
                alert("There was a problem with the map");
            }
            console.log("codedAddress 2 = "+codedAddress);
        });

        console.log("codedAddress 3 = "+codedAddress);
        return codedAddress;
    }

In der firebug-Konsole, hier ist die Ausgabe, die ich in dieser genauen Reihenfolge:

codedAddress 3 = undefined
myLatLng = undefined
codedAddress 1 = (44.0216306, -92.46989919999999)
codedAddress 2 = (44.0216306, -92.46989919999999)

Warum ist codedAddress 3 und myLatLng zeigt sich zunächst in der Konsole?

InformationsquelleAutor Catfish | 2011-05-25
  1. 1

    Hier ist, was ich habe zu arbeiten, die über die Google-Maps-Dokumentation:

      var geocoder;
  var map;

  function initialize() {
    geocoder = new google.maps.Geocoder();
    var address = "Rochester, MN";
    var latlng = codeAddress(address);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress(address) {
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }

    Hier ein jsFiddle, um ihn in Aktion zu sehen. Natürlich können Sie aktualisieren diese, um jQuery verwenden, wenn Sie benötigen.

    InformationsquelleAutor Code Maverick
  2. 6

    geocode ist asynchron (d.h. es sendet eine Anfrage an den Google-Server), so muss man eine callback-Funktion, die getLatLng, anstatt es sofort wieder zurück:

    function getLatLng(address, callback) {
    var codedAddress;

    geocoder.geocode({'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            codedAddress = results[0].geometry.location;
            console.log("codedAddress 1 = "+codedAddress);
        } else {
            alert("There was a problem with the map");
        }
        console.log("codedAddress 2 = "+codedAddress);

        callback(codedAddress);
    });
}
    • Dies kann eine dumme Frage, aber ich habe die callback-Funktion an die Funktion Parameter und am Ende der geocode-Anweisung, wie Sie gezeigt habe, aber wenn ich jetzt call getLatLng wie diese: var myLatLng = getLatLng(address, callback); bekomme ich nichts in die Konsole und keine Karte zeigt.
    • Was callback-Funktion sind Sie vorbei? Es muss von der form var myLatLng = getLatLng(address, function(codedAddress) { /* do something */ });
    • Ich bin mir nicht sicher, ob ich verstehe. Was würde gehen müssen, das "etwas tun" Stück? Ich will einfach nur, um den Wert zuzuweisen, von getLatLng auf eine variable.
    • Sie tun müssen, um mit der codedAddress gehört in der callback (die "etwas tun" Stück). Dies ist, wie die asynchrone Programmierung funktioniert.
    • Die callback-Funktion ist wohl die richtige Lösung, aber ich war nicht in der Lage, es herausgefunden. Ich benutzte Scott ' s Lösung und es funktionierte.
    • Danke, verbrachte mehrere Stunden, um herauszufinden, warum es nicht funktioniert 🙂 JS ist nicht einfach, was für PHP Kerl

    InformationsquelleAutor Emmett
  3. 1

    Du bist fehlt eine schließende } für die initialize-Funktion.

    • Nein, ich hatte eigentlich eine schließende Klammer, aber ich verließ einige andere Sachen habe und vergessen habe zu kopieren, die Halterung.
    InformationsquelleAutor dtbarne
Schreibe einen Kommentar