Sketch Widget keep Tooltip after graphic is created

SebastianKrings

Hi,

I included the sketch widget into my app enabling SketchTooltipOptions.
The shown label is great. Unfortunately this label will be gone after the graphic is created (doubleclick on last point).

Is it somehow possible to keep this label or to add a custom label to these graphics?
Until now I only find samples on how to for features but not for graphics on a graphicslayer as the sketch widget produces them.

Hope someone can help me.

AndreV

Hi,

here is our workaround:

1. create new GraphicLayer for text symbols
2. catch the following events: "create": ev.state === "complete" || ev.state === "cancel", "update" ev.state === "active", "undo", "redo", "delete"
3. in event callback remove all graphics from text symbol layer and create every text symbol for all graphics in sketch graphic layer

3 can be achieved with this code:

const textLayer = new GraphicsLayer({
	id: "sketch1",
	title: "text symbols",
	internal: true,
});

export const defaultTextSymbol = {
	type: "text", // autocasts as new TextSymbol()
	color: "white",
	haloColor: "black",
	haloSize: "1px",
	font: {
		size: 10,
		weight: "bold",
	},
};

const drawLabel = (text, labelAnchor, symbolProps = null) => {
	const labelSymbol = { ...defaultTextSymbol, text: text };
	const label = new Graphic({
		geometry: labelAnchor,
		symbol: symbolProps ? { ...labelSymbol, ...symbolProps } : labelSymbol,
	});
	textLayer.graphics.add(label);
};


export const redrawTextLayer = () => {
	textLayer.graphics.removeAll();
	sketchLayer.graphics.forEach((graphic) => {
		redrawLabel(graphic);
	});
};


const redrawLabel = (graphic) => {
	let labelAnchor;
	let geom = graphic.geometry;
	let attr = graphic.attributes;
	if (geom.type === "point") {
		labelAnchor = geom;
	} else if (geom.type === "polyline") {
		labelAnchor = geom.extent.center;
	} else if (geom.type === "polygon") {
		labelAnchor = geom.centroid;
	}

	drawLabel(text, labelAnchor);
};