1

I use the sample provided on the Google Maps API page (https://developers.google.com/maps/documentation/javascript/datalayer).

I put the sample inside a function like following

function loadCableGeom(){
        _this.map.data.loadGeoJson('https://storage.googleapis.com/mapsdevsite/json/google.json');
        _this.map.data.setStyle({
          fillColor: 'green',
          strokeWeight: 1
        });
        console.log("LOAD");
}

function removeCableGeom(){
        _this.map.data.setMap(null);
}

I am sure the call to loadCableGeom() is done as the console.log("LOAD") works well.

If the loadGeoJson is put outside the function just above the function definition (in this case I remove the underscore), the GeoJSON is well loaded. And in this case the GeoJSON is removed when the function removeCableGeom() is called.

Improve this question

1 Answer 1

Reset to default
2

Try to catch you map in a log.

function loadCableGeom(){
  console.log(yourmap);
  _this.map.data.loadGeoJson('https://storage.googleapis.com/mapsdevsite/json/google.json');
  _this.map.data.setStyle({
    fillColor: 'green',
    strokeWeight: 1
  });
  console.log("LOAD");
}

If it doesn't work try to pass it into your function with a parameter function loadCableGeom(map). Maybe your _this.map doesn't work.

Improve this answer
1
  • The thing is that I noticed that it works only once. Once the setMap(null) is called, the geojson doesn't load anymore. I tried a map.data.setMap(map) and then loadGeoJson, the geojson reloads, but seems to overlay the previous one. In other words, the geojson becomes darker and darker the more I call the loadCableGeom() function
    – Daniel Demonceau
    Commented Apr 28, 2017 at 2:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.