主页

顶部

• 左侧为当前状态，主线路/备用线路/无法搜索
• 中间为搜索框
  • 触发彩蛋时触发对应逻辑
  • 输入经纬度时跳转到对应位置
  • 输入其他时触发搜索，跳转到对应位置

地图

右下标签

• 修改为备案号及联系方式

绑定点

• 将线索图片绑定在地图上

点击事件

• 打印经纬度
• 触发线索卡片关闭逻辑
• 取消自动平移，否则leaflet 会让 layout1-content 自动上移导致顶部标签被浏览器自带导航栏卡住

备用路线

• 手机经常无网络环境，无法访问 openstreetmap 地图
• 高德地图经常加载不出来；谷歌（API 比网页缺点）、百度、腾讯则缺失很多点
• 故尝试使用代理，并在代理时减轻服务器压力

• 开始时瓦片加载网址和搜索网址指向原路径
• 初始化时进行检查，使用原路径搜索 christie，若三秒无结果使用备用路径（本机）
• 备用路径的逻辑是：
  • 代理搜索，原样传输参数，原样返回结果
  • 代理瓦片获取
    • 先从本地 storage/data/map/z/x/y.png 寻找有无对应图片
    • 若无则从官网获取
    • 获取后存储在本地

位置标点存储

• 使用备用路线时，搜索自带的标点无法从官网加载
• 故改为本地加载

线索点

• 根据线索点数组在屏幕上 x,y 百分比位置绑定对应点
• flashing 为闪烁状态，unlocked 正常状态，locked 不显示
• 点击展开线索卡片
• 根据线索点状态在屏幕上创建连接线

线索卡片

• 根据线索点的信息展示题目、编号、选项、文字、调查者
• 选择正确后（根据线索点的正确答案、或者D）改变当前点的状态（若 flashing 改为 unlocked）、下一点的状态（若 locked 改为 unlocked）