Java 添加多列图例键映射框JS

Java 添加多列图例键映射框JS,java,mapbox,legend,mapbox-gl-js,Java,Mapbox,Legend,Mapbox Gl Js,如何创建同时具有文本键和颜色键的多列图例键 我可以使用以下示例添加带有颜色键的单列图例: 然而,我想知道是否可以做一个多列图例,比如mapbox中的表 谢谢大家! 图例不是Mapbox GL的一部分,只是绝对位于地图上方的HTML/CSS元素。 因此,如果需要二维图例,只需将其替换为元素即可: 谢谢@meltedpunguin我想在表格中添加基于颜色的标签,我该怎么做?关于到目前为止我所掌握的信息,请参见此处:。关于我希望它看起来像什么,请参见此处:。基于颜色的标签由所有元素创建。所以您需要做的

如何创建同时具有文本键和颜色键的多列图例键

我可以使用以下示例添加带有颜色键的单列图例:

然而,我想知道是否可以做一个多列图例,比如mapbox中的表


谢谢大家!

图例不是Mapbox GL的一部分,只是绝对位于地图上方的HTML/CSS元素。 因此,如果需要二维图例,只需将其替换为元素即可:


谢谢@meltedpunguin我想在表格中添加基于颜色的标签,我该怎么做?关于到目前为止我所掌握的信息,请参见此处:。关于我希望它看起来像什么,请参见此处:。基于颜色的标签由所有元素创建。所以您需要做的是用这样一个样式化的
<table style="position: absolute; bottom: 30px; right: 10px; z-index:1, backgroung-color: white">
  <tr>
    <th></th>
    <th>Column 1</th>
    <th>Column 2</th> 
  </tr>
  <tr>
    <th>Row 1</th>
    <td>(1, 1) value </td>
    <td>(1, 2) value</td> 
  </tr>
  <tr>
    <th>Row 2</th>
    <td>(2, 1) value</td>
    <td>(2, 2) value</td> 
  </tr>
</table>