问题一大推，我需要你自己测试一下，不要浪费时间在登录上。
我发现的问题有：
1 你可能没有理解怎么用年份筛选数据，原始的数据里面有有两个年份的字段，一个是地名的开始时间，一个是地名的结束时间。比如 -211,311，那么-211就是地名的开始时间，311就是地名的结束时间。如果我此时将年份设置为-211，就显示这个地名。
2 打开时，图例非常多，这是错误的。-211年的时候，筛选出来的地名不可能有这么的类型。
3 我切换地图的时候，天地图地形,天地图矢量,天地图标注,Esri卫星都没显示，一片白。我再切回天地图影像，也是空白。
4 打开以后，地图有提示“-211年 · 442 个城市” 但是地图上看不到任何地名。
5 有了图例，就不需要“类型”了。你图例里面的哪些就是类型。
我建议你一定要自己测试一下，复现问题，然后再修改，因为你之前一直没有真正理解我的意思。
继续优化：
1 有时候报错：map.ts:2095 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘getSource’)
at t.Map.getSource (map.ts:2095:27)
at addCitySourceAndLayers (useCityLayer.ts:57:14)
at updateCityData (useCityLayer.ts:87:5)
at loadAndRender (useCityLayer.ts:116:7)
2 将图例部分不要放在底部，放在左侧，与底图，年份等的样式差不多。
3 将搜索框也放在左侧。
4 目前搜索功能无效。我输入一个地名，理论是应该在当前地图上显示的地名中搜索，然后在搜索框下面显示搜索的结果。点击结果中的地名，地图视角就移动到点击的地名。
5 统一用漂亮的，没有侵权风险的字体。注意UI美观，字体美观，字号的协调。
继续优化：
1 字体换成阿里巴巴普惠体
2 左边的几个方框，要统一宽度，统一UI设计。现在有问题，比如，年份的方框宽度不及其他几个；搜索框的四个圆角与其他方框似乎不统一。
3 加一个统一的折叠/展开按钮。这样我在移动端的时候，筛选好了就可以折叠左侧的这些方框，获得更大的视野。要筛选时再展开。
继续优化：
1 collapse-btn 这个吸附到搜索框，隐藏的时候collapse-btn也向左移动，不要一直在一个位置不动。
2 验证码无法记载出，显示“点击获取”。此外，现在是测试阶段，先略过登录验证，我只要点击登录就能正常登录，不要做验证，不要输入用户名，密码，限制什么的，项目完成的时候 我们再加上正式的登录验证。
3 我移动年份的时候，监测我的鼠标动作，当我松开鼠标的时候才确定是哪个年份。直接加载那个年份的数据。我感觉您现在在过程中会加载几个年份的数据，最后才到我调整的年份。
意见反馈