Interactive Maps and Wayfinding - Springshare Platfrom Use Case

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Interactive Maps and Wayfinding - Springshare Platfrom Use Case</title> <meta name="description" content="LibCal's Interactive Mapping module enables libraries to offer wayfinding and booking of library spaces via interactive maps."> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"> <link rel="shortcut icon" href="/assets/img/springy-i-32px.png" type="image/png"> <link rel="stylesheet" href="/assets/css/libs.css"> <link rel="stylesheet" href="/assets/css/style.css"> <link rel="preload" href="/assets/fonts/istok-web-v15-latin/istok-web-v15-latin-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/istok-web-v15-latin/istok-web-v15-latin-700.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/montserrat-v15-latin/montserrat-v15-latin-700.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/montserrat-v15-latin/montserrat-v15-latin-600.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/material-icons/material-icons.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/material-icons/material-icons-outlined.woff2" as="font" type="font/woff2" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Raleway:wght@200;400;600;700;800&display=swap" rel="stylesheet"> <script src="https://kit.fontawesome.com/2574fb2ea9.js" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3TZEJKBXFG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3TZEJKBXFG'); </script> </head> <body> <main class="main"> <div class="main-inner"> <header>  <nav class="mob-main-mnu"> <div class="mob-main-mnu-content"> <ul class="mob-main-mnu-list"> <li> <a href="/index.html">Home</a> </li> <li> <a>By Product Name</a> <div class="mmm-btn"><i class="material-icons md-24">expand_more</i></div> <div class="mmsm"> <div class="mmsm-item"> <ul> <li><a href="/libguides/">LibGuides & CMS</a></li> <li><a href="/libanswers/">LibAnswers/LibChat</a></li> <li><a href="/libcal/">LibCal</a></li> <li><a href="/libinsight/">LibInsight</a></li> <li><a href="/libconnect/">LibConnect</a></li> <li><a href="/libstaffer/">LibStaffer</a></li> <li><a href="/libwizard/">LibWizard</a></li> <li><a href="/patronpoint/">Patron Point</a></li> <li><a href="/libguides/er.html">E-Reserves</a></li> </ul> </div> </div> </li> <li> <a>By Use-Case/Need</a> <div class="mmm-btn"><i class="material-icons md-24">expand_more</i></div> <div class="mmsm"> <div class="mmsm-item"> <ul> <li><a href="/uses/library-website.html">Library Website</a></li> <li><a href="/uses/reference-helpdesk.html">Virtual Reference/Helpdesk</a></li> <li><a href="/uses/space-bookings.html">Room & Seat Bookings</a></li> <li><a href="/uses/event-calendars.html">Event Calendars</a></li> <li><a href="/uses/marketing-engagement.html">Marketing & Automation</a></li> <li><a href="/uses/library-of-things.html">Library of Things Lending</a></li> <li><a href="/uses/staff-scheduling.html">Staff Scheduling & Comms.</a></li> <li><a href="/uses/interactive-maps.html">Interactive Maps & Wayfinding</a></li> </ul> </div> </div> </li> <li> <a>Services</a> <div class="mmm-btn"><i class="material-icons md-24">expand_more</i></div> <div class="mmsm"> <div class="mmsm-item"> <ul> <li><a href="/services/coop.html">24/7 Chat Cooperative</a></li> <li><a href="/services/design-build.html">Design & Build</a></li> <li><a href="/services/custom-training.html">Customized Training</a></li> <li><a href="/services/maps-creation.html">SVG Maps Creation</a></li> </ul> </div> </div> </li>  <li> <a href="/company/index.html">Company</a> </li> <li> <a href="https://blog.springshare.com">Blog</a> </li> <li> <a href="/emaillist.html">Email Sign-Up</a> </li> <li> <a href="/trial.html">Request Info</a> </li> </ul> </div> </nav>  <nav class="header-fixed"> <div class="container"> <div class="row flex-nowrap align-items-center justify-content-between"> <div class="col-auto d-block d-lg-none header-fixed-col"> <div class="main-mnu-btn"> <span class="bar bar-1"></span> <span class="bar bar-2"></span> <span class="bar bar-3"></span> <span class="bar bar-4"></span> </div> </div> <div class="col-auto header-fixed-col"> <a href="/index.html" class="logo" title="Springshare"> <img src="/assets/img/logo.svg" width="180" height="36" alt="Springshare"> </a> </div> <div class="col-lg col-auto col-static header-fixed-col"> <div class="row flex-nowrap align-items-center justify-content-end"> <div class="col-auto header-fixed-col d-none d-lg-block col-static">  <nav class="main-mnu"> <ul class="main-mnu-list"> <li class="menu-item-has-children open main-mnu-item-mega-mnu"> <a href="#!"><span>Products</span><i class="material-icons">expand_more</i></a> <div class="main-sub-mnu"> <div class="container"> <div class="row"> <div class="col-lg-10"> <div class="row main-sub-mnu-links"> <div class="col-5 mega-mnu-item" style="padding-left:1rem !important"> <h5 class="mega-mnu-heading">By Product Name</h5> <ul class="main-sub-mnu-list"> <li><a href="/libguides/"><span>LibGuides & CMS</span></a></li> <li><a href="/libanswers/"><span>LibAnswers/LibChat</span></a></li> <li><a href="/libcal/"><span>LibCal</span></a></li> <li><a href="/libinsight/"><span>LibInsight</span></a></li> <li><a href="/libconnect/"><span>LibConnect</span></a></li> <li><a href="/libstaffer/"><span>LibStaffer</span></a></li> <li><a href="/libwizard/"><span>LibWizard</span></a></li> <li><a href="/libguides/er.html"><span>E-Reserves</span></a></li> <li><a href="/patronpoint/"><span>Patron Point</span></a></li> </ul> </div> <div class="col-7 mega-mnu-item" style="padding-left:1rem !important"> <h5 class="mega-mnu-heading">By Use-Case/Need</h5> <ul class="main-sub-mnu-list"> <li><a href="/uses/library-website.html"><span>Library Website</span></a></li> <li><a href="/uses/reference-helpdesk.html"><span>Virtual Reference/Helpdesk</span></a></li> <li><a href="/uses/space-bookings.html"><span>Room & Seat Bookings</span></a></li> <li><a href="/uses/event-calendars.html"><span>Event Calendars</span></a></li> <li><a href="/uses/marketing-automation.html"><span>Marketing and Automation</span></a></li> <li><a href="/uses/library-of-things.html"><span>Library of Things Lending</span></a></li> <li><a href="/uses/staff-scheduling.html"><span>Staff Scheduling & Comms.</span></a></li> <li><a href="/uses/interactive-maps.html"><span>Interactive Maps & Wayfinding</span></a></li> </ul> </div> </div> </div> <div class="col-lg-2 main-sub-mnu-banner"> <div class="main-sub-mnu-slider" data-flickity='{ "bgLazyLoad": 1, "bgLazyLoad": true, "fade": false, "prevNextButtons": false, "pageDots": false, "pauseAutoPlayOnHover": false }'> <a href="/libcal/" class="mnu-slider-item align-items-end" data-flickity-bg-lazyload="/assets/img/mega-menu-ad-back.png"> <div> <h5 class="mnu-slider-item-subtitle">Interactive Maps</h5> <h4 class="mnu-slider-item-title">Navigate Library Spaces w/ Maps</h4> </div> </a> </div> </div> </div> </div> </div> </li> <li class="menu-item-has-children open main-mnu-item-mega-mnu"> <a href="#!" data-title="Services"><span>Services</span><i class="material-icons">expand_more</i> </a> <div class="main-sub-mnu"> <div class="container"> <div class="row"> <div class="col-lg-10"> <div class="row main-sub-mnu-links"> <div class="col-10 mega-mnu-item" style="padding-left:1rem !important"> <ul class="main-sub-mnu-list main-sub-mnu-listh"> <li><a href="/services/coop.html"><span>24/7 Chat Cooperative</span></a> <div class="menu-item-desc">The world's largest virtual reference cooperative staffed by MLS-degreed librarians</div> </li> <li><a href="/services/design-build.html"><span>Design & Build</span></a> <div class="menu-item-desc">We'll help you set up and customize the look & feel of your Springy tools</div> </li> <li><a href="/services/custom-training.html"><span>Customized Training</span></a> <div class="menu-item-desc">Our product expert librarians provide training tailored to your needs</div> </li> <li><a href="/services/maps-creation.html"><span>SVG Maps Creation</span></a> <div class="menu-item-desc">Let us create amazing interactive maps of your library spaces</div> </li> </ul> </div> </div> </div> <div class="col-lg-2 main-sub-mnu-banner"> <div class="main-sub-mnu-slider" data-flickity='{ "bgLazyLoad": 1, "bgLazyLoad": true, "fade": false, "prevNextButtons": false, "pageDots": false, "pauseAutoPlayOnHover": false }'> <a href="/services/coop.html" class="mnu-slider-item align-items-end" data-flickity-bg-lazyload="/assets/img/mega-menu-ad-back.png"> <div> <h5 class="mnu-slider-item-subtitle">Cooperative</h5> <h4 class="mnu-slider-item-title">Worldwide Librarian Co-op</h4> </div> </a> </div> </div> </div> </div> </div> </li> <li> <a href="/company/" data-title="Company"><span>Company</span></a> </li> <li> <a href="https://blog.springshare.com" data-title="Blog"><span>Blog</span></a> </li> <li> <a href="/emaillist.html" data-title="Email Sign-Up"><span>Email Sign-Up</span></a> </li> <li> <a href="/trial.html" class="btn btn-with-icon top-mnu-btn"> <span>Request Info</span> </a> </li> </ul> </nav> </div> </div> </div> </div> </div> </nav> </header>  <div class="intro" style="background-color:#f3f7fb; min-height:10rem;"> <div class="intro-item" style="background-color:inherit; min-height:inherit"> <div class="intro-item-img-right" style="min-height:inherit; background-color:inherit; background-image: url('/assets/img/header-back-transp.svg');"></div> <div class="container"> <div class="row"> <div class="col"> <div class="intro-box" style="--max-width: 51.25rem;"> <div class="section-heading shm-none"> <div class="section-subheading" style="color:#f06f11">Use Cases</div> <h2 style="font-size:3rem">Interactive Maps & Wayfinding</h2> <p class="section-desc" style="font-size:1.5rem">Add a "wow!" factor to Space and Seat Booking with Interactive Mapping</p> </div> </div> </div> </div> </div> </div> </div>  <section class="section services" style="padding-top:0.5rem;"> <div class="container"> <div class="row" style="margin-bottom:0"> <div class="col-lg-12 col-md-12 col-12 content" style="padding-top:2rem"> <div class="section-sub"><a href="/libcal/">LibCal鈥檚</a> Interactive Mapping module allows patrons to browse and book spaces & seats using an interactive floor plan map. Info hotspots on the map describe library's spaces and sevices, helping patrons learn where things are inside the library. Heat map reports show admins which spaces and seats are booked most frequently, providing valuable insight into how to organize seating for optimal use. </div> </div> </div>  </div> </section> <section class="section section-bgc"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-heading heading-center"> <div class="section-subheading">Help Patrons Visualize Your Library Spaces</div> <h2>Functional, Interactive Library Maps</h2> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-12 content"> <p>With Interactive Maps, students and patrons are presented with an interactive map of each location in the library. Color-coded spaces (red-booked, green-available) show at-a-glance availability for a desired patron-entered booking time.</p> <h6 style="margin-bottom:0.5rem">Additional Interactive Maps Features:</h6> <ul> <li>Provide detailed visual information about each seat & space</li> <li>Book spaces and seats directly from the map interface</li> <li>Offer directional mapping for events and appointments</li> <li>Include detailed map & directions inside booking confirmation emails</li> <li>Searchable by location or event</li> </ul> </div> <div class="col-lg-6 col-md-6 col-12 item content"> <img src="images/image-uses-maps-floorplan.svg"> </div> </div> </div>  </section> <section class="section" style="padding-bottom:0"> <div class="container"> <div class="row items"> <div class="col-12"> <div class="section-heading heading-center"> <h2>Heat Maps Offer Insight on Interior Spaces Usage</h2> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-12 item content"> <img src="images/image-uses-maps-heatmap.svg"> </div> <div class="col-lg-6 col-md-6 col-12 content"> <p>Discover which areas of the library are most popular with your patrons! As part of the Interactive Mapping module, heat maps show you which spaces and seats are booked most frequently - providing valuable insight into how you might organize your seating for optimal use. </p> <h6 style="margin-bottom:0.5rem">With Heat Maps You Can:</h6> <ul> <li>Explore granular statistics for each map and desired date range</li> <li>See a visualization of each seat's use</li> <li>Hover over individual seats/spaces to reveal the percentage of time it was booked</li> <li>Download visualizations and seat-use data directly from the module</li> <li>Gather valuable data for presentations and strategic planning</li> </ul> </div> </div> </div> </section> <section class="section section-bgc"> <div class="container"> <div class="row items"> <div class="col-12"> <div class="section-sub"> If you need assistance with creating interactive maps, <a href="/services/maps-creation.html">our consulting team can make them for you</a>. We have created hundreds of visually appealing interactive maps - we can do the same for your library, too. </div> </div> </div> <div class="row" style="margin-top:1rem"> <div class="col-12"> <div class="btn-group justify-content-center"> <a href="/libcal/" class="btn btn-with-icon ripple"><span>Learn More About LibCal</span> <svg class="btn-icon-right" viewBox="0 0 13 9" width="13" height="9"><use xlink:href="/assets/img/sprite.svg#arrow-right"></use></svg> <span class="el-ripple-circle" style="left: 113.781px; top: 256.094px;"></span><span class="el-ripple-circle"></span><span class="el-ripple-circle"></span></a> <a href="/services/maps-creation.html" class="btn btn-with-icon ripple"><span>Learn More About Maps Creation</span> <svg class="btn-icon-right" viewBox="0 0 13 9" width="13" height="9"><use xlink:href="/assets/img/sprite.svg#arrow-right"></use></svg> <span class="el-ripple-circle" style="left: 324.75px; top: -10.9062px;"></span><span class="el-ripple-circle"></span><span class="el-ripple-circle"></span></a> </div> </div> </div> </div> </section> <section class="section section-dark lazy" data-background-image-set="url('/assets/img/contact-section-bg.jpg') 1x, url('/assets/img/contact-section-bg@2x.jpg') 2x" style="background-image: url('/assets/img/contact-section-bg.jpg'); background-image: -webkit-image-set(url('/assets/img/contact-section-bg.jpg') 1x, url('/assets/img/contact-section-bg@2x.jpg') 2x); background-image: image-set(url('/assets/img/contact-section-bg.jpg') 1x, url('/assets/img/contact-section-bg@2x.jpg') 2x)" data-loaded="true"> <div class="container"> <div class="row justify-content-center"> <div class="col-xl-6 col-lg-7 col-lg-8"> <div class="section-heading heading-center shm-none"> <h2 class="banner-dark-heading">Ready for the Next Steps?</h2> <p class="section-dark-desc"> We'd love to share more info, examples of real-world usage, and organize a demo for you and your colleagues. </p> <div class="btn-group justify-content-center"> <a href="/trial.html" class="btn btn-with-icon ripple"> <span>Request Info</span> <svg class="btn-icon-right" viewBox="0 0 13 9" width="13" height="9"><use xlink:href="/assets/img/sprite.svg#arrow-right"></use></svg> <span class="el-ripple-circle" style="left: 226.766px; top: 7.07031px;"></span></a> </div> </div> </div> </div> </div> </section>  </div>   <footer class="footer" style="background-image: url('/assets/img/footer-section-bg.jpg'); background-image: -webkit-image-set(url('/assets/img/footer-section-bg.jpg') 1x, url('/assets/img/footer-section-bg@2x.jpg') 2x); background-image: image-set(url('assets/img/footer-section-bg.jpg') 1x, url('/assets/img/footer-section-bg@2x.jpg') 2x)"> <div class="footer-main"> <div class="container"> <div class="row items"> <div class="col-xl-5 col-lg-5 col-md-6 col-12 item">  <ul class="footer-social-links" style="float:right"> <li> <a href="https://www.facebook.com/springshare" title="Facebook"> <svg viewBox="0 0 320 512"> <use xlink:href="/assets/img/sprite.svg#facebook-icon"></use> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/springshare" title="LinkedIn"> <svg viewBox="0 0 448 512"> <use xlink:href="/assets/img/sprite.svg#linkedin-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/springshare" title="Twitter"> <svg viewBox="0 0 512 512"> <use xlink:href="/assets/img/sprite.svg#twitter-icon"></use> </svg> </a> </li> </ul> <div class="footer-company-info"> <div class="footer-company-top"> <a href="/" class="logo" title="Springshare"> <img data-src="/assets/img/logo-footer.png" class="lazy" width="150" height="30" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="Springshare"> </a> <div class="footer-company-desc"> <p>Since 2007 we've been developing affordable, standards-based software solutions for libraries, educational institutions, and non-profits. We love helping our customers provide great experiences for their users.</p> <p><b>7,500 Institutions. 106 Countries. 250,000 Librarian Users.</b></p> </div> <div class="footer-company-links"> <a href="/accessibility.html">Accessibility Statement</a> <span>|</span> <a href="/gdpr.html">GDPR Compliance</a> <span>|</span> <a href="/privacy.html">Privacy Policy</a> </div> </div> </div>  </div> <div class="col-xl-2 offset-xl-1 col-md-3 col-5 col-lg-2 item"> <div class="footer-item"> <p class="footer-item-heading"> </p> </div> </div> <div class="col-xs-4 col-lg-4 col-12 item" style="margin-bottom:50px"> <div class="footer-item"> <p class="footer-item-heading">Quick Contacts</p> <ul class="footer-contacts"> <li> <i class="material-icons md-22 footer-contact-email">email</i> <div class="footer-contact-info"> <a href="mailto:sales@springshare.com">sales@springshare.com (sales inquiries)</a> </div> </li> <li> <i class="material-icons md-22 footer-contact-email">email</i> <div class="footer-contact-info"> <a href="mailto:info@springshare.com">info@springshare.com (general mailbox)</a> </div> </li> <li> <i class="material-icons md-22 footer-contact-email">email</i> <div class="footer-contact-info"> <a href="mailto:support@springshare.com">support@springshare.com (tech support)</a> </div> </li> <li> <i class="material-icons md-22 footer-contact-tel">phone</i> <div class="footer-contact-info"> <a href="tel:8004513160">1-800-451-3160 (phone)</a> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row justify-content-between items"> <div class="col-md-auto col-12 item"> </div> <div class="col-md-auto col-12 item"> <div class="copyright">漏 2007-2024 Springshare LLC. All rights reserved.</div> </div> </div> </div> </div> </footer> </main> <script src="/assets/libs/jquery/jquery.min.js"></script> <script src="/assets/libs/lozad/lozad.min.js"></script> <script src="/assets/libs/device/device.js"></script> <script src="/assets/libs/ScrollToFixed/jquery-scrolltofixed-min.js"></script> <script src="/assets/libs/spincrement/jquery.spincrement.min.js"></script> <script src="/assets/libs/jquery-popup-overlay-gh-pages/jquery.popupoverlay.js"></script> <script src="/assets/libs/jquery-validation-1.19.3/jquery.validate.min.js"></script> <script src="/assets/libs/autosize-master/autosize.min.js"></script> <script src="/assets/libs/flickity/flickity.pkgd.min.js"></script> <script src="/assets/libs/flickity/flickity-imagesloaded.js"></script> <script src="/assets/libs/flickity/bg-lazyload.js"></script> <script src="/assets/libs/flickity/flickity-fade.js"></script> <script src="/assets/libs/isotope/isotope.pkgd.min.js"></script> <script src="/assets/libs/lightGallery/js/picturefill.min.js"></script> <script src="/assets/libs/lightGallery/js/lightgallery-all.min.js"></script> <script src="/assets/libs/lightGallery/js/jquery.mousewheel.min.jssss"></script> <script src="/assets/libs/jquery-ui-range/jquery-ui.min.js"></script> <script src="/assets/js/custom.js"></script> </body></html>

CINXE.COM

Interactive Maps and Wayfinding - Springshare Platfrom Use Case