trajectory.html

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>TUM-GIS - FROST Locations on a Map</title>

  <!-- favicon -->
  <link rel="icon" type="image/png" href="img/favicon/favicon_tum_neg.svg" />

  <!-- CSS -->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" />
  <link rel="stylesheet" href="style/leaflet-map.css" />

  <!-- JS -->
  <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
  <script src="js/common/leaflet.geometryutil.js"></script>
  <script src='js/common/leaflet.arrowheads.js'></script>
</head>

<body>
  <div id="header">
    <h2 id="hl">FROST location on a map</h2>
    <div id=query>theQuery</div>
  </div>
  <div id="mapid"></div>
  <script src="js/trajectory/trajectory.js"></script>
</body>

</html>