添加多列图例键Mapbox JS

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

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

谢谢！

回答：

该图例不是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>

以上是 添加多列图例键Mapbox JS 的全部内容， 来源链接： utcz.com/qa/265806.html

回到顶部