动态创建一个基于集合的颜色图例

Question

我想创建一个基于集合的图例，下面的代码进入Shapefile并提取特定的列数据，然后我们为数据分配一个颜色。这是我在控制器中创建的，我想知道是否可以创建基于这个集合的HTML图例，我想这样做的方式是创建与我们想要传说的每个图层的单选按钮。我知道这可能是模糊的，但我真的不知道如何描述它。

任何建议，将不胜感激

private Collection<ValueItem> colorSelect(Collection<Feature> allFeatures, string layercode,Collection<ValueItem> valueItems) 
    { 

     List<string> values = new List<string>(); 
     foreach (Feature f in allFeatures) 
     { 
      if (f.ColumnValues.ContainsKey(layercode)) 
      { 
       if (!values.Contains(f.ColumnValues[layercode].ToString())) 
       { 
        values.Add(f.ColumnValues[layercode].ToString()); 
       } 
      } 

     } 


     if (values.Count > 0) 
     { 
      Random randomGen = new Random(); 
      int count = 0; 
      foreach (string esnCode in values) 
      { 
       //int count = 0; 
       if (count == 0) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Green, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 1) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Pink, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 2) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Blue, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 3) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Yellow, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 4) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Violet, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 5) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Red, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 6) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Aqua, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 7) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Black, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 8) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Brown, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 9) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.Coral, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       if (count == 10) 
       { 
        ValueItem item = new ValueItem(esnCode, AreaStyles.CreateSimpleAreaStyle(GeoColor.StandardColors.DarkKhaki, GeoColor.StandardColors.Black, 3)); 
        valueItems.Add(item); 

       } 
       count++; 
      } 

     } 
     return (valueItems); 
    } 

Answer 1

好了，一旦你取你的颜色数据，你必须把它传递给视图，并用它做什么。 你传递的2种选择：

1. 为模型
2. 在ViewBag

并不重要，你选择什么样的选择，但可以说，我们通过它查看购物袋。

public ActionResult ColorsLegend() 
{ 
    var listOfColors = colorSelect(args..); 
    ViewBag.colorList = listOfColors; 

    return View(); 
} 

在视图中，您可以遍历这个颜色列表并执行实际的操作。 F.e让我们为该颜色创建一个颜色块和名称列表

@foreach(var item in ViewBag.colorList){ 
    <div style='background-color:@item.colorValue;width:100px;height:20px;float:left;'></div> 
    <span style='float:left;'> - @item.colorName </span> 
}