topic Re: Change a Point Symbol's Size by a Relative Amount in ArcGIS JavaScript Maps SDK Questions

Change a Point Symbol's Size by a Relative Amount

DavidSolari — Fri, 05 Jun 2026 22:31:07 GMT

I need to take the 2D symbol of an arbitrary point Graphic and multiply the size by 1.5. Is there a sensible way to do this for all potential symbol types? I have simple and picture markers down but I have no idea where to begin with CIM Symbols, and I assume the 3D symbols need shader stuff to scale properly. I have the option of shoving this symbol in a separate layer and applying the scaling there if that works better.

Re: Change a Point Symbol's Size by a Relative Amount

AnneFitz — Mon, 08 Jun 2026 13:08:50 GMT

For CIMSymbol, check out the cimSymbolUtils module - specifically the getCIMSymbolSize and scaleCIMSymbolTo functions. Use these together to get the size of the symbol, then multiple the size by 1.5, and reapply it using scaleCIMSymbolTo.

Re: Change a Point Symbol's Size by a Relative Amount

DavidSolari — Mon, 08 Jun 2026 15:46:36 GMT

Ah, there's always something buried in the support code! I'll have to test this later but I think this does the trick:

/** Scale a point symbol and return the original and new sizes. */ export async function scalePointSymbol(point: Graphic, to?: number, by?: number): Promise<[number, number]> { if (!to && !by) { throw new Error("Must provide at least one of \"to\" or \"by\""); } let prevSize: number; let newSize: number = to ?? undefined; switch (point.symbol.type) { case "simple-marker": case "point-3d": prevSize = point.symbol.size; newSize ||= prevSize * by; point.symbol.size = newSize; break; case "text": prevSize = point.symbol.font.size; newSize ||= prevSize * by; point.symbol.font.size = newSize; break; case "picture-marker": const w = point.symbol.width; const h = point.symbol.height; const isWider = w > h; prevSize = isWider ? w : h; if (newSize) { point.symbol.width = isWider ? newSize : newSize * (w / h); point.symbol.height = isWider ? newSize * (h / w) : newSize; } else { point.symbol.width *= by; point.symbol.height *= by; newSize = prevSize * by; } break; case "web-style": point.symbol = await point.symbol.fetchCIMSymbol(); case "cim": prevSize = getCIMSymbolSize(point.symbol); newSize ||= prevSize * by; scaleCIMSymbolTo(point.symbol, newSize, { preserveOutlineWidth: false }); break; default: throw new Error(`Graphic does not have a point symbol (${point.symbol.type})`); } return [prevSize, newSize] }