Hinzufügen eines mehrspaltigen Legendenschlüssels Mapbox JS

Question

Wie kann ich einen mehrspaltigen Legendenschlüssel mit Text- und Farbschlüsseln erstellen?

konnte ich eine einzelne Spalte Legende mit Farbtasten mit diesem Beispiel hinzuzufügen: https://www.mapbox.com/mapbox-gl-js/example/updating-choropleth/

Aber ich frage mich, ob es möglich ist, eine mehrspaltige Legende, wie eine Tabelle in MapBox zu tun?

Vielen Dank!

Answer 1

Die Legende ist nicht Teil von Mapbox GL, sondern nur ein HTML/CSS-Element, das absolut über der Karte positioniert ist. Also, wenn Sie eine 2D-Legende benötigen, können Sie einfach ersetzen Sie es mit einem <table> Elemente:

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