forked from priyom/dyatlov
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (127 loc) · 4.99 KB
/
index.html
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<html>
<head>
<meta charset="UTF-8" />
<meta name="darkreader-lock">
<meta http-equiv="refresh" content="300">
<meta name="viewport" content="initial-scale=1" />
<title>Wideband shortwave radio receiver map</title>
<!--
Web page for dyatlov map maker
Copyright 2020 Pierre Ynard
Licensed under GPLv3+
Edit this file and follow the instructions below to install and set up
your dyatlov map instance.
-->
<!-- 1. Map toolkit
Choose and set up one of the map toolkits below. You need only one of
them; comment out the others.
-->
<!--
Google Maps API: fill in the API key, or comment out if using Leaflet
instead.
<script src="https://maps.googleapis.com/maps/api/js?key="></script>
-->
<!--
Leaflet map API. Implementation available at:
https://leafletjs.com/
Install local copy, point to remote hosting or comment out if using
Google Maps instead. You will optionally need to provide the
images/layers.png and images/layers-2x.png files as well.
-->
<link rel="stylesheet" href="leaflet.css" />
<script src="leaflet.js"></script>
<!-- 2. Optional add-ons
For a fully featured map, you can set up each of the optional add-ons
below.
-->
<!--
Day/night overlay library. Supported implementations:
https://github.com/marmat/google-maps-api-addons (with Google Maps)
https://github.com/rossengeorgiev/nite-overlay (with Google Maps)
https://github.com/joergdietrich/Leaflet.Terminator (with Leaflet)
Optional. Pick one implementation compatible with your map API above,
and install a local copy or point to remote hosting of it, or comment
out if unused.
<script src="daynightoverlay.js"></script>
-->
<script src="L.Terminator.js"></script>
<!--
Time manipulation library. Supported implementations:
https://momentjs.com/
Optional. Install local copy, point to remote hosting or comment out.
-->
<script src="moment.js"></script>
<script src="snr.js"></script>
<!-- 3. Dyatlov map maker resources
The resources below, along with this web page, are part of
or generated with the dyatlov map maker, available at:
https://github.com/priyom/dyatlov
Install local copies or point to remote hosting. Data sources are all
recommended, but comment out any unused one.
-->
<!--
Static receiver data. You need this data source to feature on your map
select receivers such as the UTwente WebSDR.
-->
<script src="static_rx.js"></script>
<!--
Dynamically generated KiwiSDR.com receiver data. You need this data
source to feature the KiwiSDR network on your map. Generate and keep
this file up to date by running the `kiwisdr_com-update` script
regularly. Caution: running this script as an automated task may open
attack vectors onto your system, so be sure to use appropriate system
administration precautions.
-->
<script src="kiwisdr_com.js"></script>
<!--
Dyatlov map maker API. Required.
-->
<script src="dyatlov.js?cb"></script>
<!-- 4. Local configuration
You can optionally edit the local configuration below to further suit
your needs.
-->
<script>
// toolkit can be one of 'GoogleMaps', 'Leaflet' or 'Builtin'
// Leave unset for autodetection
var toolkit;
var config;
// Tile hosting provider configuration for Leaflet toolkit
//
// Uncomment and edit to replace the default OpenStreetMap map tiles by
// your assortment of different selectable tilesets and providers. You
// will need to provide the images/layers.png and images/layers-2x.png
// icons as well. The first tileset listed will be used as default when
// loading the map. You may want to choose one of the satellite picture
// tile providers below: register an account with them and fill in the
// required API credentials.
//
// Don't consider this configuration as a stable API: just follow and
// adapt the examples provided.
var leaflet_config = [
{ // OpenStreetMap: free and ready to use
label: 'Map',
url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
},
];
toolkit = 'Leaflet', config = leaflet_config;
</script>
</head>
<body onload="new Dyatlov('map', toolkit, config)">
<div id="map" style="height: 100%; z-index: 1;"></div>
<div style="position: absolute; bottom: 10; z-index: 4;
padding-left:7vw; padding-right: 10px;
background: rgba(255, 255, 255, 0);
color: rgba(0, 0, 0, 255);">
<font class="darkreader" style="font-size: medium; font-family: sans-serif; font-weight: 500;">
Click on a map marker to open an internet SDR. Brighter colors indicate more sensitive receivers.
<a href="https://github.com/priyom/dyatlov#legend">Legend</a>.<br>
Read <a href="https://www.amazon.com/dp/B0BG9FQT8D/" target="_blank">KiwiSDR: 21st Century Radio for the People</a>,
<a href="https://www.amazon.com/dp/B09KMG2RQB/" target="_blank">Airband Radio on the RTLSDR</a>, and
<a href="https://www.amazon.com/dp/B0D2QPXJPP/" target="_blank">WebSDR Handbook</a>.<br>
Rendered with <a href="https://github.com/priyom/dyatlov">dyatlov map maker</a>,
dynamic receiver data from <a href="http://kiwisdr.com/public/">KiwiSDR.com</a></font>.
</div>
</body>
</html>