複数列の凡例キーを追加するマップボックス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>