Create Loading Animation

Issue

Some layers can take a long time to load so it would be best for the user to have some sort of feedback via an animation to show that the layers are loading. This will alleviate frustration from the user and keep them informed while using the web page.

Possible Solutions

• Animation of loading circle
• Animation of arrow, going into an open box, that is filling up with color
• Multiple boxes, one for each - 'Started', 'Loading', 'Finished'
• Dim screen and display loading animation
• Change cursor over map to 'wait' and then change back after loading is finished
• ???

Note: Start loading before queries and end after queries. Also, disable all map functions while loading as well as adding other layers. If query hangs for more than 'x' minutes then enable all functions again and reset query. Toss notification error as well.

Functions to disable:

• Clear Map
• Clear Tabs
• Custom query builder button
• Layers tab
• Leaflet button - Reset View
• Leaflet button - Toggle Ontology View
• Leaflet button - Zoom In
• Leaflet button - Zoom To Specific Area
• Leaflet button - Zoom Out
• Marker tab
• Set View tab
• Ontologies tab - Toggle Small Ontology