, but this code // executes before the first paint, when

ÃÛÌÒapp

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); GIS Online Apps - Geology, Geography, and Environment | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

GIS Online Apps

Students and faculty in ÃÛÌÒapp's GEO programs have collaborated to create a wide range of online GIS apps, each serving a unique purpose. Each of the apps listed below grew out of student and faculty research at ÃÛÌÒapp.


  • A comprehensive database of the flora and fauna at ÃÛÌÒapp.

  • This Story Map illustrates industrial change in Grand Rapids, from the heyday of the "Furniture City" to the city's current postindustrial redevelopments.

  • This Story Map explores the fate of former industrial land in Flint by examining three sites that were once GM manufacturing facilities: Buick City, Delphi Flint East, and Chevy Commons.

  • The Liberia Mapping System v2.1, documents the geography and transformation of Liberia through clean water. You can interact, observe, and analyze a variety of geographical data on Liberia, including historical Demographic Health Survey data of Liberia, along with Clean Water Initiative data. Bolt GM, Jansen M, Koeman JL, & JE VanHorn. (2018). Previous version 1.0 was authored by VanHorn JE, L. Blanche, S. Haase, and TS Nam (2017).

  • The returning citizen services application is designed for users to connect with and access local reentry services in Grand Rapids, MI. This application was created at ÃÛÌÒapp in geography and political science with funding provided by the Henry Institute.

  • Live in the USA but don't know your neighborhood geography? An interactive map of demographic and economic data in the USA.

  • An interactive map to explore dunes in Michigan. Include drawing, add data to the map, elevation profiles, geocoding, and several layers of imagery and vector data.restoration. Maps, History, Images, and Video all dedicated to learning about Plaster Creek.

  • Over 90 acres of temperate deciduous forest, wetlands and old fields await your exploration on the campus of ÃÛÌÒapp in Grand Rapids, Mich. While you're here, visit the Bunker Interpretive Center, a LEED-certified facility used for environmental education.

  • gis-prod.calvin.edu

Loading...