Javascript 将函数的结果传递给 Leaflet.js 项目中的另一个函数

Question

我正在开发一个使用 Leaflet.js 和 geoJson 数据的项目。我正在制作一个等值线图，并试图将一个函数的结果传递给另一个函数。我不认为这种情况是 Leaflet 独有的，我认为在将一个函数的结果作为另一个函数的参数传递时我只是磕磕绊绊。

我有一个函数可以根据从 API 中提取的 GDP 值来设置地图中国家/地区的样式：

 function getColor(d) {
      return d > 1000000 ? '#005824' :
          d > 500000  ? '#238b45' :
          d > 200000  ? '#41ae76' :
          d > 100000  ? '#66c2a4' :
          d > 50000   ? '#99d8c9' :
          d > 20000   ? '#ccece6' :
          d > 15000   ? '#edf8fb':
                       '#fff'
    }

这个函数被第二个函数调用：

  function style(feature) {
      return {
          fillColor: getColor(100000),
          weight: 2,
          opacity: 1,
          color: 'white',
          //dashArray: '3',
          fillOpacity: 0.7,
          stroke: true,
          weight: .5,
          fill: true,
          clickable: true
      };
    }

如您所见，我目前将 100000 硬编码为 getColor 函数的参数。我想对此进行更改，以便将 API 中的数据传递给 getColor 而不是这个硬编码值。

我从 API 中提取了 GDP 数据，并且可以使用以下功能对其进行控制台记录：

function getGDP(gdp) {
      for(var i = 0; i < countriesData.features.length; i++) {
       console.log(countriesData.features[i].properties.name + ' ' + countriesData.features[i].properties.gdp_md_est);
       return countriesData.features[i].properties.gdp_md_est;
      }
    } 

如何将 getGDP() 函数的结果传递给 style() 函数内部的 getColor() 函数？

这是否必须涉及闭包？如果是这样，我该如何使用闭包呢？我不相信这个问题是 Leaflet 或这个项目所独有的，我想我只是在思考如何将一个函数的返回值传递给嵌套在第三个函数中的另一个函数时遇到了麻烦。

getColor 函数必须遍历 countriesData.features[i].properties.gdp_md_est 元素。

这样的工作是否可行：

function style(feature) {
      return {
          //fillColor: getColor(100000),
          fillColor: getColor(function(d) {
            for(var i = 0; i < countriesData.features.length; i++) {
             var data =  countriesData.features[i].properties.gdp_md_est;
             return data;
            }
          }),
          weight: 2,
          opacity: 1,
          color: 'white',
          //dashArray: '3',
          fillOpacity: 0.7,
          stroke: true,
          weight: .5,
          fill: true,
          clickable: true
      };
    }

Answer 1

与其他recent question 和Leaflet choropleth map tutorial （“添加一些颜色”部分）中所示类似，您只需意识到Leaflet L.geoJSON 工厂将循环遍历您传递的特征数据，并调用您的style 函数每个功能一次，将该单个功能数据作为style 函数的参数，因为您问题中的代码已经设置。

由于您肯定希望使用与该单个功能相关联的数据来调用您的 getColor 函数（以便后者根据其数据而不是根据所有其他功能的数据进行样式设置），您明白这是适得其反的尝试使用您的getGDP 函数循环所有您的功能，并尝试在您的style 函数中使用所有这些数据。

function style(feature) {
  return {
    fillColor: getColor(feature.properties.gdp_md_est),
    // etc.
  };
}