Interactive Maps. How do you add a slippy map to a module?

<p><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Arial,sans-serif"><b>Overview of Module: <a name="_Hlk131867983"></a></b></span></span></span></p> <p><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Arial,sans-serif"><b>1) Content</b>. This module outlines the fundamental steps for building a simple interactive map. It demonstrates the steps using data from a study of beetles in the Genus <i>Cephaloleia</i> that occur along an elevational transect at La Selva Research Station and the Braulio Carrillo National Park in Costa Rica.   </span></span></span></p> <p><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Arial,sans-serif"><b>2) Activities.</b> This module uses the popular Leaflet (https://leafletjs.com/) library to provide an example for module users to work through using JavaScript code snippets. Guidance is provided about performing a self-evaluation regarding time and skill in addition to considering which map elements to include in order to accomplish or support the main learning objectives. </span></span></span></p> <p><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Arial,sans-serif"><b>3) Impact.</b> Learners will be able to create interactive maps that enable them to convey complex concepts that may not be communicated as well with just words. </span></span></span></p> <h3 style="margin-bottom:5px"> </h3> <h3 style="margin-bottom:5px"><span style="font-size:14pt"><span style="vertical-align:top"><span style="line-height:115%"><span style="font-family:Arial,sans-serif"><span style="color:#434343"><span style="font-weight:normal"><b><span lang="EN" style="font-size:11.0pt"><span style="line-height:115%">Learning Objectives: </span></span></b></span></span></span></span></span></span></h3> <ul> <li><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Arial,sans-serif">Create a slippy map</span></span></span></li> <li><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Arial,sans-serif">Gain familiarity with the open-source Leaflet library</span></span></span></li> </ul> <p> </p> <p> </p> <p><span style="font-size:11pt"><span style="line-height:115%"><span style="font-family:Arial,sans-serif"><strong><span arial="" lang="EN" style="font-family:">Support was provided by:</span></strong> A grant from the United States National Science Foundation (DBI-RCN-UBE 2120141).</span></span></span></p>