A beautiful 3D Earth 🌏

Overview

Language: English | 中文简体

axios mapper

npm Types License

3D Earth is a beautiful component of earth flying line based on threejs

look:

3d-earth

Install

  npm install 3d-earth

or

  yarn add 3d-earth

Features

  • star background
  • cloud
  • city wave
  • glow sprite
  • world polygon
  • flyLine
  • earth roate and zoom animate

Usage

build esm , support html/vue/react you can look at example

 

config

  //earth auto Roate
  autoRotate: boolean;
  zoomChina: boolean;
  starBackground: boolean

Dependency

  • ThreeJS
  • TweenJS

License

3d-earth is open-sourced software licensed under the MIT license.

You might also like...

Create beautiful charts with one line of JavaScript

Chartkick.js Create beautiful charts with one line of JavaScript See it in action Supports Chart.js, Google Charts, and Highcharts Also available for

Jan 2, 2023

:handbag: A beautiful CSS library to kickstart your projects

Picnic CSS Unpack your meal and get coding. An invasive CSS library to get your style started. Getting started There are many ways of using Picnic CSS

Jan 4, 2023

🍞📊 Beautiful chart for data visualization.

🍞📊  Beautiful chart for data visualization.

🍞 📈 Spread your data on TOAST UI Chart. TOAST UI Chart is Beautiful Statistical Data Visualization library. 📦 Packages The functionality of TOAST U

Jan 2, 2023

Create beautiful JavaScript charts with one line of React

React Chartkick Create beautiful JavaScript charts with one line of React See it in action Supports Chart.js, Google Charts, and Highcharts Quick Star

Dec 28, 2022

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Dec 30, 2022

Beautiful and accessible drag and drop for lists with React

Beautiful and accessible drag and drop for lists with React

react-beautiful-dnd (rbd) Beautiful and accessible drag and drop for lists with React Play with this example if you want! Core characteristics Beautif

Jan 7, 2023

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

Jan 8, 2023

:black_medium_small_square:React Move | Beautiful, data-driven animations for React

:black_medium_small_square:React Move | Beautiful, data-driven animations for React

React-Move Beautiful, data-driven animations for React. Just 3.5kb (gzipped)! Documentation and Examples Features Animate HTML, SVG & React-Native Fin

Jan 1, 2023

:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

best-resume-ever 👔 💼 Build fast 🚀 and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS. Cool Creative Green Pur

Jan 9, 2023

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

Jan 4, 2023

Free and Beautiful Vue.js Admin Template

Free and Beautiful Vue.js Admin Template

We’re working on Vuestic UI component library, which lets you easily customize components to your own design. Get early access and receive support fro

Jan 4, 2023

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

Awesomplete https://leaverou.github.io/awesomplete/ Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependenci

Jan 2, 2023

A beautiful replacement for JavaScript's "alert"

A beautiful replacement for JavaScript's

A beautiful replacement for JavaScript's "alert" Installation $ npm install --save sweetalert Usage import swal from 'sweetalert'; swal("Hello world!

Dec 31, 2022

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

Awesomplete https://leaverou.github.io/awesomplete/ Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependenci

Jan 2, 2023

Vegas is a jQuery/Zepto plugin to add beautiful backgrounds and Slideshows to DOM elements.

Vegas – Backgrounds and Slideshows Vegas is a jQuery/Zepto plugin to add beautiful backgrounds and Slideshows to DOM elements. Important note: Vegas 2

Jan 7, 2023

Beautiful JavaScript notifications with Web Notifications support.

Beautiful JavaScript notifications with Web Notifications support.

v4: v5: A JavaScript/TypeScript notification, confirmation, and prompt library. Notifications can display as toast style, snackbar style, banners, dia

Dec 30, 2022

Simple, beautiful wysiwyg editor

This repo is no longer maintained. bootstrap3-wysiwyg is much better Overview Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create

Dec 30, 2022

Pointers to useful, well-written, and otherwise beautiful documentation.

