动态颜色选择

Question

我有一个传单地图，我想为每个“功能”分配颜色。根据地理数据的变化，要素的数量可能会有所不同。我猜测有一些算法可以做到这一点。

下面是代码：（各功能我想设置的颜色是不同的不是给定的颜色，因为数据不具有彩色）

var geomap = L.geoJson(geojson, { 
      //TODO: change the colors to be randomly separated and updated based on the # of features 
      //TODO: Should change the feature properties to be the population and zone number -- show this in the pop-up instead of the "description" 
      style: function (feature) { 
       return {color: feature.properties.color}; 
      }, 
      onEachFeature: function (feature, layer) { 
       layer.bindPopup(feature.properties.zone); 
      } 
     }); 

所以，如果我有5个或100个功能，我想每个都有不同的颜色。任何提示或算法？这显然是JavaScript。

Answer 1

发电机大量随机颜色的简单工具是https://github.com/davidmerfield/randomColor。 您可以使用它像

randomColor({ 
    count: 10, 
    hue: 'green' 
}); 

如果你想在颜色生成更多的控制，Chroma.js可能是您更好的选择。我建议在描述的用例中使用一些Color Brewer分类比例。