✨ 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
165 lines
3.3 KiB
JavaScript
165 lines
3.3 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const TOMBSTONE = Symbol("tombstone");
|
|
const UNDEFINED_MARKER = Symbol("undefined");
|
|
|
|
/**
|
|
* @template T
|
|
* @typedef {T | undefined} Cell<T>
|
|
*/
|
|
|
|
/**
|
|
* @template T
|
|
* @typedef {T | typeof TOMBSTONE | typeof UNDEFINED_MARKER} InternalCell<T>
|
|
*/
|
|
|
|
/**
|
|
* @template K
|
|
* @template V
|
|
* @param {[K, InternalCell<V>]} pair the internal cell
|
|
* @returns {[K, Cell<V>]} its “safe” representation
|
|
*/
|
|
const extractPair = pair => {
|
|
const key = pair[0];
|
|
const val = pair[1];
|
|
if (val === UNDEFINED_MARKER || val === TOMBSTONE) {
|
|
return [key, undefined];
|
|
}
|
|
return /** @type {[K, Cell<V>]} */ (pair);
|
|
};
|
|
|
|
/**
|
|
* @template K
|
|
* @template V
|
|
*/
|
|
class StackedMap {
|
|
/**
|
|
* @param {Map<K, InternalCell<V>>[]=} parentStack an optional parent
|
|
*/
|
|
constructor(parentStack) {
|
|
/** @type {Map<K, InternalCell<V>>} */
|
|
this.map = new Map();
|
|
/** @type {Map<K, InternalCell<V>>[]} */
|
|
this.stack = parentStack === undefined ? [] : [...parentStack];
|
|
this.stack.push(this.map);
|
|
}
|
|
|
|
/**
|
|
* @param {K} item the key of the element to add
|
|
* @param {V} value the value of the element to add
|
|
* @returns {void}
|
|
*/
|
|
set(item, value) {
|
|
this.map.set(item, value === undefined ? UNDEFINED_MARKER : value);
|
|
}
|
|
|
|
/**
|
|
* @param {K} item the item to delete
|
|
* @returns {void}
|
|
*/
|
|
delete(item) {
|
|
if (this.stack.length > 1) {
|
|
this.map.set(item, TOMBSTONE);
|
|
} else {
|
|
this.map.delete(item);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {K} item the item to test
|
|
* @returns {boolean} true if the item exists in this set
|
|
*/
|
|
has(item) {
|
|
const topValue = this.map.get(item);
|
|
if (topValue !== undefined) {
|
|
return topValue !== TOMBSTONE;
|
|
}
|
|
if (this.stack.length > 1) {
|
|
for (let i = this.stack.length - 2; i >= 0; i--) {
|
|
const value = this.stack[i].get(item);
|
|
if (value !== undefined) {
|
|
this.map.set(item, value);
|
|
return value !== TOMBSTONE;
|
|
}
|
|
}
|
|
this.map.set(item, TOMBSTONE);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* @param {K} item the key of the element to return
|
|
* @returns {Cell<V>} the value of the element
|
|
*/
|
|
get(item) {
|
|
const topValue = this.map.get(item);
|
|
if (topValue !== undefined) {
|
|
return topValue === TOMBSTONE || topValue === UNDEFINED_MARKER
|
|
? undefined
|
|
: topValue;
|
|
}
|
|
if (this.stack.length > 1) {
|
|
for (let i = this.stack.length - 2; i >= 0; i--) {
|
|
const value = this.stack[i].get(item);
|
|
if (value !== undefined) {
|
|
this.map.set(item, value);
|
|
return value === TOMBSTONE || value === UNDEFINED_MARKER
|
|
? undefined
|
|
: value;
|
|
}
|
|
}
|
|
this.map.set(item, TOMBSTONE);
|
|
}
|
|
}
|
|
|
|
_compress() {
|
|
if (this.stack.length === 1) return;
|
|
this.map = new Map();
|
|
for (const data of this.stack) {
|
|
for (const pair of data) {
|
|
if (pair[1] === TOMBSTONE) {
|
|
this.map.delete(pair[0]);
|
|
} else {
|
|
this.map.set(pair[0], pair[1]);
|
|
}
|
|
}
|
|
}
|
|
this.stack = [this.map];
|
|
}
|
|
|
|
asArray() {
|
|
this._compress();
|
|
return [...this.map.keys()];
|
|
}
|
|
|
|
asSet() {
|
|
this._compress();
|
|
return new Set(this.map.keys());
|
|
}
|
|
|
|
asPairArray() {
|
|
this._compress();
|
|
return Array.from(this.map.entries(), extractPair);
|
|
}
|
|
|
|
asMap() {
|
|
return new Map(this.asPairArray());
|
|
}
|
|
|
|
get size() {
|
|
this._compress();
|
|
return this.map.size;
|
|
}
|
|
|
|
createChild() {
|
|
return new StackedMap(this.stack);
|
|
}
|
|
}
|
|
|
|
module.exports = StackedMap;
|