基于地图标注新闻事件可视化(功能篇)
项目介绍
该可视化项目是将新闻事件按地理位置映射的地图标注上,让浏览者非常直观的了解事件发生地、影响的区域等信息。通过点击地图区域的标注点可以了解当前位置的新闻事件。
引导界面
引导界面分为地图区域、封面区域、引导区域。
地图区域:该区域是主要的区域,用来显示事件的地图。初始时会发生地点所处的大区域位置,随着引导步骤逐渐将事件发生地、标记点等信息呈现出来。
封面区域:一般会放事件标题、描述及一张具有代表性的事件图片等一些信息。
引导区域:
该区域分为地理位置引导和标记描述
位置引导:逐步引导浏览者了解事件发生地的位置及相关描述。
标记引导:接上一步位置引导,通过各种标记让浏览者了解事件的过程及信息点的用途。
引导步骤操作:引导步骤分为“下一步”和“跳过”,如果浏览者超过半分钟不主动点击“下一步”,该区域将自动引导到下一步骤。如果不需要引导过程,点击“跳过”就可以直接到达最终交互界面。
事件交互界面
当引导步骤完成后,就进入了交互界面。地图区域会用标记点、折线、区域等标示出事件信息。信息点的样式对应图例来看就可以了。有的标记点过于密 集,在这里做了一个合并的处理,并在上面标出了当前合并标记点合并了多少个标记点。点击标记点后,会在标记点信息区域显示该点的内容,通过上一页和下一页 点击区域来切换当前点的内容集。点击“放大图片区域”会弹出大图片显示层。
放大信息点区域
图例
图例指明了地图区域信息点的类型,点击单条图例会显示/隐藏响应地图区域的一组信息点。“还原”会撤销浏览者一系列操作,将界面重置到最终交互界面。
经过一个月的设计、编码、调整,这个项目终于暂告一段落了。虽然有些地方还有些不足,比如设计上有所欠缺等,但这样已经能够把事情说清楚了。我们会根据浏览者的交互习惯和功能会逐渐把这个项目做的更加完善。