cyzlucky / earth-flyLine

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

Home Page:https://earth-flyline-docs.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

https://earth-flyline-docs.vercel.app/

License:MIT License


Languages

Language:TypeScript 89.5%Language:Vue 7.7%Language:CSS 2.2%Language:HTML 0.6%