feat: burg groups - image icons

This commit is contained in:
Azgaar 2025-01-02 03:36:29 +01:00
parent c86f7de9de
commit c29f3b73e8
9 changed files with 371 additions and 41 deletions

View file

@ -167,7 +167,7 @@ function showMapTooltip(point, e, i, g) {
if (burgId) {
const burg = pack.burgs[burgId];
const population = si(burg.population * populationRate * urbanization);
tip(`${burg.name}. Population: ${population}. Click to edit`);
tip(`${burg.name}. Population: ${population}. Group: ${burg.group}. Click to edit`);
if (burgsOverview?.offsetParent) highlightEditorLine(burgsOverview, burgId, 5000);
return;
}

View file

@ -135,6 +135,7 @@ async function changeStyle(desiredPreset) {
const [presetName, style] = styleData;
localStorage.setItem("presetStyle", presetName);
applyStyleWithUiRefresh(style);
if (layerIsOn("toggleBurgIcons")) drawBurgIcons();
}
function applyStyleWithUiRefresh(style) {
@ -325,6 +326,7 @@ function addStylePreset() {
"data-size",
"font-size",
"font-family",
"data-dx",
"data-dy"
];
const burgIconsAttributes = [

View file

@ -279,6 +279,7 @@ function selectStyleElement() {
if (el.node().parentNode.id === "burgLabels") {
styleFontShift.style.display = "block";
styleFontShiftX.value = el.attr("data-dx") || 0;
styleFontShiftY.value = el.attr("data-dy") || 0;
}
}
@ -892,6 +893,13 @@ function changeFontSize(el, size) {
if (styleElementSelect.value === "legend") redrawLegend();
}
styleFontShiftX.on("input", e => {
getEl()
.attr("data-dx", e.target.value)
.selectAll("text")
.attr("dx", e.target.value + "em");
});
styleFontShiftY.on("input", e => {
getEl()
.attr("data-dy", e.target.value)