다중 열 범례 키 추가 맵 박스 JS

Question

텍스트와 색상 키가 모두있는 다중 열 범례 키를 만들려면 어떻게해야합니까? 그것은 다중 열 전설을 할 수 있다면, 나는 mapbox의 테이블처럼, 궁금하지만 https://www.mapbox.com/mapbox-gl-js/example/updating-choropleth/

:

나는이 예제를 사용하여 컬러 키를 사용하여 하나의 열 범례를 추가 할 수 있었다?

감사합니다.

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>