flowchart TB
    classDef frontend fill:#6366f1,stroke:#4338ca,color:#fff
    classDef backend fill:#0ea5e9,stroke:#0284c7,color:#fff
    classDef external fill:#f59e0b,stroke:#d97706,color:#fff

    subgraph FE["前端"]
        SearchBar["搜索栏"]
        Filters["筛选器"]
        ResultList["结果列表"]
        MapView["地图视图 — Leaflet.js"]
    end

    subgraph BE["后端"]
        route["route.ts — 请求处理器"]
        parser["parser.ts — NLP 引擎"]
        geo["geo.ts — 地理编码"]
        overpass["overpass.ts — OSM 查询构建器"]
        cache["cache.ts — 缓存层"]
    end

    subgraph EX["外部 API"]
        Nominatim["Nominatim — 地理编码 API"]
        OverpassAPI["Overpass API — OSM 数据"]
    end

    SearchBar & Filters & ResultList & MapView -->|"POST /api/search"| route

    route -->|"解析查询"| parser
    route -->|"解析位置"| geo
    route -->|"获取 POI"| overpass
    route <-->|"读写"| cache

    geo -->|"地理编码"| Nominatim
    overpass -->|"QL 查询"| OverpassAPI

    class SearchBar,Filters,ResultList,MapView frontend
    class route,parser,geo,overpass,cache backend
    class Nominatim,OverpassAPI external

卡纳塔克邦的电信基站
孟买附近的发电厂
加利福尼亚的数据中心
德国的机场

type:telecom operator:airtel region:karnataka
type:data_center operator:google
type:substation region:texas
type:airport country:france

npm install
npm run dev

app/
├── page.tsx              # 主应用页面
├── layout.tsx            # 根布局
├── globals.css           # 全局样式
└── api/
    └── search/
        └── route.ts      # 搜索 API 端点

components/
├── SearchBar.tsx         # 查询输入
├── Filters.tsx           # 筛选器侧栏
├── ResultList.tsx        # 结果展示
├── MapView.tsx           # Leaflet 地图
├── ShareButton.tsx       # 分享功能
└── ui/
    └── scroll-area.tsx   # UI 组件

lib/
├── types.ts              # 类型定义
├── parser.ts             # 查询解析和 NLP
├── geo.ts                # Nominatim 集成
├── overpass.ts           # Overpass API 查询
├── cache.ts              # 内存缓存
├── search-index.ts       # 搜索索引

npm install -g vercel
vercel