map.html

<!DOCTYPE html>
<html>

    <head>
        <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="./index.css">
        <link id="uiCSS" rel="stylesheet" href="./ui.css">
        <link href="./map/leaflet.css" rel="stylesheet" >
        <title>Select Location</title>
    </head>

    <body style="overflow: hidden; width: 100vw; height: 100vh;">

        <div class="container-fluid" style="position: relative; width: 100%; height: 100%; padding: 0%;">
            <div id="location-picker" style="position: absolute; width: 100%; height: 100%; margin: 0%;"></div>
        </div>

    </body>

    <script src="./map/leaflet.js" type="text/javascript"></script>
    <script src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
    <script src="./map/uiMap.js" charset="utf-8"></script>

</html>