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
69 lines
2.0 KiB
HTML
69 lines
2.0 KiB
HTML
<html>
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<script>(function(){
|
|
var props = {};
|
|
|
|
function addObject(obj) {
|
|
if (obj == null) return;
|
|
try {
|
|
Object.getOwnPropertyNames(obj).forEach(add);
|
|
} catch(ex) {}
|
|
if (obj.prototype) {
|
|
Object.getOwnPropertyNames(obj.prototype).forEach(add);
|
|
}
|
|
if (typeof obj == "function") {
|
|
try {
|
|
Object.getOwnPropertyNames(new obj).forEach(add);
|
|
} catch(ex) {}
|
|
}
|
|
}
|
|
|
|
function add(name) {
|
|
if (/^[a-z_$][a-z0-9_$]*$/i.test(name)) {
|
|
props[name] = true;
|
|
}
|
|
}
|
|
|
|
Object.getOwnPropertyNames(window).forEach(function(thing){
|
|
addObject(window[thing]);
|
|
});
|
|
|
|
try {
|
|
addObject(new Event("click"));
|
|
addObject(new Event("contextmenu"));
|
|
addObject(new Event("mouseup"));
|
|
addObject(new Event("mousedown"));
|
|
addObject(new Event("keydown"));
|
|
addObject(new Event("keypress"));
|
|
addObject(new Event("keyup"));
|
|
addObject(new Event("input"));
|
|
addObject(new Event("touchstart"));
|
|
addObject(new Event("touchmove"));
|
|
addObject(new Event("touchend"));
|
|
addObject(new Event("touchcancel"));
|
|
addObject(new Event("pointerdown"));
|
|
addObject(new Event("pointermove"));
|
|
addObject(new Event("pointerup"));
|
|
addObject(new Event("pointercancel"));
|
|
addObject(new Event("pointerenter"));
|
|
addObject(new Event("pointerleave"));
|
|
} catch(ex) {}
|
|
|
|
var ta = document.createElement("textarea");
|
|
ta.style.width = "100%";
|
|
ta.style.height = "20em";
|
|
ta.style.boxSizing = "border-box";
|
|
ta.value = 'export var domprops = ' + JSON.stringify(Object.keys(props).sort(cmp), null, 4);
|
|
document.body.appendChild(ta);
|
|
|
|
function cmp(a, b) {
|
|
a = a.toLowerCase();
|
|
b = b.toLowerCase();
|
|
return a < b ? -1 : a > b ? 1 : 0;
|
|
}
|
|
})();</script>
|
|
</body>
|
|
</html>
|