How to determine when Google Maps loadGeoJson crashes?

Question

I have a scenario in which users can save their display style. When a user navigates to this page with a map, it should display the map as it was before.

The user can change the colors of geographical places and borders, as well as apply thematic styles based on demographic information.

With the release of the new loadGeoJson, I had great success with speeding up my application. Initially, I myself drew all geographic regions through JS. This caused some memory problems in approximately 1,500 geographical regions. This new functionality significantly reduces it. I prefer to create Feature objects on the server side and just pass the URL to the map for rendering. This URL is passed along with all other style information to rebuild the map, as it was before.

The problem I am facing is that when I try to apply styles, the map does not receive a list of functions that will be displayed on the map.

Looking through the documentation, I do not see any events specifically for the loadGeoJson method, but I saw for addfeature and setgeometry, but none of these events occur when using the loadGeoJson method.

All this was written in Typescript and is trying to adhere to a rather strict MVVM approach, using Knockout to handle all user interface changes for me through the binding.

Is there another event that I can bind to see when this method completed so that I can apply my styles accordingly?

Is there any other approach where I can bake somewhere ?,

Answer 1

addFeature, json. https://storage.googleapis.com/maps-devrel/google.json, json-, .. google api json :

: http://jsbin.com/ofutUbA/4/edit

Answer 2

addfeature event loadGeoJson, .

loadGeoJson , .

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

loadGeoJson (url: string, options?: Data.GeoJsonOptions, : (Array))

, .

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

loadGeoJson loadGeoJson.

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
});

Answer 3

, , , .

JavaScript , , , I/O Database, . , .

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

, , , observable, observable .

Here is a link to the extension observed: js knockout

As far as I understand from your question, is loadGeoJsonthis the server side? If so, you do a long survey from the client side and become attached to this:

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

  request.done(function(data, result) {
    if (result !== "success") {
      setTimeout(doRequest, 10000);
    }
  });
}