朋友在做数字复原平安京的公益项目，而项目的网站是我一个人包揽的。最近朋友找到我，询问是否可以做一个可视化地图的界面，能够实时查看当前复原的进度。 
平安京的地图大概就是这样，横平竖直，整体都可以分割为大小相同的格子： 
 [image] 
[image] 
相比于平常看的不规则地图，可以说是非常规整了。由于难度不是很大，我立即着手于应该如何实现。 
有没有办法能让一张静态图片里的格子能点击？没有。 
但是有静态图片能让你点击 

可能是整天被对日项目的各种excel表洗脑的缘故，我最先想到的是将这张有间隙的网格图直接转换为excel，再将excel直接挂在前端，但是也因为有缝隙以及转换工具的缘故，效果非常不理想，需要人工绘制才行。饶了我吧。就算画出来了能从excel中获取的信息也有限（单元格里只能塞名称），便不再考虑。 
同样是存在间隙而不等宽的缘故，并且为了后续能支持手动维护，我没有使用...