DO YOU WANT TO BUILD AND WRITE GLORIOUS TECHNICAL DOCUMENTATION FULL TIME? EMAIL [email protected]. WE NEED YOU. Beautiful Docs I love documentation. If

Jan 4, 2023

A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

SimpleMDE - Markdown Editor A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allo

Jan 4, 2023
Comments
  • build error

    build error

    [webpack-cli] Failed to load 'D:\temp\3DEARTH\3d-earth-main2\webpack.config.js' config [webpack-cli] Error: Cannot find module 'ajv/dist/compile/codegen' Require stack:

    • D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\definitions\typeof.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\typeof.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\index.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\index.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\validate.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\index.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\mini-css-extract-plugin\dist\index.js
    • D:\temp\3DEARTH\3d-earth-main2\webpack.config.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\webpack-cli.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\bootstrap.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\bin\cli.js
    • D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18) at Object. (D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\definitions\typeof.js:3:19) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\definitions\typeof.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\typeof.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\index.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\index.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\validate.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\index.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\mini-css-extract-plugin\dist\index.js', 'D:\temp\3DEARTH\3d-earth-main2\webpack.config.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\webpack-cli.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\bootstrap.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\bin\cli.js', 'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack\bin\webpack.js' ] } npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! [email protected] build: webpack --mode=production --node-env=production npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the [email protected] build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\wing\AppData\Roaming\npm-cache_logs\2022-04-10T09_20_15_573Z-debug.log

    opened by DavidAwing 1
Releases(v1.0.4)
Owner
Zy
be a programer, not a coder
Zy
A JavaScript library for advanced 2D slideshow with WebGL, that provides variety of beautiful effects

gl-slideshow An advanced 2D slideshow with WebGL, provides a variety of beautiful effects with GLSL power. Shaders are forked from https://gl-transiti

Akihiro Oyamada 68 Nov 28, 2022
A JavaScript library for advanced 2D slideshow with WebGL, that provides variety of beautiful effects

gl-slideshow An advanced 2D slideshow with WebGL, provides a variety of beautiful effects with GLSL power. Shaders are forked from https://gl-transiti

Akihiro Oyamada 69 Jan 1, 2023
A Google Earth Engine tool for identifying satellite radar interference

Many military radars interfere with open source satellite imagery when they're turned on. A new tool lets anyone monitor when and where these radars a

Bellingcat 411 Dec 27, 2022
cptcity for the Google Earth Engine JavaScript API (Code Editor)

cptcity for the Google Earth Engine JavaScript API (Code Editor) ?? Table of contents What is Google Earth Engine ? What is cptcity and why ? Top of t

Antony Barja 17 Aug 2, 2022
This is the best javascript game framework on the earth.

The-Best-JS-Game-Framework This is the best javascript game framework on the earth. Why is it the best? ... 呃... 我的英文也只能装逼到这里了, 下面还是用中文吧 足够简单,特别适合开发微信

finscn 466 Oct 23, 2022
The Google Earth Engine implementation of the BioNet algorithm to estimate biophysical parameters along with their uncertainties.

ee-BioNet The Google Earth Engine implementation of the BioNet algorithm to estimate biophysical parameters along with their uncertainties. Quantifyin

Image Processing Lab (IPL) 21 Oct 30, 2022
Create beautiful CSS3 powered animations in no time.

Bounce.js Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generat

Tictail 6.2k Dec 30, 2022
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

Babylon.js Getting started? Play directly with the Babylon.js API using our playground. It also contains a lot of samples to learn how to use it. Any

Babylon.js 19.1k Jan 4, 2023
Beautiful React SVG maps with d3-geo and topojson using a declarative api.

react-simple-maps Create beautiful SVG maps in react with d3-geo and topojson using a declarative api. Read the docs, or check out the examples. Why R

z creative labs 2.7k Dec 29, 2022
A javascript library that extends D3.js to enable fast and beautiful visualizations.

d3plus D3plus is a JavaScript re-usable chart library that extends the popular D3.js to enable the easy creation of beautiful visualizations. Installi

D3plus 1.6k Dec 2, 2022