GithubHelp home page GithubHelp logo

hackerleon / timeline Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gonnavis/timeline

0.0 1.0 0.0 59.73 MB

自动排列,直观地显示各个历史时间段。

Home Page: http://gonnavis.com/timeline/

JavaScript 98.95% Vue 0.94% HTML 0.07% CSS 0.04%

timeline's Introduction

历史时间线

在线演示   在线演示twha版

简介

自动排列,直观地显示各个历史时间段。

运行

cnpm install
cnpm run dev
http://localhost:8080/

编译

cnpm run build

地图编辑模式

http://localhost:8080/?is_edit=true
点击框选边界
控制台执行: JSON.stringify({boundary :smap.vec3s_boundary_dot,camera_position: smap.camera.position,})
将结果复制粘贴入 src/components/data.js 中对应朝代的 map 属性内

计划开发功能

对应时期的地图,完善标尺,时间段嵌套,自定义/上传时间段。

The World Historical Atras (twha) 项目代码

果然已经有人整理了所有年代的历史地图并做成了网页, 不需要自己再搞一遍了,官网,奇怪的是并没有放到线上, 因此稍微改了改放到了线上 http://gonnavis.com/timeline/twha/ 目前只支持pc

代码放在本项目的 twha 文件夹下,后续准备融合到主体项目内

备注

目前使用 vue2 开发
之前的 angular2 版 git SHA-1: b2bbf00d95ac24568e1941da56a91884b95edc8d
之前的 angular1 版 git SHA-1: b5372193ab1ff344b9bd0d3dabb2e3339b436269

timeline's People

Contributors

gonnavis avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.