NASA Web World Wind


I would like to share my experience on working with Nasa Web World Wind.

What is Web World Wind?

Web World Wind is a 3D virtual globe API for HTML5 and JavaScript. By including the web world wind in web pages, we can create one or more virtual globes.

A pic of WebWorldWind (src:

What we did?

We used the Web World Wind API for creating a public portal for Springfield city of Oregon State, USA. We used Javascript in this project. It contains details about the Springfield city. It has many layers like

  • Rivers
  • Street Curbs
  • Community Facilities
  • Sewer Maintenance Holes
  • Sanitary Mains
  • Storm Maintenance Holes
  • Snow Routes
  • City Limits
  • Building
  • Fire Stations
  • Hospitals
  • Railroads
  • Schools
  • Address
  • City Limits
  • Streets
  • Rivers
  • WQLW Channels
  • Local Wetlands
  • National Wetlands Inventory
  • Wellhead Time of Travel Zones
  • Springfield Building
  • Springfield Owned Property
  • SpringfieldDeeds
  • Springfield Easements
  • Building Footprint
  • Rivers
  • Parks
  • PLSS Sections
  • Taxlots
  • WQLW Channels

We also have some other features like Bing Roads, Aerial Views, Blue Marble views.

The user can also mark the places in the globe. We have 3 icons namely

  1. Springfield City
  2. NASA
  3. KiTE

When we click on these icons, the cross hairs will point to Springfield, NASA and KGiSL Institute of Technology (India), respectively.

We have opacity slider for every layer, so that the user can adjust the opacity of each layer.

Our WebWorldWInd for Springfield city

What I did?

My tasks were mostly on modifying the UI of the web page. I mostly worked with the opacity sliders. Initially, the opacity slider opened in a new window when tried to change the opacity value. With help of my team mates, we made the slider to fit into the layers pane. Also I changed the Glyphicons for expansion and contraction of the menus in the pane. Tried to write a function for toggle of glyphicons and menu expansion and contraction. And also I write some codes for the opacity slider to not change the opacity value when the layer is disabled.

Working in this project was a new experience to me, as I have not tried to debug the already existing code before. I would like to thank my team members, mentors, IAS team of KGiSL and who are all supported to the project. Special thanks to Mr. Anjesh(DBA,KGFSL) and Mr. Ashok.R(Asst. Prof,KiTE) for being the back bone for our team.