wie kann ich bestimmen, Wann Google Maps loadGeoJson abgeschlossen?

Habe ich ein Szenario, wo Benutzer können speichern Ihre mapping-styling. Wenn ein Benutzer zurück navigiert zur Seite mit der Karte sollte es die Karte anzuzeigen die Weise, wie es vorher war.

Kann der Benutzer die Farben wechseln von Regionen und Grenzen hinweg so gut wie für thematische Formatvorlagen basierend auf demografischen Daten.

Mit der Veröffentlichung der neuen loadGeoJson ich habe großen Erfolg mit Beschleunigung meine Anwendung, Anfangs war ich Zeichnung, die alle von den Regionen selbst, über JS. Dies war causeing einige Speicher-Probleme bei rund 1500 Standorten. Diese neue Funktion verringert Sie sich deutlich. Ich bin die Wahl zu generieren, die die Eigenschaften der Objekte auf der server-Seite und geben Sie nur eine URL, um die Karte zu Rendern. Diese URL übergeben wird, zusammen mit allen anderen Stil-Informationen neu erstellen Sie die Karte wie es vorher war.

Dem problem bin ich begegnet, ist, wenn ich versuche, gelten die stylings, die Karte noch nicht abgerufen die Liste der features werden auf der Karte angezeigt.

Suche durch die Dokumentation sehe ich keine Veranstaltungen, die speziell für die loadGeoJson Methode, aber sah für addfeature und setgeometry, aber keines dieser Ereignisse ausgelöst wird, wenn mit der loadGeoJson Methode.

Dies wurde alles geschrieben in Typoskript und versucht einzuhalten, um eine ziemlich strenge MVVM-Ansatz mit Knock-out, um alle änderungen der Benutzeroberfläche für mich über Bindung.

Gibt es ein anderes Ereignis kann ich tie-in, um zu sehen, wenn dieses Verfahren abgeschlossen ist, so kann ich meine Stile angemessen?

Gibt es einen anderen Ansatz, wo ich kann Backen in einem "warte" irgendwo? .

  • Könnten Sie den link der Dokumentation?
InformationsquelleAutor BigDubb | 2014-04-14
  1. 1

    Können Sie hören addFeature event abgefeuert wird für jedes feature in Ihren json. wenn Sie z.B. verwenden https://storage.googleapis.com/maps-devrel/google.json sechs Ereignisse ausgelöst werden nach die json-Anforderung abgeschlossen ist, d.h. wenn die google-api startet das hinzufügen von Funktionen aus der json-Datei:

    wie kann ich bestimmen, Wann Google Maps loadGeoJson abgeschlossen?

    Sehen Sie die demo hier : http://jsbin.com/ofutUbA/4/edit

    • ...Ereignisse werden ausgelöst, nachdem die json-Anforderung abgeschlossen ist... Also mit der ersten addFeature Veranstaltung können wir sicher davon ausgehen, dass alle json-Daten empfangen werden? Danke.
    • ja, wenn die feature-Namen entspricht, etwas, das nur von der JSON. Ich vermute, die wahre auch sonst, da wir abonnieren .data.addListener es werden nur Ereignisse für Funktionen erstellt, die aus .data und daher loadGeoJson aber Sie haben verschleiert den code, und ich kann nicht von innen sehen
    • Danke das war es. Ich war das hinzufügen meine Zuhörer auf die Karte, nicht auf Daten. das war der Grund, warum es nicht ausgelöst wird.
    InformationsquelleAutor basarat
  2. 9

    addfeature event ist definitiv aufgerufen loadGeoJson, wenn nicht für Sie ist, werden einige setup-Fehler.

    loadGeoJson hat eine optionale callback-parameter, welche aufgerufen wird, nachdem alle Funktionen geladen wurden und hat die Funktionen als parameter.

    https://developers.google.com/maps/documentation/javascript/3.exp/reference

    loadGeoJson(url:string, Optionen?:Daten.GeoJsonOptions,
    callback?:function(Array))

    Können Sie signalisieren Ihren code von diesem Rückruf, der kann es mit der Verarbeitung Fort.

    map.data.loadGeoJson('google.json', null, function (features) {
    map.fitBounds(bounds); //or do other stuff what requires all features loaded
});

    Könnten Sie auch wickeln loadGeoJson in ein Versprechen, und lösen die Versprechen in loadGeoJson Rückruf.

    function loadGeoJson(url, options) {
    var promise = new Promise(function (resolve, reject) {
      try {
        map.data.loadGeoJson(url, options, function (features) {
            resolve(features);
        });
      } catch (e) {
        reject(e);
      }
    });

    return promise;
}

//Somewhere else in your code:
var promise = loadGeoJson('studs.json');

promise.then(function (features) {
    //Do stuff
});

promise.catch(function (error) {
    //Handle error
});
    • Hallo zusammen, ich bin mit Ihrer Lösung hier! Funktioniert Super, hatte eine Frage auf, wie Sie Fehler auffangen, wenn die json-ist NICHT gültig. Ich kann nicht scheinen, um die Fehler auffangen. Ich bin laden aus einer json-Datei, die sich ändern könnte und möchten dem Benutzer sagen die json-Datei ist nicht gültig... Momentan habe ich nur erhalten " nicht Erfasste InvalidValueError: in der Eigenschaft "features": an index 42: in der Eigenschaft "geometrie": in der Eigenschaft "Geometrien": bei index 1: in der Eigenschaft "Koordinaten": zu index 0: die ersten und die letzten Positionen sind nicht gleich" in Chrome... kann nicht scheinen zu erwischen... vielen Dank im Voraus, falls jemand weiß??
    • Wenn loadGeoJson löst eine Ausnahme aus, die Sie einbetten zu können in einen try-catch-block. Siehe die aktualisierte Antwort.
    • Ja, ich habe versucht, stecken die try-catch-genau wie Sie es haben, und chrome wäre einfach nicht fangen. Also der Grund für meine Frage. Danke aber für die Reaktion. ..
    InformationsquelleAutor user3285954
  3. 0

    Könnte man annehmen, wenn Sie mit Knock-out auf vielleicht binden auf einige Zuhörer, oder befestigen Sie die Zuhörer zu einer Veranstaltung.

    Meisten Ereignisse durch JavaScript immer eine callback-Funktion, das ist gut practive, so dass, wenn eine Funktion die Ausführung beendet hat einige lange I/O oder Database Abfrage, es wird sofort ausführen dieser Funktion. Offensichtlich, dass der Rückruf wird von Ihnen definiert.

    someLongTimeFunction(function (data) {
  //usually this callback will be fired when the function has finished.
});

    Wenn Sie vertraut sind mit ko, dann würden Sie wissen, dass, sobald die Daten abgerufen wurden und passieren Sie durch ein observable dass observable aktualisieren würde, seine Bindung.

    Hier ist der link für die Erweiterung der observablen: knockout js

    Soweit ich verstehen kann, aus Sie Frage, diese loadGeoJson ist es server-Seite? Wenn dem so ist, brauchen Sie eine lange Umfrage von client-Seite und binden Sie in das:

    function doRequest() {
  var request = $.ajax({
    dataType: "json",
    url: 'loadGeoJson',
    data: data,
  });

  request.done(function(data, result) {
    if (result !== "success") {
      setTimeout(doRequest, 10000);
    }
  });
}
    InformationsquelleAutor Callum Linington
Schreibe einen Kommentar