LeafletJS無效的GeoJSON對象

Question

我正在與Leaflet一起嘗試使一些GeoJSON正常運行。 一切正常，地圖可以正常工作，但是在DevTools控制台中，我遇到了無效的GeoJSON錯誤。 我的組件是：

我有getRegionsGeoJson，它通過一些網址返回給我geoJSON。

我的DevTools控制台

ngOnInit() {
    this.regionsGeoJsonSubscription$ = this.mapService.getRegionsGeoJson()
      .subscribe(regionsGeoJson => {
          this.regionsGeoJson = regionsGeoJson;
          this.regionsGeoJsonLoaded = Object.keys(this.regionsGeoJson).length > 0;
          this.statisticsEnabled = true;
          this.hidePreloader();
        }
      );

    // LeafletJS map init
    this.map = L.map('map')
      .setView([-25.441105, -49.276855], 13);

    L.tileLayer
      .provider('OpenStreetMap.Mapnik')
      .addTo(this.map);

    L.geoJSON( {
      style: function (feature) {
        return {color: feature.properties.color};
      }
    }).bindPopup(function (layer) {
      return layer.feature.properties.description;
    }).addTo(this.map);

  }
  hidePreloader() {
    this.preloader.nativeElement.style.display = 'none';
  }
}

Answer 1

L.geoJSON工廠期望它的第一個參數是您的GeoJSON數據，如果以后要為它提供addData方法，則它為null。

您看到的錯誤是因為它試圖將Optuons對象解釋為GeoJSON objetc，並且顯然失敗了。

Answer 2

解：

L.geoJSON(this.regionsGeoJson <-- solution {
  style: function (feature) {
    return {color: feature.properties.color};
  }
}).bindPopup(function (layer) {
  return layer.feature.properties.description;
}).addTo(this.map);