2012-03-09 03:24:51 -05:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
2012-03-13 15:51:44 -04:00
|
|
|
<!-- head -->
|
2012-03-09 03:24:51 -05:00
|
|
|
<head>
|
|
|
|
|
|
|
|
<!-- metatags -->
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
|
|
<title>OSRM Website</title>
|
|
|
|
<meta name="description" content="OSRM Website"/>
|
|
|
|
<meta name="author" content="Dennis Schieferdecker" />
|
|
|
|
|
2012-03-09 11:33:06 -05:00
|
|
|
<!-- stylesheets -->
|
2012-03-13 15:51:44 -04:00
|
|
|
<link rel="stylesheet" href="leaflet/leaflet.css" type="text/css"/>
|
|
|
|
<link rel="stylesheet" href="main.css" type="text/css"/>
|
2012-03-09 11:33:06 -05:00
|
|
|
|
2012-03-09 03:24:51 -05:00
|
|
|
<!-- scripts -->
|
2012-03-13 15:51:44 -04:00
|
|
|
<script src="leaflet/leaflet-src.js" type="text/javascript"></script>
|
|
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" type="text/css"/><![endif]-->
|
|
|
|
<script src="L.DashedPolyline.js" type="text/javascript"></script>
|
|
|
|
<script src="L.MouseMarker.js" type="text/javascript"></script>
|
2012-03-09 03:24:51 -05:00
|
|
|
|
2012-03-13 15:51:44 -04:00
|
|
|
<script src="OSRM.base.js" type="text/javascript"></script>
|
|
|
|
<script src="OSRM.config.js" type="text/javascript"></script>
|
|
|
|
<script defer="defer" src="OSRM.debug.js" type="text/javascript"></script>
|
2012-03-09 03:24:51 -05:00
|
|
|
|
2012-03-13 15:51:44 -04:00
|
|
|
<script src="OSRM.Browser.js" type="text/javascript"></script>
|
|
|
|
<script src="OSRM.GUI.js" type="text/javascript"></script>
|
|
|
|
<script src="OSRM.JSONP.js" type="text/javascript"></script>
|
|
|
|
<script src="OSRM.Markers.js" type="text/javascript"></script>
|
|
|
|
<script src="OSRM.Route.js" type="text/javascript"></script>
|
|
|
|
<script src="OSRM.Localization.js" type="text/javascript"></script>
|
2012-03-09 03:24:51 -05:00
|
|
|
|
2012-03-13 15:51:44 -04:00
|
|
|
<script src="main.js" type="text/javascript"></script>
|
|
|
|
<script src="routing.js" type="text/javascript"></script>
|
2012-03-09 03:24:51 -05:00
|
|
|
|
2012-03-13 15:51:44 -04:00
|
|
|
<script src="geocoder.js" type="text/javascript"></script>
|
|
|
|
<script src="via.js" type="text/javascript"></script>
|
2012-03-09 03:24:51 -05:00
|
|
|
|
2012-03-13 15:51:44 -04:00
|
|
|
<script src="utils.js" type="text/javascript"></script>
|
2012-03-09 03:24:51 -05:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
2012-03-13 15:51:44 -04:00
|
|
|
<!-- body -->
|
2012-03-09 03:24:51 -05:00
|
|
|
<body onload="init();">
|
|
|
|
|
|
|
|
<!--map-->
|
|
|
|
<div id="map"></div>
|
|
|
|
|
|
|
|
<!-- show ui blob -->
|
|
|
|
<div id="blob-wrapper" class="gui-wrapper">
|
|
|
|
<div id="blob-input" class="gui-box">
|
2012-03-13 15:51:44 -04:00
|
|
|
<div class="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
|
2012-03-09 03:24:51 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- show main gui -->
|
|
|
|
<div id="main-wrapper" class="gui-wrapper">
|
|
|
|
|
|
|
|
<!-- input box -->
|
2012-03-10 11:08:25 -05:00
|
|
|
<div class="gui-box not-selectable" id="main-input">
|
2012-03-13 15:51:44 -04:00
|
|
|
<div class="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
|
2012-03-09 03:24:51 -05:00
|
|
|
<img id="osrm-logo" alt="OSRM Logo" src="images/osrm-logo.png" />
|
|
|
|
|
|
|
|
<!-- source/target input -->
|
|
|
|
<table class="full">
|
|
|
|
<tr>
|
|
|
|
<td id="gui-search-source-label">Start:</td>
|
2012-03-13 09:15:07 -04:00
|
|
|
<td><input id="input-source-name" class="input-box" type="text" value="" title="Startposition eingeben" onkeypress="if(event.keyCode==13) {callGeocoder(OSRM.SOURCE_MARKER_LABEL, document.getElementById('input-source-name').value);}" /></td>
|
2012-03-09 11:33:06 -05:00
|
|
|
<!-- <td class="right"><a class="button not-selectable" id="gui-here-target" onclick="">i</a></td> -->
|
|
|
|
<td class="right"><a class="button not-selectable" id="gui-search-source" onclick="callGeocoder(OSRM.SOURCE_MARKER_LABEL, document.getElementById('input-source-name').value);">Suchen</a></td>
|
2012-03-09 03:24:51 -05:00
|
|
|
</tr>
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
<td id="gui-search-target-label">Ende:</td>
|
2012-03-13 09:15:07 -04:00
|
|
|
<td><input id="input-target-name" class="input-box" type="text" value="" title="Zielposition eingeben" onkeypress="if(event.keyCode==13) {callGeocoder(OSRM.TARGET_MARKER_LABEL, document.getElementById('input-target-name').value);}" /></td>
|
2012-03-09 11:33:06 -05:00
|
|
|
<!-- <td class="right"><a class="button not-selectable" id="gui-here-target" onclick="">i</a></td> -->
|
|
|
|
<td class="right"><a class="button not-selectable" id="gui-search-target" onclick="callGeocoder(OSRM.TARGET_MARKER_LABEL, document.getElementById('input-target-name').value);">Suchen</a></td>
|
2012-03-09 03:24:51 -05:00
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
<!-- action buttons -->
|
|
|
|
<div class="vquad"></div>
|
|
|
|
<table style="width:100%">
|
|
|
|
<tr>
|
2012-03-09 11:33:06 -05:00
|
|
|
<td> <a class="button not-selectable" id="gui-reset" onclick="resetRouting();">Reset</a></td>
|
|
|
|
<td class="center"> <a class="button not-selectable" id="gui-reverse" onclick="reverseRouting();">Reverse</a></td>
|
|
|
|
<td class="right"> <a class="button not-selectable" id="gui-route" onclick="startRouting();">Route</a></td>
|
2012-03-09 03:24:51 -05:00
|
|
|
</tr>
|
|
|
|
</table>
|
2012-03-09 11:33:06 -05:00
|
|
|
|
2012-03-09 03:24:51 -05:00
|
|
|
<!-- options -->
|
|
|
|
<div class="vquad"></div>
|
2012-03-09 11:33:06 -05:00
|
|
|
<div class="main-options not-selectable" id="options-toggle" onclick="OSRM.GUI.toggleOptions()">Options</div>
|
|
|
|
<div class="main-options not-selectable" id="options-box">
|
2012-03-09 03:24:51 -05:00
|
|
|
<input type="checkbox" id="option-highlight-nonames" name="main-options" value="highlight-nonames" onclick="getRoute(OSRM.FULL_DESCRIPTION)" /><span id="gui-option-highlight-nonames-label">Unbenannte Straßen hervorheben</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- output box -->
|
2012-03-10 11:08:25 -05:00
|
|
|
<div class="gui-box not-selectable" id="main-output">
|
2012-03-09 03:24:51 -05:00
|
|
|
<div id="information-box-headline"></div>
|
|
|
|
<div id="information-box"></div>
|
2012-03-13 09:31:23 -04:00
|
|
|
<div id="legal-notice">GUI2 v0.1 120313 - OSRM hosting by <a href='http://algo2.iti.kit.edu/'>KIT</a> - Geocoder by <a href='http://www.osm.org/'>OSM</a></div>
|
2012-03-09 03:24:51 -05:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|