66 lines
2.6 KiB
Handlebars
66 lines
2.6 KiB
Handlebars
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Document</title>
|
||
|
|
<script src="https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.js"></script>
|
||
|
|
<link href="https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.css" rel="stylesheet" />
|
||
|
|
<script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.5.1/mapbox-gl-geocoder.min.js"></script>
|
||
|
|
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.5.1/mapbox-gl-geocoder.css" type="text/css"/>
|
||
|
|
<link rel="stylesheet" href="css/main.css" type="text/css"/>
|
||
|
|
<!-- Promise polyfill script required to use Mapbox GL Geocoder in IE 11 -->
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.min.js"></script>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script>
|
||
|
|
<script src="https://npmcdn.com/@turf/turf@5.1.6/turf.min.js"></script>
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||
|
|
<script>
|
||
|
|
$(document).ready(function() {
|
||
|
|
/*$.ajax({
|
||
|
|
type: "POST",
|
||
|
|
url: "/api/ensoaddpatientdetails",
|
||
|
|
data: {
|
||
|
|
id : "P1",
|
||
|
|
patientdetails:"hello"
|
||
|
|
},
|
||
|
|
success:(data) => {
|
||
|
|
console.log(data);
|
||
|
|
},
|
||
|
|
error: (data) => {
|
||
|
|
console.log(data);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$.ajax({
|
||
|
|
type: "GET",
|
||
|
|
url: "/api/ensogetpatientdetails",
|
||
|
|
success:(data) => {
|
||
|
|
console.log(data);
|
||
|
|
},
|
||
|
|
error: (data) => {
|
||
|
|
console.log(data);
|
||
|
|
}
|
||
|
|
});*/
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="map" class="contain"></div>
|
||
|
|
<div class='info-box'>
|
||
|
|
<p>Draw your route(100 points max)</p>
|
||
|
|
<p id="waypointnumber"></p>
|
||
|
|
<label for="waypointname">Waypoint Name:</label><br>
|
||
|
|
<input type="text" id="waypointname" name="waypointname"><br>
|
||
|
|
<label for="waypointdesc">Waypoint Description:</label><br>
|
||
|
|
<input type="text" id="waypointdesc" name="waypointdesc"><br>
|
||
|
|
<label for="waypointprofile">Waypoint Profile:</label><br>
|
||
|
|
<select id="waypointprofile" name="waypointprofile">
|
||
|
|
<option value="walking" selected>Walking</option>
|
||
|
|
<option value="driving">Driving</option>
|
||
|
|
<option value="driving-traffic">Driving Traffic</option>
|
||
|
|
<option value="cycling">Cycling</option>
|
||
|
|
</select>
|
||
|
|
<div id='calculated-line'></div>
|
||
|
|
</div>
|
||
|
|
<script src="js/main.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|