index.html

<!DOCTYPE HTML>
<html>
<head>
    <title>SanMap</title>
    <!-- Disallow users to scale this page -->
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <style type="text/css">
        /* Allow the canvas to use the full height and have no margins */
        html, body, #map-canvas {
            height: 100%;
            margin: 0
        }
    </style>
</head>
<body>
<!-- The container the map is rendered in -->
<div id="map-canvas"></div>
<div id="map-legend">
    <h2>Legend</h2>
    <p><img src="assets/icon58.gif" /> OnFoot (Player)</p>
    <p><img src="assets/icon60.gif" /> OnFoot (Admin)</p>
    <p><img src="assets/icon55.gif" /> OnVehicle</p>
</div>

<!-- Load all javascript -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=(YOUR_API_KEY)&callback=initMap" type="text/javascript"></script>
<script src="js/SanMap.min.js"></script>
<script src="js/index.js"></script>
</body>