added more turn instructions, changed clickability of gui
BIN
WebContent/images/round-about-9.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
WebContent/images/sharp-left.png
Normal file
After Width: | Height: | Size: 739 B |
BIN
WebContent/images/sharp-right.png
Normal file
After Width: | Height: | Size: 746 B |
Before Width: | Height: | Size: 615 B After Width: | Height: | Size: 635 B |
Before Width: | Height: | Size: 682 B After Width: | Height: | Size: 607 B |
@ -159,7 +159,7 @@ html, body, #map {
|
|||||||
{
|
{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
bottom:15px;
|
bottom:15px;
|
||||||
top:50px;
|
top:60px;
|
||||||
width:380px;
|
width:380px;
|
||||||
font-size:12px;
|
font-size:12px;
|
||||||
overflow:auto;
|
overflow:auto;
|
||||||
@ -267,6 +267,7 @@ html, body, #map {
|
|||||||
/* generally useful styles */
|
/* generally useful styles */
|
||||||
.not-selectable
|
.not-selectable
|
||||||
{
|
{
|
||||||
|
cursor:default;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
|
@ -58,7 +58,7 @@
|
|||||||
<div id="main-wrapper" class="gui-wrapper">
|
<div id="main-wrapper" class="gui-wrapper">
|
||||||
|
|
||||||
<!-- input box -->
|
<!-- input box -->
|
||||||
<div id="main-input" class="gui-box">
|
<div class="gui-box not-selectable" id="main-input">
|
||||||
<div id="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
|
<div id="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
|
||||||
<img id="osrm-logo" alt="OSRM Logo" src="images/osrm-logo.png" />
|
<img id="osrm-logo" alt="OSRM Logo" src="images/osrm-logo.png" />
|
||||||
|
|
||||||
@ -98,7 +98,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- output box -->
|
<!-- output box -->
|
||||||
<div id="main-output" class="gui-box">
|
<div class="gui-box not-selectable" id="main-output">
|
||||||
<div id="information-box-headline"></div>
|
<div id="information-box-headline"></div>
|
||||||
<div id="information-box"></div>
|
<div id="information-box"></div>
|
||||||
<div id="legal-notice">GUI by Dennis Schieferdecker</div>
|
<div id="legal-notice">GUI by Dennis Schieferdecker</div>
|
||||||
|
@ -378,6 +378,19 @@ function getDirectionIcon(name) {
|
|||||||
"Continue":"continue.png",
|
"Continue":"continue.png",
|
||||||
"Turn slight left":"slight-left.png",
|
"Turn slight left":"slight-left.png",
|
||||||
"Turn slight right":"slight-right.png",
|
"Turn slight right":"slight-right.png",
|
||||||
|
"Turn sharp left":"sharp-left.png",
|
||||||
|
"Turn sharp right":"sharp-right.png",
|
||||||
|
"Enter round-about and leave at first exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at second exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at third exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at forth exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at fifth exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at sixth exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at seventh exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at eighth exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at nineth exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at tenth exit":"round-about-9.png",
|
||||||
|
"Enter round-about and leave at one of the too many exit":"round-about-9.png",
|
||||||
};
|
};
|
||||||
|
|
||||||
if( directions[name] )
|
if( directions[name] )
|
||||||
|