68 lines
2.4 KiB
HTML
68 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="no">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Orientering</title>
|
|
</head>
|
|
<body>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
<h1 class="big-screen">Korteste vei</h1>
|
|
<div class="navbar">
|
|
<div class="navbar-button" id="clear-map">Rydd kart</div>
|
|
<div class="navbar-button" id="edit-distances">Rediger avstander</div>
|
|
<div class="navbar-button" id="share-link">Del lenke</div>
|
|
</div>
|
|
<div>
|
|
<div id="distance-popup">
|
|
<p>Avstander</p>
|
|
<button id="retrieve-distances-button">Hent fra OpenRouteService</button>
|
|
<form id="route-type-form">
|
|
<label for="driving-radio">Bilruter:</label>
|
|
<input type="radio" name="route-type" value="driving-car" id="driving-radio" checked />
|
|
<br />
|
|
<label for="biking-radio">Sykkelruter:</label>
|
|
<input type="radio" name="route-type" value="cycling-regular" id="biking-radio" />
|
|
<br />
|
|
<label for="walking-radio">Gåruter:</label>
|
|
<input type="radio" name="route-type" value="foot-hiking" id="walking-radio" />
|
|
</form>
|
|
<table id="distance-table">
|
|
<tr><th></th><th>Avstand</th></tr>
|
|
</table>
|
|
<button id="retrieve-routes-button">Hent rute</button>
|
|
</div>
|
|
<div id="map"></div>
|
|
</div>
|
|
<div class="navbar">
|
|
<div class="navbar-button" id="calculate-route">Beregn rute</div>
|
|
<div class="navbar-button" id="orienteering">Orientering</div>
|
|
<div class="navbar-button" id="upload">Last inn</div>
|
|
</div>
|
|
<div id="middle-popup">
|
|
<div id="upload-div">
|
|
<h2>Last inn</h2>
|
|
<label for="input-text-area">Lim inn GeoJSON- eller WKT-punkter</label>
|
|
<br />
|
|
<textarea rows="30" id="input-text-area"></textarea>
|
|
<br />
|
|
<button id="upload-button">Last inn</button>
|
|
</div>
|
|
<div id="orienteering-div">
|
|
<h2>Orientering</h2>
|
|
<label for="upload-ppen-input">Last opp PPEN-fil: </label>
|
|
<input type="file" id="upload-ppen-input" />
|
|
<br />
|
|
<label for="upload-xml-input">Last opp XML-fil med koordinater (valgfritt): </label>
|
|
<input type="file" id="upload-xml-input" />
|
|
<br />
|
|
<button id="download-ppen-route-button">Last ned ny PPEN-fil</button>
|
|
<p id="ppen-explanation"> </p>
|
|
</div>
|
|
<button id="close-popup-button">Lukk</button>
|
|
</div>
|
|
<div id="distance-text-div">
|
|
<p id="distance-text"></p>
|
|
</div>
|
|
</body>
|
|
</html> |