Odyssey.js 是一款开源的地图工具,能够非常容易的将地图、文字、图片、视频结合到一起,以故事的方式呈现地图。@Appinn

Odyssey.js - 用地图讲故事[Web] 1

见过视频里那些在地图上跳来跳去的效果么?Odyssey.js 也可以实现,看段视频就明白了:

不要看起来需要自己写代码就觉着很难,其实很容易的,只需填写必要的标题、描述(支持 Markdown)、坐标和缩放级别(自动添加)就可以了。

有三种呈现方式:动画跳转、幻灯片式以及时间线式,用来制作一个简易的出行指南再好不过了,配上图片,来看两个在线示例:

  • A shirt’s journey
  • The Voyage of the HMS Beagle

做好的地图可以生成在线网页(难道可以正常访问),或者下载为 HTML 文件,使用浏览器就可以浏览了。

有同学愿意分享你做好的地图么?

相关链接: cartodb.github.io/odyssey.js/