探索一个地区
打开在线地图，搜索城市、点击列表或放大地图；选中后查看地区详情与价格口径。
全部工程
放大查看放大深圳及周边，查看区县边界与选中地区详情。 真实网页交互片段：地图浏览、定位与显示调整，无声。
渐进式数据地图 · 在线可用
全国房价交互地图
把各地挂牌价格放进空间，从全国概览逐步探索到区县。
- 技术方向
- 地理可视化 / 数据探索
- 设计主张
- 先看全国，再按需加载局部细节。
- 关键能力
- 分省渐进加载
- 地图列表联动
- 数据口径标记
暗色全国房价地图，分级设色、图例和城市数据侧栏相互配合。
把价格放回地图
把住宅挂牌价格与行政边界结合，方便从全国格局逐步查看城市和区县。地图呈现空间关系，列表和详情补充数值、来源与口径，让各地价格分布可以在同一个入口中探索。
技术构成
- JavaScript / SVG
- 绘制价格色阶、边界与交互标注。
- GeoJSON / 高德瓦片
- 组织行政边界，可选底图补充道路与地理参照。
- Node.js / Mercator
- 投影并简化 GeoJSON，生成含 SVG 路径的分省 JSON。
- GitHub Pages / Actions
- 托管静态地图并尝试定期更新。
设计与实现
放大查看从概览进入细节
- 渐进加载
按视口和缩放级别加载区县图层，缓存已加载省份；部分城市进一步细化到镇街。
- 联动阅读
搜索、地图和列表共用选中状态，配合标注避让、明暗主题与图层透明度探索。
- 口径随数据保留
独立区县价、沿用城市均价和补充估算分别说明，避免将同一色阶误读为同一来源。
更多画面
点击图片，放大查看。
画面与演示说明
主要口径是住宅挂牌均价；缺少独立区县价格时沿用城市均价，补充估算使用 ※ 标记，详情保留来源说明。
快速开始
本地运行
仓库根目录启动静态服务，再打开 http://127.0.0.1:8765。
python -m http.server 8765 --bind 127.0.0.1
