Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/emxsys/worldwind-web-app-tutorial

A template and tutorial for creating a WorldWInd web app with Bootstrap and Knockout
https://github.com/emxsys/worldwind-web-app-tutorial

3d bootstrap bootstrap4 esa gis globe knockout maps nasa nasa-worldwind template tutorial worldwind worldwind-web

Last synced: about 7 hours ago
JSON representation

A template and tutorial for creating a WorldWInd web app with Bootstrap and Knockout

Awesome Lists containing this project

README

        

# WorldWind Web App Template and Tutorial
## How to Build a WorldWind Web App

This project shows you how to build a [WorldWind](https://worldwind.arc.nasa.gov/web/)
web app using [Bootstrap](https://getbootstrap.com/docs/4.0/getting-started/introduction/)
and [Knockout](http://knockoutjs.com/index.html). You will build a feature-rich, responsive,
customizable web app ready to be deployed to your site. This template and tutorial demonstrates:

- 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

## Quick Start

Do you want to start developing right away?

- Download the docs and the completed web app: [Complete Source](https://github.com/emxsys/worldwind-web-app-tutorial/archive/master.zip)
- View the completed tutorial: [Final Result](https://jsfiddle.net/emxsys/e0a2z1km/)

Are you interested in building a WorldWind web app using [React](https://reactjs.org)?
Look here: [WorldWind React](https://github.com/emxsys/worldwind-react-app).

## Let's Begin

- [Lesson 1: HTML with Bootstrap](./docs/lesson-1.md)
- [Lesson 2: WorldWind Globe](./docs/lesson-2.md)
- [Lesson 3: Layer Management with Knockout](./docs/lesson-3.md)
- [Lesson 4: Place Search and Geocoding](./docs/lesson-4.md)