✨ MAJOR FEATURES: • Auto-zoom intelligence với smart bounds fitting • Enhanced 3D GPS markers với pulsing effects • Professional route display với 6-layer rendering • Status-based parking icons với availability indicators • Production-ready build optimizations 🗺️ AUTO-ZOOM FEATURES: • Smart bounds fitting cho GPS + selected parking • Adaptive padding (50px) cho visual balance • Max zoom control (level 16) để tránh quá gần • Dynamic centering khi không có selection 🎨 ENHANCED VISUALS: • 3D GPS marker với multi-layer pulse effects • Advanced parking icons với status colors • Selection highlighting với animation • Dimming system cho non-selected items 🛣️ ROUTE SYSTEM: • OpenRouteService API integration • Multi-layer route rendering (glow, shadow, main, animated) • Real-time distance & duration calculation • Visual route info trong popup 📱 PRODUCTION READY: • SSR safe với dynamic imports • Build errors resolved • Global deployment via Vercel • Optimized performance 🌍 DEPLOYMENT: • Vercel: https://whatever-ctk2auuxr-phong12hexdockworks-projects.vercel.app • Bundle size: 22.8 kB optimized • Global CDN distribution • HTTPS enabled 💾 VERSION CONTROL: • MapView-v2.0.tsx backup created • MAPVIEW_VERSIONS.md documentation • Full version history tracking
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
declare type ResizeObserverCallback = (entries: any[], observer: ResizeObserver) => void;
|
|
declare class ResizeObserver {
|
|
constructor(callback: ResizeObserverCallback);
|
|
observe(target: Element, options?: any): void;
|
|
unobserve(target: Element): void;
|
|
disconnect(): void;
|
|
static toString(): string;
|
|
}
|
|
export interface RectReadOnly {
|
|
readonly x: number;
|
|
readonly y: number;
|
|
readonly width: number;
|
|
readonly height: number;
|
|
readonly top: number;
|
|
readonly right: number;
|
|
readonly bottom: number;
|
|
readonly left: number;
|
|
[key: string]: number;
|
|
}
|
|
type HTMLOrSVGElement = HTMLElement | SVGElement;
|
|
type Result = [(element: HTMLOrSVGElement | null) => void, RectReadOnly, () => void];
|
|
export type Options = {
|
|
debounce?: number | {
|
|
scroll: number;
|
|
resize: number;
|
|
};
|
|
scroll?: boolean;
|
|
polyfill?: {
|
|
new (cb: ResizeObserverCallback): ResizeObserver;
|
|
};
|
|
offsetSize?: boolean;
|
|
};
|
|
declare function useMeasure({ debounce, scroll, polyfill, offsetSize }?: Options): Result;
|
|
export default useMeasure;
|