添加多列图例键Mapbox JS

Question

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

我能够添加使用这个例子彩色钥匙一列传奇：https://www.mapbox.com/mapbox-gl-js/example/updating-choropleth/

不过，我想知道是否有可能做一个多列的传说，像mapbox表？

谢谢！

Answer 1

该图例不是Mapbox GL的一部分，只是一个绝对定位在地图上的HTML/CSS元素。 所以如果你需要一个2D传奇，你可以简单地用一个<table>元素替代它：

<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>