Function newTextLayer

packages/vega-deck.gl/src/layers.ts:150–197

(presenter: Presenter, id: string, data: VegaTextLayerDatum[], config: PresenterConfig, fontFamily: string, characterSet: string[])

}

function newTextLayer(presenter: Presenter, id: string, data: VegaTextLayerDatum[], config: PresenterConfig, fontFamily: string, characterSet: string[]) {
    let alphaCutoff = config.getTextHighlightAlphaCutoff && config.getTextHighlightAlphaCutoff();
    if (alphaCutoff === undefined) {
        alphaCutoff = 0.1;
    }
    const props: TextLayerProps<VegaTextLayerDatum> = {
        id,
        data,
        characterSet,
        coordinateSystem: base.deck.COORDINATE_SYSTEM.CARTESIAN,
        sizeUnits: 'pixels',
        autoHighlight: true,
        pickable: true,
        highlightColor: p => {
            if (config.getTextHighlightColor) {
                return config.getTextHighlightColor(p.object);
            } else {
                return [0, 0, 0, 0];
            }
        },
        onClick: (o, e) => {
            const pe: Partial<PointerEvent> = e && e.srcEvent;
            config.onTextClick && config.onTextClick(pe as PointerEvent, o.object as VegaTextLayerDatum);
        },
        onHover: (o, e) => {
            if (o.index === -1) {
                presenter.deckgl.interactiveState.onText = false;
            } else {
                presenter.deckgl.interactiveState.onText = config.onTextHover ? config.onTextHover(e && e.srcEvent, o.object as VegaTextLayerDatum) : true;
            }
        },
        getColor: config.getTextColor || (o => o.color),
        getTextAnchor: o => o.textAnchor,
        getSize: o => o.size,
        getAngle: o => o.angle,
        fontSettings: {
            sdf: false,
            fontSize: 128,
            buffer: 3,
        },
        _subLayerProps: { characters: { alphaCutoff } },
    };
    if (fontFamily) {
        props.fontFamily = fontFamily;
    }

    return new base.layers.TextLayer(props);
}

function getTiming(duration: number, easing?: (t: number) => number) {
    let timing: InterpolationTransitionTiming;