Skip to content

基于threejs开发的地球大屏可视化,纯js组件,适用所有前端js项目 Building 3D large screen earth flyline visualization based on three.js, High efficiency component

License

Notifications You must be signed in to change notification settings

bingqixuan/earth-flyLine

 
 

Repository files navigation

English | 简体中文

earth-flyLine

项目介绍

基于three.js 构建3D大屏地球可视化,居家必备,搬砖神器节约时间。

avatar

✨ 特性

  • 📦 开箱即用:简单快速集成,基本零成本上手。
  • 🛡 Typescript开发:提供完整的类型定义。
  • 🎨 高可扩展:丰富的样式配置和API。
  • 💪 逻辑统一:同时支持3D地球2D地图,一份参数3D和2D的一致的样式和动画。

📄 在线预览及文档

地址1

地址2

使用说明

npm install earth-flyline

🚗 开始

import earthFlyLine from "earth-flyline";
//请先下载地图文件(可去第三方下载) 然后注册地图 本项目的地图文件在src/map/world
//注:如果不想使用地图文件也可以通过贴图的形式去做详情请查看文档
import geojson from 'xxx/path/world.json'
earthFlyLine.registerMap("world", geojson);
//获取dom节点作为容器 注:该节点请设置宽高
const dom = document.getElementById("container");
const chart = earthFlyLine.init({
      dom,
      map: "world",
    });

Issues

使用过程中的问题或者建议欢迎提 issue ,如果该项目为您提供了帮助希望来一个star万分感谢。

🤗 感谢

感谢这些开源项目提供的功能。

tween.js

lodash

delaunator

About

基于threejs开发的地球大屏可视化,纯js组件,适用所有前端js项目 Building 3D large screen earth flyline visualization based on three.js, High efficiency component

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 89.9%
  • Vue 7.8%
  • CSS 1.8%
  • HTML 0.5%