Speed Watcher

_|

Monitor current speed and get warnings when exceeding speed limits.

Live Demo

Code Implementation

index.ts

this.positionListener = (position: GemImprovedPosition) => {
  this.speedText.textContent = `${mpsToKmph(position.speed)}`;
  const limit = mpsToKmph(position.speedLimit);
  this.limitContainer.textContent = limit > 0 ? `${limit}` : '--';
  
  // Visual Alert if speeding
  if (limit > 0 && mpsToKmph(position.speed) > limit) {
      this.speedText.style.color = '#ff5252';
  } else {
      this.speedText.style.color = '#fff';
  }
};
this.gemPositionListener = PositionService.instance.addImprovedPositionListener(this.positionListener);
}