☰

WME Route Checker

Allows editors to check the route between two segments

当前为 2018-03-05 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name                WME Route Checker
  3. // @namespace           http://userscripts.org/users/419370
  4. // @description         Allows editors to check the route between two segments
  5. // @include             https://www.waze.com/*/editor*
  6. // @include             https://www.waze.com/editor*
  7. // @include             https://beta.waze.com/*
  8. // @exclude             https://www.waze.com/*user/*editor/*
  9. // @version             1.25
  10. // @grant               none
  11. // ==/UserScript==
  12.  
  13. // globals
  14. var wmerc_version = "1.25";
  15.  
  16. var AVOID_TOLLS = 1;
  17. var AVOID_FREEWAYS = 2;
  18. var AVOID_DIRT = 4;
  19. var ALLOW_UTURNS = 16;
  20. var ROUTE_DIST = 32;
  21. var VEHICLE_TAXI = 64;
  22. var VEHICLE_BIKE = 128;
  23.  
  24. var route_options = ALLOW_UTURNS; // default
  25.  
  26. var routeZIndex = 0;
  27.  
  28. var routeColors = ["#8309e1", "#52BAD9", "#888800" ];
  29.  
  30.  
  31. function showRouteOptions() {
  32.   if (W.selectionManager.selectedItems.length != 2) {
  33.     WMERC_lineLayer_route.destroyFeatures();
  34.     WMERC_lineLayer_route.setZIndex(-999);
  35.     return;
  36.   }
  37.  
  38.   if (getId('routeOptions') !== null) {
  39.     return;
  40.   }
  41.  
  42.   // hook into edit panel on the left
  43.   var userTabs = getId('edit-panel');
  44.   var segmentBox = getElementsByClassName('segment', userTabs)[0];
  45.   var navTabs = getElementsByClassName('nav-tabs', segmentBox)[0];
  46.   
  47.   var routeTab = document.createElement('li');
  48.   routeTab.innerHTML = '<a href="#route-checker" data-toggle="tab" id="route-tab-link">Routes</a>';
  49.   navTabs.appendChild(routeTab);
  50.   getId('route-tab-link').onclick = fetchRoute;
  51.   
  52.   var tabContent = getElementsByClassName('tab-content', segmentBox)[0];
  53.  
  54.   var routeContent = document.createElement('div');
  55.   routeContent.id = 'route-checker';
  56.   routeContent.className = 'tab-pane';
  57.   tabContent.appendChild(routeContent);
  58.   
  59.   // add new edit tab to left of the map
  60.   var routeOptions = document.createElement('div');
  61.   routeOptions.id = "routeOptions";
  62.   routeOptions.style.borderTop = "solid 2px #E9E9E9";
  63.   routeOptions.style.borderBottom = "solid 2px #E9E9E9";
  64.   routeContent.appendChild(routeOptions);
  65.   
  66.   if (location.hostname.match(/editor.*.waze.com/)) {
  67.     var coords1 = getCoords(W.selectionManager.selectedItems[0]);
  68.     var coords2 = getCoords(W.selectionManager.selectedItems[1]);
  69.     var url = getLivemap()
  70.             + "&from_lon="+coords1.lon + "&from_lat="+coords1.lat
  71.             + "&to_lon="+coords2.lon + "&to_lat="+coords2.lat
  72.             + "&at_req=0&at_text=Now";
  73.     
  74.     routeOptions.innerHTML = '<p><b><a href="'+url+'" title="Opens in new tab" target="LiveMap" style="color:#8309e1">Show routes in LiveMap</a> &raquo;</b></p>';
  75.   } else {
  76.     routeOptions.innerHTML = '<p><b><a href="#" id="goroutes" title="WME Route Checker v'+wmerc_version+'" style="color:#8309e1">'
  77.                     + 'Show routes between these 2 segments</a> &raquo;</b><br>'
  78.                     + '<b>Vehicle:</b>'
  79.                     + ' <input type="radio" name="_vehicleType" id="_vehicleType_private" value="0" checked> Private'
  80.                     + ' <input type="radio" name="_vehicleType" id="_vehicleType_taxi" value="1"> Taxi'
  81.                     + ' <input type="radio" name="_vehicleType" id="_vehicleType_bike" value="1"> Motorcycle<br>'
  82.                     + '<b>Route:</b>'
  83.                     + ' <input type="radio" name="_routeType" id="_routeType_fast" value="0" checked> Fastest'
  84.                     + ' <input type="radio" name="_routeType" id="_routeType_short" value="1"> Shortest<br>'
  85.                     + '<b>Avoid:</b>'
  86.                     + ' <input type="checkbox" id="_avoidTolls" /> Tolls'
  87.                     + ' <input type="checkbox" id="_avoidFreeways" /> Freeways'
  88.                     + ' <input type="checkbox" id="_avoidDirt" /> Dirt Trails<br>'
  89.                     + '<b>Allow:</b>'
  90.                     + ' <input type="checkbox" id="_allowUTurns" /> U-Turns</p>';
  91.  
  92.      getId('_avoidTolls').checked              = route_options & AVOID_TOLLS;
  93.      getId('_avoidFreeways').checked           = route_options & AVOID_FREEWAYS;
  94.      getId('_avoidDirt').checked               = route_options & AVOID_DIRT;
  95.      getId('_allowUTurns').checked             = route_options & ALLOW_UTURNS;
  96.      getId('_routeType_short').checked         = route_options & ROUTE_DIST;
  97.      getId('_vehicleType_taxi').checked        = route_options & VEHICLE_TAXI;
  98.      getId('_vehicleType_bike').checked        = route_options & VEHICLE_BIKE;
  99.  
  100.      // automatically start getting route when user clicks on link
  101.      getId('goroutes').onclick = fetchRoute;
  102.   }
  103.  
  104.   // create empty div ready for instructions
  105.   var routeTest = document.createElement('div');
  106.   routeTest.id = "routeTest";
  107.   routeContent.appendChild(routeTest);  
  108.  
  109.   return;
  110. }
  111.  
  112. function saveOptions() {
  113.   route_options = (getId('_avoidTolls').checked    ? AVOID_TOLLS    : 0)
  114.                 + (getId('_avoidFreeways').checked ? AVOID_FREEWAYS : 0)
  115.                 + (getId('_avoidDirt').checked     ? AVOID_DIRT     : 0)
  116.                 + (getId('_allowUTurns').checked   ? ALLOW_UTURNS   : 0)
  117.                 + (getId('_routeType_short').checked ? ROUTE_DIST   : 0)
  118.                 + (getId('_vehicleType_taxi').checked ? VEHICLE_TAXI : 0)
  119.                 + (getId('_vehicleType_bike').checked ? VEHICLE_BIKE : 0);
  120.  
  121.   console.log("WME Route Checker: saving options: " + route_options);
  122.   localStorage.WMERouteChecker = JSON.stringify(route_options);
  123. }
  124.  
  125. function getOptions() {
  126.   var list = 'AVOID_TOLL_ROADS' + (route_options & AVOID_TOLLS    ? ':t' : ':f') + ','
  127.            + 'AVOID_PRIMARIES'  + (route_options & AVOID_FREEWAYS ? ':t' : ':f') + ','
  128.            + 'AVOID_TRAILS'     + (route_options & AVOID_DIRT     ? ':t' : ':f') + ','
  129.            + 'ALLOW_UTURNS'     + (route_options & ALLOW_UTURNS   ? ':t' : ':f');
  130.   return list;
  131. }
  132.  
  133. function getCoords(segment) {
  134.   var numpoints = segment.geometry.components.length;
  135.   var middle = Math.floor(numpoints / 2);
  136.  
  137.   var seglat, seglon;
  138.   if (numpoints % 2 == 1 || numpoints < 2) { // odd number, middle point
  139.     seglat = segment.geometry.components[middle].y;
  140.     seglon = segment.geometry.components[middle].x;
  141.   }
  142.   else { // even number - take average of middle two points
  143.     seglat = (segment.geometry.components[middle].y
  144.            +  segment.geometry.components[middle-1].y) / 2.0;
  145.     seglon = (segment.geometry.components[middle].x
  146.            +  segment.geometry.components[middle-1].x) / 2.0;
  147.   }
  148.   return OL.Layer.SphericalMercator.inverseMercator(seglon,seglat);
  149. }
  150.  
  151. function fetchRoute(reverse) {
  152.   saveOptions();
  153.  
  154.   var coords1, coords2;
  155.   reverse = (reverse !== false);
  156.   if (reverse) {
  157.     coords1 = getCoords(W.selectionManager.selectedItems[0]);
  158.     coords2 = getCoords(W.selectionManager.selectedItems[1]);
  159.   } else {
  160.     coords1 = getCoords(W.selectionManager.selectedItems[1]);
  161.     coords2 = getCoords(W.selectionManager.selectedItems[0]);
  162.   }
  163.  
  164.   var img = '<img src="https://www.waze.com/images/search_indicator.gif" hspace="4">';
  165.  
  166.   // get the route, fix and parse the json
  167.   getId('routeTest').innerHTML = "<p><b>Fetching route from LiveMap " + img + "</b></p>";
  168.   var url = getRoutingManager();
  169.   var data = {
  170.     from: "x:" + coords1.lon + " y:" + coords1.lat + " bd:true",
  171.     to: "x:" + coords2.lon + " y:" + coords2.lat + " bd:true",
  172.     returnJSON: true,
  173.     returnGeometries: true,
  174.     returnInstructions: true,
  175.     type: (route_options & ROUTE_DIST ? 'DISTANCE' : 'HISTORIC_TIME'),
  176.     clientVersion: '4.0.0',
  177.     timeout: 60000,
  178.     nPaths: 3,
  179.     options: getOptions()};
  180.     
  181.   if (route_options & VEHICLE_TAXI) {
  182.     data.vehicleType = 'TAXI';
  183.   }
  184.   else if (route_options & VEHICLE_BIKE) {
  185.     data.vehicleType = 'MOTORCYCLE';
  186.   }
  187.   //data.id = "beta";
  188.  
  189.   $.ajax({
  190.     dataType: "json",
  191.     url: url,
  192.     data: data,
  193.     dataFilter: function(data, dataType) {
  194.       return data.replace(/NaN/g, '0');
  195.     },
  196.     success: function(json) {
  197.       showNavigation(json, reverse);
  198.     }
  199.   });
  200.   return false;
  201. }
  202.  
  203. function getLivemap() {
  204.   var center_lonlat=new OL.LonLat(W.map.center.lon,W.map.center.lat);
  205.   center_lonlat.transform(new OL.Projection ("EPSG:900913"),new OL.Projection("EPSG:4326"));
  206.   var coords = '?lon='+center_lonlat.lon+'&lat='+center_lonlat.lat;
  207.  
  208.   if (route_options & VEHICLE_TAXI) {
  209.     coords += "&rp_vehicleType=TAXI";
  210.   }
  211.   else if (route_options & VEHICLE_BIKE) {
  212.     coords += "&rp_vehicleType=MOTORCYCLE";
  213.   }
  214.   if (route_options & ROUTE_DIST) {
  215.       coords += '&rp_type=DISTANCE';
  216.   }
  217.   coords += "&rp_options=" + getOptions();
  218.  
  219.   return 'https://www.waze.com/livemap'+coords;
  220. }
  221.  
  222. function getRoutingManager() {
  223.   if (W.model.countries.get(235) || W.model.countries.get(40)) { // US & Canada
  224.     return '/RoutingManager/routingRequest';
  225.   } else if (W.model.countries.get(106)) { // Israel
  226.     return '/il-RoutingManager/routingRequest';
  227.   } else {
  228.     return '/row-RoutingManager/routingRequest';
  229.   }
  230. }
  231.  
  232. function plotRoute(coords, index) {
  233.   var points = [];
  234.   for (var i in coords) {
  235.     if (i > 0) {
  236.       var point = OL.Layer.SphericalMercator.forwardMercator(coords[i].x, coords[i].y);
  237.       points.push(new OL.Geometry.Point(point.lon,point.lat));
  238.     }
  239.   }
  240.   var newline = new OL.Geometry.LineString(points);
  241.  
  242.   var style = {
  243.     strokeColor: routeColors[index],
  244.     strokeOpacity: 0.7,
  245.     strokeWidth: 8 - index * 2,
  246.   };
  247.   var lineFeature = new OL.Feature.Vector(newline, {type: "routeArrow"}, style);
  248.  
  249.   // Display new segment
  250.   WMERC_lineLayer_route.addFeatures([lineFeature]);
  251. }
  252.  
  253. function showNavigation(nav_json, reverse) {
  254.   // plot the route
  255.   WMERC_lineLayer_route.destroyFeatures();
  256.   if (typeof nav_json.alternatives !== "undefined"){
  257.     for (var r = nav_json.alternatives.length-1; r >= 0; r--) {
  258.       plotRoute(nav_json.alternatives[r].coords, r);
  259.     }
  260.   } else {
  261.     plotRoute(nav_json.coords, 0);
  262.   }
  263.   WMERC_lineLayer_route.setVisibility(true);
  264.   WMERC_lineLayer_route.setZIndex(routeZIndex);
  265.  
  266.   // hide segment details
  267.   var userTabs = getId('edit-panel');
  268.   var segmentBox = getElementsByClassName('segment', userTabs)[0];
  269.   var tabContent = getElementsByClassName('tab-content', segmentBox)[0];
  270.  
  271.   // write instructions
  272.   instructions = getId('routeTest');
  273.   instructions.innerHTML = '';
  274.   instructions.style.display = 'block';
  275.   instructions.style.height = document.getElementById('map').style.height;
  276.  
  277.   var nav_coords;
  278.   if (typeof nav_json.alternatives !== "undefined") {
  279.     for (var r = 0; r < nav_json.alternatives.length; r++) {
  280.       showInstructions(nav_json.alternatives[r], r);
  281.     }
  282.     nav_coords = nav_json.alternatives[0].coords;
  283.   } else {
  284.     showInstructions(nav_json, 0);
  285.     nav_coords = nav_json.coords;
  286.   }
  287.   var lon1 = nav_coords[0].x;
  288.   var lat1 = nav_coords[0].y;
  289.  
  290.   var end = nav_coords.length - 1;
  291.   var lon2 = nav_coords[end].x;
  292.   var lat2 = nav_coords[end].y;
  293.  
  294.   var rerouteArgs = '{lon:'+lon1+',lat:'+lat1+'},{lon:'+lon2+',lat:'+lat2+'}';
  295.  
  296.   // footer for extra links
  297.   var footer = document.createElement('div');
  298.   footer.className = 'routes_footer';
  299.  
  300.   // create link to reverse the route
  301.   var reverseLink = document.createElement('a');
  302.   reverseLink.innerHTML = '&#8646; Reverse Route';
  303.   reverseLink.href = '#';
  304.   reverseLink.setAttribute('onClick', 'fetchRoute('+!reverse+');');
  305.   reverseLink.addEventListener('click', function() { fetchRoute(!reverse); }, false);
  306.   footer.appendChild(reverseLink);
  307.  
  308.   footer.appendChild(document.createTextNode(' | '));
  309.  
  310.   var url = getLivemap()
  311.           + "&from_lon="+lon1 + "&from_lat="+lat1
  312.           + "&to_lon="+lon2 + "&to_lat="+lat2
  313.           + "&at_req=0&at_text=Now";
  314.  
  315.   // create link to view the navigation instructions
  316.   var livemapLink = document.createElement('a');
  317.   livemapLink.innerHTML = 'View in LiveMap &raquo;';
  318.   livemapLink.href = url;
  319.   livemapLink.target="LiveMap";
  320.   footer.appendChild(livemapLink);
  321.  
  322.   footer.appendChild(document.createElement('br'));
  323.  
  324.   // add link to script homepage and version
  325.   var scriptLink = document.createElement('a');
  326.   scriptLink.innerHTML = 'WME Route Checker v' + wmerc_version;
  327.   scriptLink.href = 'https://www.waze.com/forum/viewtopic.php?t=64777';
  328.   scriptLink.style.fontStyle = 'italic';
  329.   scriptLink.target="_blank";
  330.   footer.appendChild(scriptLink);
  331.  
  332.   instructions.appendChild(footer);
  333.  
  334.   return false;
  335. }
  336.  
  337. function showInstructions(nav_json, r) {
  338.   // for each route returned by Waze...
  339.   var route = nav_json.response;
  340.   var streetNames = route.streetNames;
  341.  
  342.   if (r > 0) { // divider
  343.     instructions.appendChild(document.createElement('p'));
  344.   }
  345.  
  346.   // name of the route, with coloured icon
  347.   var route_name = document.createElement('p');
  348.   route_name.className = 'route';
  349.   route_name.style.borderColor = routeColors[r];
  350.   route_name.innerHTML = '<b style="color:'+routeColors[r]+'">Via ' + route.routeName + '</b>';
  351.   instructions.appendChild(route_name);
  352.  
  353.   if (route.tollMeters > 0) {
  354.     route_name.innerHTML = '<span style="float: right">TOLL</span>' + route_name.innerHTML;
  355.   }
  356.  
  357.   var optail = '';
  358.   var prevStreet = '';
  359.   var currentItem = null;
  360.   var totalDist = 0;
  361.   var totalTime = 0;
  362.   //var detourSaving = 0;
  363.   
  364.   // street name at starting point
  365.   var streetName = streetNames[route.results[0].street];
  366.   var departFrom = 'depart';
  367.   if (!streetName || streetName === null)
  368.     streetName = '';
  369.   else {
  370.     departFrom = 'depart from ' + streetName;
  371.     streetName = ' from <span style="color: blue">' + streetName + '<span>';
  372.   }
  373.   
  374.   // turn icon at starting coordinates
  375.   if (r === 0) {
  376.     addTurnImageToMap(nav_json.coords[0], getTurnImage('FORWARD'), departFrom);
  377.   }
  378.  
  379.   // add first instruction (depart)
  380.   currentItem = document.createElement('a');
  381.   currentItem.className = 'step';
  382.   currentItem.innerHTML = getTurnImageSrc(getTurnImage('FORWARD')) + 'depart' + streetName;
  383.   instructions.appendChild(currentItem);
  384.  
  385.   var segments = [];
  386.   // iterate over all the steps in the list
  387.   for (var i = 0; i < route.results.length; i++) {
  388.     totalDist += route.results[i].length;
  389.     totalTime += route.results[i].crossTime;
  390.     //detourSaving += route.results[i].detourSavings;
  391.     
  392.     segments.push(route.results[i].path.segmentId);
  393.     
  394.     if (!route.results[i].instruction)
  395.       continue;
  396.     var opcode = route.results[i].instruction.opcode;
  397.     if (!opcode)
  398.       continue;
  399.  
  400.     // ignore these
  401.     if (opcode.match(/ROUNDABOUT_EXIT|CONTINUE|NONE/)) {
  402.       continue;
  403.     }
  404.  
  405.     // the image for the turn
  406.     var dirImage = getTurnImage(opcode);
  407.     var dirImageSrc = '';
  408.     if (dirImage !== '') {
  409.       dirImageSrc = '';
  410.     }
  411.     
  412.     // the name that TTS will read out (in blue)
  413.     streetName = getNextStreetName(route.results, i, route.streetNames);
  414.  
  415.     // roundabouts with nth exit instructions
  416.     if (opcode == 'ROUNDABOUT_ENTER') {
  417.       opcode += route.results[i].instruction.arg + 'th exit';
  418.       opcode = opcode.replace(/1th/, '1st');
  419.       opcode = opcode.replace(/2th/, '2nd');
  420.       opcode = opcode.replace(/3th/, '3rd');
  421.     }
  422.  
  423.     // convert opcode to pretty text
  424.     opcode = opcode.replace(/APPROACHING_DESTINATION/, 'arrive');
  425.     opcode = opcode.replace(/ROUNDABOUT_(EXIT_)?LEFT/, 'at the roundabout, turn left');
  426.     opcode = opcode.replace(/ROUNDABOUT_(EXIT_)?RIGHT/, 'at the roundabout, turn right');
  427.     opcode = opcode.replace(/ROUNDABOUT_(EXIT_)?STRAIGHT/, 'at the roundabout, continue straight');
  428.     opcode = opcode.replace(/ROUNDABOUT_ENTER/, 'at the roundabout, take ');
  429.     opcode = opcode.toLowerCase().replace(/_/, ' ');
  430.     opcode = opcode.replace(/uturn/, 'make a U-turn');
  431.     opcode = opcode.replace(/roundabout u/, 'at the roundabout, make a U-turn');
  432.  
  433.     // convert keep to exit if needed
  434.     var keepSide = W.model.isLeftHand ? /keep left/ : /keep right/;
  435.     if (opcode.match(keepSide) && i+1 < route.results.length &&
  436.         isKeepForExit(route.results[i].roadType, route.results[i+1].roadType)) {
  437.       opcode = opcode.replace(/keep (.*)/, 'exit $1');
  438.     }
  439.  
  440.     // show turn symbol on the map (for first route only)
  441.     if (r === 0) {
  442.       if (opcode == 'arrive') {
  443.         var end = nav_json.coords.length - 1;
  444.         var title = 'arrive at ' + (streetName !== '' ? streetName : 'destination');
  445.         addTurnImageToMap(nav_json.coords[end], dirImage, title);
  446.       } else {
  447.         //var title = opcode + (streetName != '' ? ' onto ' + streetName : '');
  448.         var title = opcode.replace(/at the roundabout, /, '');
  449.         if (streetName !== '') title += ' onto ' + streetName;
  450.         addTurnImageToMap(route.results[i+1].path, dirImage, title);
  451.       }
  452.     }
  453.  
  454.     // pretty street name
  455.     if (streetName !== '') {
  456.       if (opcode == 'arrive') {
  457.         streetName = ' at <span style="color: blue">' + streetName + '</span>';
  458.       } else {
  459.         streetName = ' onto <span style="color: blue">' + streetName + '</span>';
  460.       }
  461.     }
  462.     
  463.     // display new instruction
  464.     currentItem = document.createElement('a');
  465.     currentItem.className = 'step';
  466.     currentItem.innerHTML = getTurnImageSrc(dirImage) + opcode + streetName;
  467.     if (opcode.match(/0th exit/)) {
  468.       currentItem.style.color = 'red';
  469.     }
  470.     instructions.appendChild(currentItem);
  471.   }
  472.  
  473.   // append distance and time to last instruction
  474.   currentItem.title = (totalDist/1609).toFixed(3) + " miles";
  475.   currentItem.innerHTML += ' - ' + totalDist/1000 + ' km';
  476.   currentItem.innerHTML += ' - ' + timeFromSecs(totalTime);
  477.   //if (detourSaving > 0) {
  478.   //  currentItem.innerHTML += '<br>&nbsp; <i>detour saved ' + timeFromSecs(detourSaving) + '</i>';
  479.   //}
  480.   
  481.   selectAll = document.createElement('a');
  482.   selectAll.className = 'step select';
  483.   selectAll.innerHTML = 'Select route segments &#8605;';
  484.   selectAll.href = "#";
  485.   selectAll.setAttribute('onClick', 'selectSegmentIDs('+segments+');');
  486.   selectAll.addEventListener('click', function() { selectSegmentIDs(segments); }, false);
  487.   instructions.appendChild(selectAll);
  488. }
  489.  
  490. function selectSegmentIDs(segments) {
  491.   var objects = [];
  492.   for (var i = 0; i < segments.length; i++) {
  493.     objects.push(W.model.segments.objects[segments[i]]);
  494.   }
  495.   W.selectionManager.select(objects);
  496.   return false;
  497. }
  498.  
  499. function getNextStreetName(results, index, streetNames) {
  500.   var streetName = '';
  501.   var unnamedCount = 0;
  502.   var unnamedLength = 0;
  503.  
  504.   // destination
  505.   if (index == results.length-1) {
  506.     streetName = streetNames[results[index].street];
  507.     if (!streetName || streetName === null)
  508.       streetName = '';
  509.   }
  510.   
  511.   // look ahead to next street name
  512.   while (++index < results.length && streetName === '') {
  513.     streetName = streetNames[results[index].street];
  514.     if (!streetName || streetName === null)
  515.       streetName = '';
  516.  
  517.     // "Navigation instructions for unnamed segments" <- in the Wiki
  518.     if (streetName === '' && !isFreewayOrRamp(results[index].roadType) 
  519. 		&& !isRoundabout(results[index].path.segmentId)) {
  520.       unnamedLength += length;
  521.       unnamedCount++;
  522.       if (unnamedCount >= 4 || unnamedLength >= 400) {
  523.         //console.log("- unnamed segments too long; break");
  524.         break;
  525.       }
  526.     }
  527.   }
  528.   
  529.   return streetName;
  530. }
  531.  
  532. function getTurnImage(opcode) {
  533.   var dirImage = '';
  534.   if (W.model.countries.top.leftHandTraffic) {
  535.     opcode = opcode.replace(/(ROUNDABOUT_)(EXIT_)?/, "$1UK_");
  536.   }
  537.   switch (opcode) {
  538.     case "CONTINUE":
  539.     case "NONE":        dirImage = "big_direction_forwardc0958c4d4c5c79bcb656d34f3afb3ea2"; break;
  540.     case "TURN_LEFT":   dirImage = "big_direction_left5b94fa33f945d46ab1bdd1131ac0457e"; break;
  541.     case "TURN_RIGHT":  dirImage = "big_direction_right2d403871f04763260a40c537e231897e"; break;
  542.     case "KEEP_LEFT":
  543.     case "EXIT_LEFT":   dirImage = "big_direction_exit_left1c1498a6dec9582bae81d34ec9e6dc3b"; break;
  544.     case "KEEP_RIGHT":
  545.     case "EXIT_RIGHT":  dirImage = "big_direction_exit_rightba4fee1380f556a8570252c6745f1442"; break;
  546.     case "UTURN":       dirImage = "big_direction_u63cf785b68a57e8663020098cd07ed76"; break;
  547.     case "APPROACHING_DESTINATION":   dirImage = "big_direction_end25226c71aed0efd3a2db41978066febc"; break;
  548.     case "ROUNDABOUT_LEFT":
  549.     case "ROUNDABOUT_EXIT_LEFT":      dirImage = "big_directions_roundabout_l54dc48b91e36549b26bae30135462780"; break;
  550.     case "ROUNDABOUT_UK_LEFT":        dirImage = "big_directions_roundabout_UK_ldc86a0b99cfcd4ed03b0192d5b350c70"; break;
  551.     case "ROUNDABOUT_RIGHT":
  552.     case "ROUNDABOUT_EXIT_RIGHT":     dirImage = "big_directions_roundabout_rc114740b6cafc42177a53aa6c803c14d"; break;
  553.     case "ROUNDABOUT_UK_RIGHT":       dirImage = "big_directions_roundabout_r_UKc34794c4d01ec8a9fa012150d2f1e02a"; break;
  554.     case "ROUNDABOUT_STRAIGHT":
  555.     case "ROUNDABOUT_EXIT_STRAIGHT":  dirImage = "big_directions_roundabout_sffadf4fd7b277b8ef2f21688e79b9351"; break;
  556.     case "ROUNDABOUT_UK_STRAIGHT":    dirImage = "big_directions_roundabout_UK_s01ea5c47f4e08b20532505d84b3271e0"; break;
  557.     case "ROUNDABOUT_ENTER":
  558.     case "ROUNDABOUT_EXIT":           dirImage = "big_directions_roundabout9f9bf37022d431be50fecc457cd6e3df"; break;
  559.     case "ROUNDABOUT_UK_ENTER":
  560.     case "ROUNDABOUT_UK_EXIT":        dirImage = "big_directions_roundabout_UK7dce607d7359326a799fd9d3ad8542aa"; break;
  561.     case "ROUNDABOUT_U":              dirImage = "big_directions_roundabout_u3634283a7d740f30eb18c203f6a357be"; break;
  562.     case "ROUNDABOUT_UK_U":           dirImage = "big_directions_roundabout_u_UKba204c8a12885976f9bc5b07165b8644"; break;
  563.     default: dirImage = '';
  564.   }
  565.   return dirImage;
  566. }
  567.  
  568. function getTurnImageSrc(dirImage) {
  569.   var imgRoot = 'https://editor-assets.waze.com/production/img/';
  570.   if (dirImage !== '') {
  571.     return '<img src="' + imgRoot + dirImage + '.png" style="float: left; top: 0; padding-right: 4px" width="16" height="16" />';
  572.   }
  573.   return '';
  574. }
  575.  
  576. function isKeepForExit(fromType, toType) {
  577.   // primary to non-primary
  578.   if (isPrimaryRoad(fromType) && !isPrimaryRoad(toType)) {
  579.     return true;
  580.   }
  581.   // ramp to non-primary or non-ramp
  582.   if (isRamp(fromType) && !isPrimaryRoad(toType) && !isRamp(toType)) {
  583.     return true;
  584.   }
  585.   return false;
  586. }
  587.  
  588. function isFreewayOrRamp(t) {
  589.   return t === 3 /*FREEWAY*/ || t === 4 /*RAMP*/;
  590. }
  591.  
  592. function isPrimaryRoad(t) {
  593.   return t === 3 /*FREEWAY*/ || t === 6 /*MAJOR_HIGHWAY*/ || t === 7 /*MINOR_HIGHWAY*/;
  594. }
  595.  
  596. function isRamp(t) {
  597.   return t === 4 /*RAMP*/;
  598. }
  599.  
  600. function isRoundabout(id) {
  601.   segment = W.model.segments.get(id);
  602.   if (typeof segment != "undefined") {
  603.     return segment.attributes.junctionId !== null;
  604.   }
  605.   return false;
  606. }
  607.  
  608. function timeFromSecs(seconds)
  609. {
  610.   var hh = '00'+Math.floor(((seconds/86400)%1)*24);
  611.   var mm = '00'+Math.floor(((seconds/3600)%1)*60);
  612.   var ss = '00'+Math.round(((seconds/60)%1)*60);
  613.   return hh.slice(-2) + ':' + mm.slice(-2) + ':' + ss.slice(-2);
  614. }
  615.  
  616. function addTurnImageToMap(location, image, title) {
  617.   if (image === '') return;
  618.   
  619.   var coords = OL.Layer.SphericalMercator.forwardMercator(location.x, location.y);
  620.   var point = new OL.Geometry.Point(coords.lon,coords.lat);
  621.   var imgRoot = 'https://editor-assets.waze.com/production/img/';
  622.  
  623.   var style = {
  624.     externalGraphic: imgRoot + image + ".png",
  625.     graphicWidth: 30,
  626.     graphicHeight: 32,
  627.     graphicZIndex: 9999,
  628.     label: title,
  629.     labelXOffset: 20,
  630.     labelAlign: 'l',
  631.     labelOutlineColor: 'white',
  632.     labelOutlineWidth: 3,
  633.     fontWeight: 'bold',
  634.     fontColor: routeColors[0]
  635.   };
  636.   
  637.   if (title.match(/0th exit/)) {
  638.     style.fontColor = 'red';
  639.   }
  640.  
  641.   var imageFeature = new OL.Feature.Vector(point, null, style);
  642.   
  643.   // Display new segment
  644.   WMERC_lineLayer_route.addFeatures([imageFeature]);
  645. }
  646.  
  647. /* helper function */
  648. function getElementsByClassName(classname, node) {
  649.   if(!node) node = document.getElementsByTagName("body")[0];
  650.   var a = [];
  651.   var re = new RegExp('\\b' + classname + '\\b');
  652.   var els = node.getElementsByTagName("*");
  653.   for (var i=0,j=els.length; i<j; i++)
  654.     if (re.test(els[i].className)) a.push(els[i]);
  655.   return a;
  656. }
  657.  
  658. function getId(node) {
  659.   return document.getElementById(node);
  660. }
  661.  
  662. function initialiseRouteChecker() {
  663.   if (typeof Waze == 'undefined') {
  664.     return; // not WME
  665.   }
  666.  
  667.   console.log("WME Route Checker: initialising v" + wmerc_version);
  668.   
  669.   if (localStorage.WMERouteChecker) {
  670.     route_options = JSON.parse(localStorage.WMERouteChecker);
  671.     console.log("WME Route Checker: loaded options: " + route_options);
  672.   }
  673.  
  674.   /* dirty hack to inject stylesheet in to the DOM */
  675.   var style = document.createElement('style');
  676.   style.innerHTML = "#routeTest {padding: 0 4px 0 0; overflow-y: auto;}\n"
  677.                   + "#routeTest p.route {margin: 0; padding: 4px 8px; border-bottom: silver solid 3px; background: #eee}\n"
  678.                   + "#routeTest a.step {display: block; margin: 0; padding: 3px 8px; text-decoration: none; color:black;border-bottom: silver solid 1px;}\n"
  679.                   + "#routeTest a.step:hover {background: #ffd;}\n"
  680.                   + "#routeTest a.step:active {background: #dfd;}\n"
  681.                   + "#routeTest a.select {color: #00f; text-align: right}\n"
  682.                   + "#routeTest div.routes_footer {text-align: center; margin-bottom: 25px;}\n";
  683.   (document.body || document.head || document.documentElement).appendChild(style);
  684.  
  685.   // add a new layer for routes
  686.   WMERC_lineLayer_route = new OL.Layer.Vector("Route Checker Script",
  687.     { rendererOptions: { zIndexing: true },
  688.       shortcutKey: "S+t",
  689.       uniqueName: 'route_checker' }
  690.   );
  691.   W.map.addLayer(WMERC_lineLayer_route);
  692.   W.map.addControl(new OL.Control.DrawFeature(WMERC_lineLayer_route, OL.Handler.Path));
  693.  
  694.   // find best ZIndex
  695.   for (var i = 0; i < W.map.layers.length; i++) {
  696.     var l = W.map.layers[i];
  697.     if (/.Control.SelectHighlightFeature/.test(l.name)) {
  698.       routeZIndex = l.getZIndex()+1;
  699.     }
  700.   }
  701.  
  702.   // hack in translation:
  703.   I18n.translations[I18n.locale].layers.name.route_checker = "Route Checker Script";
  704.  
  705.   // ...and then hide it
  706.   $("label:contains('Route Checker Script')").parent().remove();
  707.  
  708.   // add listener for whenever selection changes
  709.   W.selectionManager.events.register("selectionchanged", null, showRouteOptions);
  710.  
  711.   showRouteOptions(); // for permalinks
  712. }
  713.  
  714. // bootstrap!
  715. (function()
  716. {
  717.   setTimeout(initialiseRouteChecker, 1003);
  718. })();
  719.  
  720. /* end ======================================================================= */