Smooth real-time animation interpolation for any map.

import { Tracker } from '@kinesisjs/core';
import { OpenLayersAdapter } from '@kinesisjs/openlayers';

const tracker = new Tracker({
  adapter: new OpenLayersAdapter(map),
  interpolation: 'adaptive',
});

tracker.start();

ws.onmessage = (e) => tracker.ingest(JSON.parse(e.data));

import { Component, inject } from '@angular/core';
import { KinesisMapDirective } from '@kinesisjs/angular';

@Component({
  standalone: true,
  imports: [KinesisMapDirective],
  template: `
    <div kinesisMap
         [positions]="positions"
         [interpolation]="'adaptive'"></div>`,
})
export class LiveMapComponent {
  positions = inject(FeedService).positions; // Signal<Position[]>
}

import { Tracker, type TrailPoint } from '@kinesisjs/core';

const tracker = new Tracker({
  adapter,
  interpolation: {
    compute(from: TrailPoint, to: TrailPoint, ratio: number): TrailPoint {
      // snap to your own road graph, predict, dead-reckon…
      return { ...to, lng: from.lng + (to.lng - from.lng) * ratio,
                       lat: from.lat + (to.lat - from.lat) * ratio };
    },
  },
});

tracker.start();