If you have existing maps or in-house expertise to create maps, you are able to use them within LibCal. Once you've decided to DIY, you'll:
You will create a multi-layered SVG file for each map. To determine how many maps you'll need, read through our list of considerations.
Begin by creating a new SVG file. It's helpful to set up the header first, so that you don't have to adjust object placement later. Headers should contain a description of the map to help users distinguish what they are looking at. For example, if your map is for the second floor of a building, you might include a header with the text Building Name > Second Floor. Please see our example headers for inspiration. You may also download the header SVG file for your own use by selecting it, then right clicking and using the Save As menu option.
After setting up the header, you'll move on to adding building elements to the file in lower layers. You should have at least one layer containing the building envelope, interior walls, and/or fixtures. If you have a complex building, you may want to organize these elements into multiple layers to make them easier to edit in the future.
Elements on these layers should not be used for hotspots or interactivity and may have more than 100 paths / elements, as you will not need to interact with them in LibCal. Keep in mind that the more paths / elements that your file contains, the bigger the SVG file will be. Embedded images also contribute to larger file sizes, which can impact page load times.
Adding hotspots is the most critical part of the map creation process. Hotspots add interactivity to a map and enable users to book spaces/seats, enter more detailed maps, or use wayfinding functionality. This layer should be the second from the top. On the layer, you will add objects or paths that you'll associate with bookable spaces/seats, other maps, or add information for wayfinding.
Any area that is hotspotted can be interacted with by the user, as long as associations are set up within LibCal. However, you may opt to leave hotspots inactive within LibCal if interactivity isn't needed at the present time. If you have more than 100 items that will need to be hotspotted on the map, you will need to create multiple hotspot layers.
Next, you'll add any labeling needed to your map to indicate room/area names as well as icons/symbols to denote building features like restrooms, exits, or printers. If using symbols on your map, adding a legend to explain their meaning is highly recommended. Labels and icons should be on the topmost layer, to display above any color fills or availability indication added by LibCal, for readability. A legend should occupy a middle layer beneath the Labels and Hotspots layers.
Finally, you'll finish up by saving your file. Depending on the SVG editor used, you may need to edit the SVG file in a text editor to add IDs and titles.
If you have questions along the way, don't hesitate to reach out to the Springshare Mapping Team! Just reply back to the initial email and we'll be in touch.