Viewer layer toggle shows layer colors [#243] (#252)

2026-02-04 02:41:09 +00:00 · 2023-09-20 11:44:25 +08:00
parent 70146469e9
commit fd297cc71b
1 changed files with 8 additions and 1 deletions
--- a/app/src/MaplibreMap.tsx
+++ b/app/src/MaplibreMap.tsx
@@ -144,7 +144,7 @@ const LayersVisibilityController = (props: {
        <em>All layers</em>
      </CheckboxLabel>
      <LayersVisibilityList>
-        {props.layers.map(({ id, visible }) => (
+        {props.layers.map(({ id, visible }, idx) => (
          <li key={id}>
            <CheckboxLabel style={{ paddingLeft: 8 }}>
              <input
@@ -153,6 +153,13 @@ const LayersVisibilityController = (props: {
                onChange={toggleLayer}
                data-layer-id={id}
              />
+              <span
+                style={{
+                  width: ".8rem",
+                  height: ".8rem",
+                  backgroundColor: schemeSet3[idx % 12],
+                }}
+              />
              {id}
            </CheckboxLabel>
          </li>