62 lines
3.2 KiB
HTML
62 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>DMRmap</title>
|
|
<link rel="stylesheet" href="lib/leaflet.css" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div id="map"></div>
|
|
<div id="controls">
|
|
<div class="controls-row">
|
|
<label class="band-label band-2m"><input type="checkbox" id="band-2m" checked> 2m</label>
|
|
<label class="band-label band-70cm"><input type="checkbox" id="band-70cm" checked> 70cm</label>
|
|
<span id="count" class="count"></span>
|
|
</div>
|
|
<div class="controls-row network-row">
|
|
<label class="net-label net-bm"><input type="checkbox" id="net-bm" checked> BM</label>
|
|
<label class="net-label net-dmrplus"><input type="checkbox" id="net-dmrplus"> DMR+</label>
|
|
<label class="net-label net-tgif"><input type="checkbox" id="net-tgif"> TGIF</label>
|
|
<label class="net-label net-other"><input type="checkbox" id="net-other"> Other</label>
|
|
</div>
|
|
<details class="experimental">
|
|
<summary>Experimental</summary>
|
|
<label class="hotspot-label"><input type="checkbox" id="show-hotspots"> Don't hide personal hotspots</label>
|
|
</details>
|
|
<div class="controls-row route-row autocomplete-wrap">
|
|
<input type="text" id="route-from" placeholder="From address" autocomplete="off" />
|
|
<ul class="autocomplete-list" id="ac-from"></ul>
|
|
</div>
|
|
<div class="controls-row route-row autocomplete-wrap">
|
|
<input type="text" id="route-to" placeholder="To address" autocomplete="off" />
|
|
<ul class="autocomplete-list" id="ac-to"></ul>
|
|
</div>
|
|
<div class="controls-row route-row">
|
|
<button id="route-btn">Route</button>
|
|
<button id="clear-btn">Clear</button>
|
|
</div>
|
|
<div id="pin-controls" class="pin-controls" style="display:none">
|
|
<div class="controls-row pin-header">
|
|
<label class="pin-radius-label">Radius
|
|
<input type="number" id="pin-radius" value="100" min="1" max="500" step="10" /> km
|
|
</label>
|
|
<button id="pin-clear" class="pin-clear-btn">Clear pin</button>
|
|
</div>
|
|
<div id="pin-list" class="pin-list"></div>
|
|
</div>
|
|
<div id="coords" class="coords-row"></div>
|
|
<div class="attribution">
|
|
Repeater data provided by <a href="https://radioid.net/database/dumps" target="_blank" rel="noopener">RadioID</a>.
|
|
Not affiliated with or endorsed by RadioID.<br>
|
|
Geocoding by <a href="https://nominatim.openstreetmap.org" target="_blank" rel="noopener">Nominatim</a>.
|
|
Routing by <a href="https://project-osrm.org" target="_blank" rel="noopener">OSRM</a>.
|
|
Map by <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap</a>.<br>
|
|
Built by DA6KM. <a href="https://git.kida.io/marcus/DMRmap" target="_blank" rel="noopener">Source code</a>.
|
|
</div>
|
|
</div>
|
|
<script src="lib/leaflet.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|