Technologies

const workerTask = new WorkerTask(workerPath, (message) => {
    const item = message.data;
    if (item === undefined) { console.log('no item'); return; }
    // don't draw glyphs that lay outside the view
    if (this.helper.checkClipping(item.position)) {
    return;
    }

    this.context.beginPath();
    this.context.moveTo(item.position.x, item.position.y);

    const data = this.getFeaturesForItem(item);

    if (this.itemConfirmsToFilters(item.id, data.features)) {
    // draw highlighted glyph after all other glyphs to render it above all others (independent of selection)
    // necessary to draw a selected and highlighted glyph above other selected glyphs
    if (item.id !== this.configuration.idOfHoveredGlyph ||
        (!this.configuration.showHighlightInNormalMode && !this.configuration.useDragSelection)) {
        this.drawSingleGlyph(item.position, feature, null, false, false, 0);
    }
    } else {
    this.drawSingleGlyph(item.position, feature, 1.0, true, item.id === this.configuration.idOfHoveredGlyph, 0);
    }
}, d);
this.pool.addWorkerTask(workerTask);