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
3.7 KiB
Markdown
69 lines
3.7 KiB
Markdown
<p align="center">
|
|
<a href="https://nextjs.org">
|
|
<picture>
|
|
<source media="(prefers-color-scheme: dark)" srcset="https://assets.vercel.com/image/upload/v1662130559/nextjs/Icon_dark_background.png">
|
|
<img src="https://assets.vercel.com/image/upload/v1662130559/nextjs/Icon_light_background.png" height="128">
|
|
</picture>
|
|
<h1 align="center">Next.js</h1>
|
|
</a>
|
|
</p>
|
|
|
|
<p align="center">
|
|
<a aria-label="Vercel logo" href="https://vercel.com">
|
|
<img src="https://img.shields.io/badge/MADE%20BY%20Vercel-000000.svg?style=for-the-badge&logo=Vercel&labelColor=000">
|
|
</a>
|
|
<a aria-label="NPM version" href="https://www.npmjs.com/package/next">
|
|
<img alt="" src="https://img.shields.io/npm/v/next.svg?style=for-the-badge&labelColor=000000">
|
|
</a>
|
|
<a aria-label="License" href="https://github.com/vercel/next.js/blob/canary/license.md">
|
|
<img alt="" src="https://img.shields.io/npm/l/next.svg?style=for-the-badge&labelColor=000000">
|
|
</a>
|
|
<a aria-label="Join the community on GitHub" href="https://github.com/vercel/next.js/discussions">
|
|
<img alt="" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=Next.js&labelColor=000000&logoWidth=20">
|
|
</a>
|
|
</p>
|
|
|
|
## Getting Started
|
|
|
|
Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.
|
|
|
|
- Visit our [Learn Next.js](https://nextjs.org/learn) course to get started with Next.js.
|
|
- Visit the [Next.js Showcase](https://nextjs.org/showcase) to see more sites built with Next.js.
|
|
|
|
## Documentation
|
|
|
|
Visit [https://nextjs.org/docs](https://nextjs.org/docs) to view the full documentation.
|
|
|
|
## Community
|
|
|
|
The Next.js community can be found on [GitHub Discussions](https://github.com/vercel/next.js/discussions) where you can ask questions, voice ideas, and share your projects with other people.
|
|
|
|
To chat with other community members you can join the Next.js [Discord](https://nextjs.org/discord) server.
|
|
|
|
Do note that our [Code of Conduct](https://github.com/vercel/next.js/blob/canary/CODE_OF_CONDUCT.md) applies to all Next.js community channels. Users are **highly encouraged** to read and adhere to them to avoid repercussions.
|
|
|
|
## Contributing
|
|
|
|
Contributions to Next.js are welcome and highly appreciated. However, before you jump right into it, we would like you to review our [Contribution Guidelines](/contributing.md) to make sure you have a smooth experience contributing to Next.js.
|
|
|
|
### Good First Issues:
|
|
|
|
We have a list of **[good first issues](https://github.com/vercel/next.js/labels/good%20first%20issue)** that contain bugs that have a relatively limited scope. This is a great place for newcomers and beginners alike to get started, gain experience, and get familiar with our contribution process.
|
|
|
|
## Authors
|
|
|
|
A list of the original co-authors of Next.js that helped bring this amazing framework to life!
|
|
|
|
- Tim Neutkens ([@timneutkens](https://twitter.com/timneutkens))
|
|
- Naoyuki Kanezawa ([@nkzawa](https://twitter.com/nkzawa))
|
|
- Guillermo Rauch ([@rauchg](https://twitter.com/rauchg))
|
|
- Arunoda Susiripala ([@arunoda](https://twitter.com/arunoda))
|
|
- Tony Kovanen ([@tonykovanen](https://twitter.com/tonykovanen))
|
|
- Dan Zajdband ([@impronunciable](https://twitter.com/impronunciable))
|
|
|
|
---
|
|
|
|
## Security
|
|
|
|
If you believe you have found a security vulnerability in Next.js, we encourage you to **_responsibly disclose this and NOT open a public issue_**. We will investigate all legitimate reports. Email `security@vercel.com` to disclose any security vulnerabilities. Alternatively, you can visit this [link](https://vercel.com/security) to know more about Vercel's security and report any security vulnerabilities.
|