Skip to content

Geo-browser web app using the Web WorldWind virtual globe SDK from NASA and ESA with React and Bootstrap 4

License

Notifications You must be signed in to change notification settings

WorldWindEarth/worldwind-react-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Emxsys

WorldWind React (worldwind-react-app)

Build Status

worldwind-react-app lets you quickly build a 3D globe geo-browser web application using the Web WorldWind 3D globe library with React and Bootstrap. Web WorldWind is an open-source virtual globe SDK developed jointly by NASA and ESA.

This project provides a feature-rich, responsive, customizable web app ready to be deployed to your site, including:

  • Initializing WorldWind with 3D globes and/or 2D maps
  • Configuring and managing layers and settings
  • Place name searches and geocoding
  • Creating placemarks
  • Going to locations
  • Multi-globe support
  • Plus, automatic deployment to GitHub Pages (example: emxsys/github.io/worldwind-react-app) using npm or via Travis-CI

This project was bootstrapped with Create React App.

Below you will find some information on how to perform common tasks.

Setup

After cloning this project, edit the following files to customize the branding of your app:

File Changes
package.json Edit the name, version and homepage properties.
src/App.js.js Edit the <NavBar /> element's title, href, and logo.
public/index.html Change the <title/> and <meta name='description' /> elements.

Then run npm install.

Scripts

npm install

Installs the dependencies defined in package.json.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run deploy

Deploys the app to your gh-pages branch.