🥢 广东省美食地图

食在广东 · 品味岭南 · 一图览尽粤菜精华

一个交互式的广东省美食地图小工具，展示广东21个地级市的特色美食，涵盖广府菜、潮汕菜、客家菜、粤西菜四大菜系。

✨ 功能特性

• 🗺️ 交互式地图：SVG绘制的广东省地图，点击城市查看当地美食
• 🍽️ 美食卡片：精美的美食卡片展示，点击查看详细介绍
• 🔍 智能搜索：支持按城市名、美食名、描述关键词搜索
• 🏷️ 分类筛选：按广府菜、潮汕菜、客家菜、粤西菜四大菜系筛选
• 📊 统计面板：实时显示城市数、美食数、菜系数统计
• 📱 响应式设计：适配桌面、平板、手机等多种设备

🛠️ 技术栈

• HTML5 - 语义化标签结构
• CSS3 - Flexbox/Grid布局、动画、渐变
• JavaScript (ES6+) - 原生JS，无框架依赖
• SVG - 矢量地图绘制

📂 项目结构

guangdong-food-map/
├── index.html      # 主页面
├── style.css       # 样式文件
├── data.js         # 美食数据
├── app.js          # 交互逻辑
└── README.md       # 项目说明

🚀 使用方法

直接用浏览器打开 index.html 即可使用，无需安装任何依赖。

📖 数据覆盖

菜系	代表城市	美食数量
广府菜	广州、深圳、珠海、佛山、肇庆、江门、东莞、中山	16道
潮汕菜	汕头、汕尾、潮州、揭阳	8道
客家菜	韶关、惠州、梅州、河源、清远	10道
粤西菜	湛江、茂名、阳江	6道

合计：21个城市，40道美食

📜 License

MIT