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

Add a label to a polygon with name (#561)

Browse Source 
* fix to toggle visibility of the label layer for line data

* Add polygon label along poly border.  Related to #555.  Depends on #560
This commit is contained in:
Rob Labs
2025-04-26 05:34:15 -07:00
committed by GitHub
parent aa43ad8365
commit 60056a5621
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/src/PageMap.tsx
View File

@@ -219,6 +219,30 @@ function MapView(props: {
},
filter: ["==", ["geometry-type"], "Point"],
});
map.addLayer({
id: `tileset_polygon_label_${vectorLayer}`,
type: "symbol",
source: "tileset",
"source-layer": vectorLayer,
layout: {
"text-field": ["get", "name"],
"text-font": ["Noto Sans Regular"],
"text-max-angle": 85,
"text-offset": [0, 1],
"text-anchor": "bottom",
"text-rotation-alignment": "map",
"text-keep-upright": true,
"text-size": 10,
"symbol-placement": "line",
"symbol-spacing": 250,
},
paint: {
"text-color": colorForIdx(i),
"text-halo-color": flavor,
"text-halo-width": 2,
},
filter: ["==", ["geometry-type"], "Polygon"],
});
}
} else {
map.addSource("tileset", {
@@ -286,6 +310,7 @@ function MapView(props: {
setVisibility(`tileset_circle_${id}`, visibility);
setVisibility(`tileset_line_label_${id}`, visibility);
setVisibility(`tileset_point_label_${id}`, visibility);
setVisibility(`tileset_polygon_label_${id}`, visibility);
}
});