点聚合技术通过按行政区归类新闻关键词并动态渲染热力点或词云，实现“数据带位置、前端做聚合、视觉有层次”的地图可视化：服务端推送含结构化地理元数据（如city/province）的新闻，前端查预加载行政区中心坐标快速定位，30秒内同区域关键词合并为带大小、颜色、脉冲动画的聚合标记，支持点击溯源与WebSocket断连降级为静态词云。
用 WebSocket 推送带地理标签的新闻关键词，前端用地图库（如 Leaflet 或 Mapbox）在对应区域叠加热力点或词云标记，核心是“数据带位置、前端做聚合、视觉有层次”，不是把所有词堆到地图上，而是按城市/行政区归类后渲染密度与权重。
新闻数据必须携带结构化地理信息
服务端推送的每条新闻不能只有标题和关键词，需附带可定位的地理元数据：
- 推荐字段：{ "title": "南方多地遭遇强降雨", "keywords": ["暴雨","洪涝","应急"], "geo": { "city": "广州市", "province": "广东省", "country": "中国" }, "timestamp": 1746875200 }
- 避免直接传经纬度——普通新闻稿很少精确到坐标；优先用标准行政区域名称（如“杭州市西湖区”），便于前端匹配地理编码缓存
- 对无明确地域的新闻（如“全球股市震荡”），设 geo.fallback = "world" 或 "unknown"，统一归入全局词云层，不参与地图点位渲染
前端用轻量地理映射+动态聚合渲染
不查实时逆地理编码（太慢且耗资源），而是预先加载一份精简版中国/全球行政区 GeoJSON（仅含省、市两级边界与中心点），建立 name → [lng, lat] 的快速查找表：
- 收到新闻后，提取 geo.city 或 geo.province，查表得中心坐标；若未命中，降级用上级行政单位（如“余杭区”查不到 → 用“杭州市”）
- 同一城市 30 秒内出现的关键词，合并为一个聚合标记：词频越高，圆点越大；负面词多则偏红，正面词多则偏绿；热度峰值触发轻微脉冲动画
- Leaflet 示例：用 L.circleMarker([lat, lng], { radius: Math.sqrt(count) * 4, fillColor: getColor(sentiment), fillOpacity: 0.7 })
支持交互与降级：点击看词源，断连保静态
用户需要知道“这个词从哪来”，系统也要扛住网络波动：
立即学习“前端免费学习笔记（深入）”；
- 每个标记绑定 click 事件，弹出浮动面板列出最近 3 条含该词的新闻标题 + 发布时间，点击可跳转原文（链接由服务端随新闻一起下发）
- WebSocket 断开时，自动冻结当前热力图，停止接收新数据，并在地图右上角显示淡色提示：“数据暂停更新（3s 后重试）”
- 连续重连失败 5 次后，切换为静态全国词云图（用 canvas 绘制，基于最后缓存的聚合数据），确保界面不空白
