| Server IP : 93.86.61.54 / Your IP : 216.73.216.60 Web Server : Apache/2.4.62 (Ubuntu) System : Linux rasin.ddns.net 6.8.0-124-generic #124~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 21:05:19 UTC x86_64 User : www-data ( 33) PHP Version : 8.4.22 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/projects/cacak/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="20" />
<title>VTG IS</title>
</head>
<html>
<head>
<title>GraphHopper Form Sample</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function (event) {
// create the tile layer with correct attribution
var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osmAttrib = 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors';
var osm = new L.TileLayer(osmUrl, {attribution: osmAttrib});
// (1) change coordinates
var latlng = [49.94609, 11.570921];
var map = L.map('map', {
center: latlng,
zoom: 15,
layers: [osm]
});
var marker = L.marker(latlng).addTo(map);
});
</script>
</head>
<body>
<div>
<form target="_blank" method="get" action="https://graphhopper.com/maps/">
<div>
<div style="padding-top: 5px">
From
</div>
<input id="startaddr" type="text" name="point" placeholder="Your Start Address">
</div>
<div>
<div style="padding-top: 5px">
To
</div>
<!-- (2) change address -->
<input id="destinationaddr" type="text" value="Am Mainflecklein 10, Bayreuth, 95444" name="point">
</div>
<button class="btn-booking" type="submit">Find Route</button>
</form>
<div id="map" style="width: 600px; height: 400px">
</div>
</div>
</body>
</html>
</html>