发一个高德地图的 shadcn 组件封装

最近 mapcn 火的,轻量,ai 生成,shadcn 生态,但是这个地图地图不能在国内使用,以为不合规范,所以基于高德封装了一个 [amapcn](https://github.com/hustcc/amapcn)。 开源出来给大家用: * 开源地址: 小手一抖点个赞 * 示例网站: 下面是 readme 介绍。 --- # 🗺️ amapcn for China! 🇨🇳 Beautiful maps for China, made simple. Free & open-source, ready-to-use, customizable map components for React. Zero config. One command setup. Built on [AMap (高德地图)](https://lbs.amap.com/), styled with [Tailwind](https://tailwindcss.com/), works seamlessly with [shadcn/ui](https://ui.shadcn.com/). [Get Started](https://map.ling.pub/docs) · [Installation](https://map.ling.pub/docs/installation) · [Components](https://map.ling.pub/docs/basic-map) ![amapcn](https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*KpQ6TY5Y1OIAAAAAgBAAAAgAemJ7AQ/fmt.avif) ## 🧩 Using with shadcn/ui Add amapcn components to your project using the [shadcn/ui](https://ui.shadcn.com/) CLI: ``` npx shadcn@latest add https://map.ling.pub/r/amap.json ``` ## ✨ Features * 🎨 **Theme-aware** — Automatically adapts to light/dark mode * 🎯 **Zero config** — Works out of the box with sensible defaults * 📦 **shadcn/ui compatible** — Uses the same patterns and styling conventions * 🗺️ **AMap powered** — Full access to AMap's powerful mapping capabilities for China * 🧩 **Composable** — Build complex map UIs with simple, declarative components * 📍 **Markers & Popups** — Rich marker system with popups, tooltips, and labels * 🛤️ **Routes** — Draw routes and paths on your maps * 🎮 **Controls** — Zoom, compass, locate, and fullscreen controls ## 📜 AMap Terms of Service This project uses [AMap (高德地图)](https://lbs.amap.com/) JS API. * **API Key**: You need to apply for an AMap API Key at the [AMap Developer Platform](https://lbs.amap.com/). * **Commercial use**: Please review [AMap's Terms of Service](https://lbs.amap.com/terms) for commercial licensing details. * **Non-commercial use**: AMap provides a free tier for developers. See the [developer pricing page](https://lbs.amap.com/dev/index) for details. ## 🤝 Contributing Contributions are welcome! Please feel free to submit a Pull Request. 1. Fork the repository 2. Create your feature branch (`git checkout -b feature/amazing-feature`) 3. Commit your changes (`git commit -m 'Add some amazing feature'`) 4. Push to the branch (`git push origin feature/amazing-feature`) 5. Open a Pull Request ## 📄 License MIT License - see the file for details. Inspired by [mapcn](https://github.com/AnmolSaini16/mapcn)'s excellent design, component patterns, and documentation structure. amapcn follows a similar approach adapted for AMap and the China mapping ecosystem.