mirrors/PMTiles
1
0
Fork 0
mirror of https://github.com/protomaps/PMTiles.git synced 2026-02-04 10:51:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Brandon Liu
2023-09-20 11:44:25 +08:00
committed by GitHub
parent 70146469e9
commit fd297cc71b
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/MaplibreMap.tsx
View File

@@ -144,7 +144,7 @@ const LayersVisibilityController = (props: {
<em>All layers</em> <em>All layers</em>
</CheckboxLabel> </CheckboxLabel>
<LayersVisibilityList> <LayersVisibilityList>
{props.layers.map(({ id, visible }) => ( {props.layers.map(({ id, visible }, idx) => (
<li key={id}> <li key={id}>
<CheckboxLabel style={{ paddingLeft: 8 }}> <CheckboxLabel style={{ paddingLeft: 8 }}>
<input <input
@@ -153,6 +153,13 @@ const LayersVisibilityController = (props: {
onChange={toggleLayer} onChange={toggleLayer}
data-layer-id={id} data-layer-id={id}
/> />
<span
style={{
width: ".8rem",
height: ".8rem",
backgroundColor: schemeSet3[idx % 12],
}}
/>
{id} {id}
</CheckboxLabel> </CheckboxLabel>
</li> </li>