添加多列圖例鍵Mapbox JS

如何創建具有文本和顏色鍵的多列圖例鍵？添加多列圖例鍵Mapbox JS

我能夠添加使用這個例子彩色鑰匙一列傳奇：https://www.mapbox.com/mapbox-gl-js/example/updating-choropleth/

不過，我想知道是否有可能做一個多列的傳說，像mapbox表？

謝謝！

2017-12-27 Camila Andino

該圖例不是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>

來源

2017-12-27 15:17:24 MeltedPenguin

感謝@MeltedPenguin我想表本身中添加基於顏色的標籤，我該怎麼做呢？至於我到目前爲止，請看這裏：https://files.fm/u/bu2nhbhu。對於我想要它看起來像看到這裏：https://files.fm/u/g6jvbztx。 –

基於顏色的標籤由所有''元素創建。所以你需要做的是用我們的例子中的'Row X'替換爲'' – MeltedPenguin

添加多列圖例鍵Mapbox JS

回答

相關問題