93ae928236
added image change while dragging markers, increased (invisible) size of drag marker, fixed issues with drag marker and highlight marker overlapping
141 lines
5.8 KiB
HTML
141 lines
5.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
<!--
|
|
This program is free software; you can redistribute it and/or modify
|
|
it under the terms of the GNU AFFERO General Public License as published by
|
|
the Free Software Foundation; either version 3 of the License, or
|
|
any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program; if not, write to the Free Software
|
|
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
|
or see http://www.gnu.org/licenses/agpl.txt.
|
|
-->
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
|
<!-- head -->
|
|
<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" />
|
|
|
|
<!-- favicon -->
|
|
<link rel="shortcut icon" href="images/osrm-favicon.ico" type="image/x-icon" />
|
|
|
|
<!-- stylesheets -->
|
|
<link rel="stylesheet" href="leaflet/leaflet.css" type="text/css"/>
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" type="text/css"/><![endif]-->
|
|
<link rel="stylesheet" href="main.css" type="text/css"/>
|
|
|
|
<!-- scripts -->
|
|
<script src="leaflet/leaflet-src.js" type="text/javascript"></script>
|
|
<script src="L.Bugfixes.js" type="text/javascript"></script>
|
|
<script src="L.DashedPolyline.js" type="text/javascript"></script>
|
|
<script src="L.MouseMarker.js" type="text/javascript"></script>
|
|
<script src="L.SwitchableIcon.js" type="text/javascript"></script>
|
|
|
|
<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> -->
|
|
<script src="main.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.Map.js" type="text/javascript"></script>
|
|
<script src="OSRM.GUI.js" type="text/javascript"></script>
|
|
<script src="routing/OSRM.Routing.js" type="text/javascript"></script>
|
|
<script src="routing/OSRM.RoutingDescription.js" type="text/javascript"></script>
|
|
<script src="routing/OSRM.RoutingGeometry.js" type="text/javascript"></script>
|
|
<script src="routing/OSRM.RoutingGUI.js" type="text/javascript"></script>
|
|
<script src="routing/OSRM.RoutingNoNames.js" type="text/javascript"></script>
|
|
<script src="OSRM.Via.js" type="text/javascript"></script>
|
|
<script src="OSRM.Geocoder.js" type="text/javascript"></script>
|
|
|
|
<script src="OSRM.Browser.js" type="text/javascript"></script>
|
|
<script src="OSRM.JSONP.js" type="text/javascript"></script>
|
|
<script src="OSRM.Localization.js" type="text/javascript"></script>
|
|
<script src="OSRM.Utils.js" type="text/javascript"></script>
|
|
</head>
|
|
|
|
|
|
<!-- body -->
|
|
<body onload="OSRM.init();">
|
|
|
|
<!--map-->
|
|
<div id="map"></div>
|
|
|
|
<!-- show ui blob -->
|
|
<div id="blob-wrapper" class="gui-wrapper">
|
|
<div id="blob-input" class="gui-box">
|
|
<div class="main-toggle-in" onclick="OSRM.GUI.toggleMain()"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- show main gui -->
|
|
<div id="main-wrapper" class="gui-wrapper">
|
|
|
|
<!-- input box -->
|
|
<div class="gui-box not-selectable" id="main-input">
|
|
<div class="main-toggle-out" onclick="OSRM.GUI.toggleMain()"></div>
|
|
<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>
|
|
<td><input id="input-source-name" class="input-box" type="text" maxlength="200" value="" title="Startposition eingeben" onchange="OSRM.RoutingGUI.inputChanged(OSRM.C.SOURCE_LABEL);" /></td>
|
|
<td class="right"><a class="button not-selectable" id="gui-search-source" onclick="OSRM.RoutingGUI.showMarker('source')">Zeigen</a></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td id="gui-search-target-label">Ende:</td>
|
|
<td><input id="input-target-name" class="input-box" type="text" maxlength="200" value="" title="Zielposition eingeben" onchange="OSRM.RoutingGUI.inputChanged(OSRM.C.TARGET_LABEL);" /></td>
|
|
<td class="right"><a class="button not-selectable" id="gui-search-target" onclick="OSRM.RoutingGUI.showMarker('target');">Zeigen</a></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- action buttons -->
|
|
<div class="vquad"></div>
|
|
<table style="width:100%">
|
|
<tr>
|
|
<td> <a class="button not-selectable" id="gui-reset" onclick="OSRM.RoutingGUI.resetRouting();">Reset</a></td>
|
|
<td class="right"> <a class="button not-selectable" id="gui-reverse" onclick="OSRM.RoutingGUI.reverseRouting();">Umdrehen</a></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- options -->
|
|
<span class="main-options" id="options-toggle" onclick="OSRM.GUI.toggleOptions()">Kartenwerkzeuge</span>
|
|
<div class="main-options" id="options-box">
|
|
<span class="main-options-left-box">
|
|
<input type="checkbox" id="option-highlight-nonames" name="main-options" value="highlight-nonames" onclick="OSRM.Routing.getRoute();" /><span id="gui-option-highlight-nonames-label">Unbenannte Straßen hervorheben</span>
|
|
</span>
|
|
<span class="main-options-right-box">
|
|
<a class="button not-selectable" id="open-josm" onclick="OSRM.RoutingGUI.openJOSM();">JOSM</a>
|
|
<a class="button not-selectable" id="open-osmbugs" onclick="OSRM.RoutingGUI.openOSMBugs();">OSM Bugs</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- output box -->
|
|
<div class="gui-box not-selectable" id="main-output">
|
|
<div id="information-box-headline"></div>
|
|
<div id="information-box"></div>
|
|
<div id="legal-notice">GUI2 v0.1.1 120316 - OSRM hosting by <a href='http://algo2.iti.kit.edu/'>KIT</a> - Geocoder by <a href='http://www.osm.org/'>OSM</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|