Skip to content

Adjusting park labels #1302

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wmisener wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

Adjusting park labels #1302

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6aa3980
Decreasing font from bold to regular
wmisener Nov 20, 2025
a5dadab
Merge branch 'main' into wmisener/parks_adjustments
wmisener Nov 22, 2025
2d46f92
Merge branch 'main' into wmisener/parks_adjustments
wmisener Apr 22, 2026
4db665c
Merge branch 'osm-americana:main' into wmisener/parks_adjustments
wmisener Jul 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/constants/color.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export const borderCasing = `hsl(${hueBorderCasing}, 35%, 86%)`;

export const parkFill = "hsl(136, 41%, 89%)";
export const parkOutline = "hsla(136, 41%, 70%, 50%)";
export const parkLabel = "hsl(136, 71%, 29%)";
export const parkLabel = "hsl(136, 71%, 29%)"; //hsl(136, 50%, 40%)
export const parkLabelHalo = "hsl(90, 27%, 94%)";

export const aerialwayLine = "hsl(310, 41%, 59%)";
Expand Down
9 changes: 7 additions & 2 deletions src/layer/park.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,11 +36,16 @@ export const label = {
"text-color": Color.parkLabel,
"text-halo-blur": 1,
"text-halo-color": Color.parkLabelHalo,
"text-halo-width": 1,
"text-halo-width": {
base: 1,
stops: [
[10, 1.5],
],
},
},
layout: {
"text-field": Label.localizedName,
"text-font": ["Americana-Bold"],
"text-font": ["Americana-Regular"],

@1ec5 1ec5 Nov 20, 2025

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Currently we’re boldfacing labels of other fills without icons, such as ponds, at high zoom levels, whereas most POIs end up in normal weight because we only label them as points with icons. I think this is a useful treatment to keep. Can we vary the font by zoom level? Note that you’d need to use a literal expression inside each stop of an interpolate or step expression.

"text-size": 10,
"symbol-sort-key": ["get", "rank"],
},
Expand Down
Loading