azores_trails_onamap/index.html at main · steffstefferson/azores_trails_onamap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Azores Hikes, but on a map</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.1.0/dist/leaflet.css">
    <link rel="stylesheet" href="styles.css">
    <link rel="manifest" href="manifest.json" />
    <link rel="icon" href="icons/favicon.ico" sizes="any">
    <link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
</head>
<body>
    <div id="map"></div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
<script src="modules/thirdparty/gpx.js"></script>
<script src="https://unpkg.com/togeojson@0.14.2"></script>
<script src="modules/thirdparty/leaflet.filelayer.js"></script>
<script type="module">

import {initMap,addToMap} from './modules/map.js';
import {loadSampleRoutes,checkForNewSampleRoute} from './modules/sampleRoute.js';
import {initRecordMapLayer} from  './modules/recordMapLayer.js'
import {resetApplication} from  './modules/applicationReset.js'
import {initServiceWorker} from  './modules/serviceWorkerRegister.js'
import {initMapLayer} from  './modules/mapLayer.js'
import {initFileDroppedChannel,addLoadFunctionality } from "./modules/localStorageTracks.js";

window.addEventListener("load", function () {
  var map = initMap();
  initMapLayer(map);
  addLoadFunctionality(map,addToMap);
  checkForNewSampleRoute(addToMap);
});
initServiceWorker();
initFileDroppedChannel(addToMap);
loadSampleRoutes(addToMap)

</script>


</html>