fleeta-components
Version:
A comprehensive React component library for fleet management applications
41 lines • 1.69 kB
TypeScript
/**
* MapComponent for VideoPlayer
* Displays a map with the current position of the vehicle during video playback
* Shows the route taken during the recording and updates position based on current video time
*/
import 'mapbox-gl/dist/mapbox-gl.css';
import type { GpsPoint } from '../utils/gpsParser';
import { MAP_STYLES } from '../hooks/useMapStyle';
/**
* MapComponent props interface
* Defines all available props for the MapComponent
*/
export interface MapComponentProps {
/** Map container height */
height?: string;
/** GPS data points to display on map */
gpsPoints?: GpsPoint[];
/** Current video time for position sync */
currentTime?: number;
/** Sensor data for G-force visualization */
sensorData?: import('../utils/sensorParser').IAccel[];
/** Show G-sensor event component */
showEventComponent?: boolean;
/** Video duration for progress calculation */
videoDuration?: number;
/** Additional CSS classes */
className?: string;
/** Speed unit for display */
speedUnit?: 'km/h' | 'mph';
/** Map style to use */
mapStyle?: keyof typeof MAP_STYLES;
}
/**
* MapComponent displays a map with the vehicle's position during video playback
* Shows the route taken and updates the vehicle marker based on current video time
*
* @param props - MapComponent configuration props
* @returns React component for GPS map display
*/
export declare function MapComponent({ height, gpsPoints, currentTime, sensorData, showEventComponent, videoDuration, className, speedUnit, mapStyle: propMapStyle }: MapComponentProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=MapComponent.d.ts.map