PhongPham
c65cc97a33
✨ 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
29 lines
1.2 KiB
JavaScript
29 lines
1.2 KiB
JavaScript
// This wrapper function is used to safely select the best available function
|
|
// to schedule removal of the no-FOUC styles workaround. requestAnimationFrame
|
|
// is the ideal choice, but when used in iframes, there are no guarantees that
|
|
// the callback will actually be called, which could stall the promise returned
|
|
// from displayContent.
|
|
//
|
|
// See: https://www.vector-logic.com/blog/posts/on-request-animation-frame-and-embedded-iframes
|
|
const safeCallbackQueue = (callback)=>{
|
|
if (window.requestAnimationFrame && window.self === window.top) {
|
|
window.requestAnimationFrame(callback);
|
|
} else {
|
|
window.setTimeout(callback);
|
|
}
|
|
};
|
|
// This function is used to remove Next.js' no-FOUC styles workaround for using
|
|
// `style-loader` in development. It must be called before hydration, or else
|
|
// rendering won't have the correct computed values in effects.
|
|
export function displayContent() {
|
|
return new Promise((resolve)=>{
|
|
safeCallbackQueue(function() {
|
|
for(var x = document.querySelectorAll("[data-next-hide-fouc]"), i = x.length; i--;){
|
|
x[i].parentNode.removeChild(x[i]);
|
|
}
|
|
resolve();
|
|
});
|
|
});
|
|
}
|
|
|
|
//# sourceMappingURL=fouc.js.map
|