☰

WME Route Checker

Allows editors to check the route between two segments

当前为 2015-04-25 提交的版本，查看 最新版本。

  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://editor-beta.waze.com/*
  8. // @version             1.12
  9. // @grant               none
  10. // ==/UserScript==
  11.  
  12. // globals
  13. var wmerc_version = "1.12";
  14.  
  15. var AVOID_TOLLS = 1;
  16. var AVOID_FREEWAYS = 2;
  17. var AVOID_DIRT = 4;
  18. var ALLOW_UTURNS = 16;
  19. var ROUTE_DIST = 32;
  20.  
  21. var route_options = ALLOW_UTURNS; // default
  22.  
  23. var routeZIndex = 0;
  24.  
  25. function showRouteOptions() {
  26.   if (Waze.selectionManager.selectedItems.length != 2) {
  27.     WMERC_lineLayer_route.destroyFeatures();
  28.     WMERC_lineLayer_route.setZIndex(-999);
  29.     return;
  30.   }
  31.   
  32.   if (getId('routeOptions') != null) {
  33.     return;
  34.   }
  35.   
  36.   // hook into edit panel on the left    
  37.   var userTabs = getId('edit-panel');
  38.   var segmentBox = getElementsByClassName('segment', userTabs)[0];
  39.   var tabContent = getElementsByClassName('tab-content', segmentBox)[0];
  40.  
  41.   // add new edit tab to left of the map
  42.   var addon = document.createElement('div');
  43.   addon.id = "routeOptions";
  44.   addon.style.borderTop = "solid 2px #E9E9E9";
  45.   addon.style.borderBottom = "solid 2px #E9E9E9";
  46.   if (location.hostname.match(/editor.*.waze.com/)) {
  47.     coords1 = getCoords(Waze.selectionManager.selectedItems[0]);
  48.     coords2 = getCoords(Waze.selectionManager.selectedItems[1]);
  49.     var url = getLivemap()
  50.             + "&from_lon="+coords1.lon + "&from_lat="+coords1.lat
  51.             + "&to_lon="+coords2.lon + "&to_lat="+coords2.lat;
  52.     
  53.     addon.innerHTML = '<p><b><a href="'+url+'" title="Opens in new tab" target="LiveMap" style="color:#8309e1">Show routes in LiveMap</a> &raquo;</b></p>';
  54.     segmentBox.insertBefore(addon, tabContent);
  55.   } else {
  56.     addon.innerHTML = '<p><b><a href="#" id="goroutes" title="WME Route Checker v'+wmerc_version+'" style="color:#8309e1">'
  57.                     + 'Show routes between these two segments</a> &raquo;</b><br>'
  58.                     + '<b>Route:</b>'
  59.                     + ' <input type="radio" name="_routeType" id="_routeType_fast" value="0" checked> Fastest'
  60.                     + ' <input type="radio" name="_routeType" id="_routeType_short" value="'+ROUTE_DIST+'"> Shortest<br>'
  61.                     + '<b>Avoid:</b>'
  62.                     + ' <input type="checkbox" id="_avoidTolls" /> Tolls'
  63.                     + ' <input type="checkbox" id="_avoidFreeways" /> Freeways'
  64.                     + ' <input type="checkbox" id="_avoidDirt" /> Dirt Trails<br>'
  65.                     + '<b>Allow:</b>'
  66.                     + ' <input type="checkbox" id="_allowUTurns" /> U-Turns</p>';
  67.      segmentBox.insertBefore(addon, tabContent);
  68.     
  69.      getId('_avoidTolls').checked              = route_options & AVOID_TOLLS;
  70.      getId('_avoidFreeways').checked           = route_options & AVOID_FREEWAYS;
  71.      getId('_avoidDirt').checked               = route_options & AVOID_DIRT;
  72.      getId('_allowUTurns').checked             = route_options & ALLOW_UTURNS;
  73.      getId('_routeType_short').checked         = route_options & ROUTE_DIST;
  74.   }
  75.  
  76.   // create empty div ready for instructions
  77.   var routeTest = document.createElement('div');
  78.   routeTest.id = "routeTest";
  79.   segmentBox.insertBefore(routeTest, tabContent);
  80.   
  81.   // automatically start getting route when user clicks on link
  82.   getId('goroutes').onclick = fetchRoute;
  83.  
  84.   return;
  85. }
  86.  
  87. function saveOptions() {
  88.   route_options = (getId('_avoidTolls').checked    ? AVOID_TOLLS    : 0)
  89.                 + (getId('_avoidFreeways').checked ? AVOID_FREEWAYS : 0)
  90.                 + (getId('_avoidDirt').checked     ? AVOID_DIRT     : 0)
  91.                 + (getId('_allowUTurns').checked   ? ALLOW_UTURNS   : 0)
  92.                 + (getId('_routeType_short').checked ? ROUTE_DIST   : 0);
  93.  
  94.   console.log("WME Route Checker: saving options: " + route_options);
  95.   localStorage.WMERouteChecker = JSON.stringify(route_options);
  96. }
  97.  
  98. function getOptions() {
  99.   var list = 'AVOID_TOLL_ROADS' + (route_options & AVOID_TOLLS    ? ':t' : ':f') + ','
  100.            + 'AVOID_PRIMARIES'  + (route_options & AVOID_FREEWAYS ? ':t' : ':f') + ','
  101.            + 'AVOID_TRAILS'     + (route_options & AVOID_DIRT     ? ':t' : ':f') + ','
  102.            + 'ALLOW_UTURNS'     + (route_options & ALLOW_UTURNS   ? ':t' : ':f');
  103.   return list;
  104. }
  105.  
  106. function getCoords(segment) {
  107.   var numpoints = segment.geometry.components.length;
  108.   var middle = Math.floor(numpoints / 2);
  109.   
  110.   if (numpoints % 2 == 1 || numpoints < 2) { // odd number, middle point
  111.     seglat = segment.geometry.components[middle].y;
  112.     seglon = segment.geometry.components[middle].x;
  113.   } 
  114.   else { // even number - take average of middle two points
  115.     seglat = (segment.geometry.components[middle].y
  116.            +  segment.geometry.components[middle-1].y) / 2.0;
  117.     seglon = (segment.geometry.components[middle].x
  118.            +  segment.geometry.components[middle-1].x) / 2.0;
  119.   }
  120.   return OpenLayers.Layer.SphericalMercator.inverseMercator(seglon,seglat);
  121. }
  122.   
  123. function fetchRoute(reverse) {
  124.   saveOptions();
  125.   
  126.   var coords1, coord2;
  127.   reverse = (reverse != false);
  128.   if (reverse) {
  129.     coords1 = getCoords(Waze.selectionManager.selectedItems[0]);
  130.     coords2 = getCoords(Waze.selectionManager.selectedItems[1]);
  131.   } else {
  132.     coords1 = getCoords(Waze.selectionManager.selectedItems[1]);
  133.     coords2 = getCoords(Waze.selectionManager.selectedItems[0]);
  134.   }
  135.   
  136.   var img = '<img src="https://www.waze.com/images/search_indicator.gif" hspace="4">';
  137.  
  138.   // get the route, fix and parse the json
  139.   getId('routeTest').innerHTML = "<p><b>Fetching route from LiveMap " + img + "</b></p>";
  140.   var url = getRoutingManager();
  141.   var data = {
  142.     from: "x:" + coords1.lon + " y:" + coords1.lat + " bd:true",
  143.     to: "x:" + coords2.lon + " y:" + coords2.lat + " bd:true",
  144.     returnJSON: true,
  145.     returnGeometries: true,
  146.     returnInstructions: true,
  147.     type: (route_options & ROUTE_DIST ? 'DISTANCE' : 'HISTORIC_TIME'),
  148.     clientVersion: '4.0.0', 
  149.     timeout: 60000,
  150.     nPaths: 3,
  151.     options: getOptions()};
  152.  
  153.   $.ajax({
  154.     dataType: "json",
  155.     url: url,
  156.     data: data,
  157.     dataFilter: function(data, dataType) {
  158.       return data.replace(/NaN/g, '0');
  159.     },
  160.     success: function(json) { 
  161.       showNavigation(json, reverse);
  162.     }
  163.   });
  164.   return false;
  165. }
  166.  
  167. function getLivemap() {
  168.   var center_lonlat=new OpenLayers.LonLat(Waze.map.center.lon,Waze.map.center.lat);
  169.   center_lonlat.transform(new OpenLayers.Projection ("EPSG:900913"),new OpenLayers.Projection("EPSG:4326"));
  170.   var coords = '?lon='+center_lonlat.lon+'&lat='+center_lonlat.lat;
  171.  
  172.   return 'https://www.waze.com/livemap'+coords;
  173. }
  174.   
  175. function getRoutingManager() {
  176.   if (Waze.model.countries.get(235) || Waze.model.countries.get(40)) { // US & Canada
  177.     return '/RoutingManager/routingRequest';
  178.   } else if (Waze.model.countries.get(106)) { // Israel
  179.     return '/il-RoutingManager/routingRequest';
  180.   } else {
  181.     return '/row-RoutingManager/routingRequest';
  182.   }
  183. }
  184.   
  185. function plotRoute(coords, index) {
  186.   var points = [];
  187.   for (var i in coords) {
  188.     if (i > 0) {
  189.       var point = OpenLayers.Layer.SphericalMercator.forwardMercator(coords[i].x, coords[i].y);
  190.       points.push(new OL.Geometry.Point(point.lon,point.lat));
  191.     }
  192.   }
  193.   var newline = new OL.Geometry.LineString(points);
  194.     
  195.   var style = { 
  196.     strokeColor: routeColors[index], 
  197.     strokeOpacity: 0.7,
  198.     strokeWidth: 8 - index * 2,
  199.   };
  200.   var lineFeature = new OL.Feature.Vector(newline, {type: "routeArrow"}, style);
  201.   
  202.   // Display new segment
  203.   WMERC_lineLayer_route.addFeatures([lineFeature]);
  204. }
  205.  
  206. function showNavigation(nav_json, reverse) {
  207.   // plot the route
  208.   routeColors = ["#8309e1", "#52BAD9", "#888800", ]; 
  209.   WMERC_lineLayer_route.destroyFeatures();
  210.   if (typeof nav_json.alternatives !== "undefined"){
  211.     for (var r = nav_json.alternatives.length-1; r >= 0; r--) {
  212.       plotRoute(nav_json.alternatives[r].coords, r);
  213.     }
  214.   } else {
  215.     plotRoute(nav_json.coords, 0);
  216.   }
  217.   WMERC_lineLayer_route.setVisibility(true);
  218.   WMERC_lineLayer_route.setZIndex(routeZIndex);
  219.  
  220.   // hide segment details
  221.   var userTabs = getId('edit-panel');
  222.   var segmentBox = getElementsByClassName('segment', userTabs)[0];
  223.   var tabContent = getElementsByClassName('tab-content', segmentBox)[0];
  224.   tabContent.style.display = 'none';
  225.   
  226.   // write instructions
  227.   instructions = getId('routeTest');
  228.   instructions.innerHTML = '';
  229.   instructions.style.display = 'block';
  230.   instructions.style.height = document.getElementById('map').style.height;
  231.  
  232.   if (typeof nav_json.alternatives !== "undefined") {
  233.     for (var r = 0; r < nav_json.alternatives.length; r++) {
  234.       showInstructions(nav_json.alternatives[r], r);
  235.     }
  236.     nav_coords = nav_json.alternatives[0].coords;
  237.   } else {
  238.     showInstructions(nav_json, 0);
  239.     nav_coords = nav_json.coords;
  240.   }
  241.   var lon1 = nav_coords[0].x;
  242.   var lat1 = nav_coords[0].y;
  243.  
  244.   var end = nav_coords.length - 1;
  245.   var lon2 = nav_coords[end].x;
  246.   var lat2 = nav_coords[end].y;
  247.  
  248.   var rerouteArgs = '{lon:'+lon1+',lat:'+lat1+'},{lon:'+lon2+',lat:'+lat2+'}';
  249.  
  250.   // footer for extra links
  251.   var footer = document.createElement('div');
  252.   footer.className = 'routes_footer';
  253.   
  254.   // create link to reverse the route
  255.   var reverseLink = document.createElement('a');
  256.   reverseLink.innerHTML = '&laquo; Reverse Route';
  257.   reverseLink.href = '#';
  258.   reverseLink.setAttribute('onClick', 'fetchRoute('+!reverse+');');
  259.   reverseLink.addEventListener('click', function() { fetchRoute(!reverse); }, false);
  260.   footer.appendChild(reverseLink);
  261.  
  262.   footer.appendChild(document.createTextNode(' | '));
  263.  
  264.   var url = getLivemap()
  265.           + "&from_lon="+lon1 + "&from_lat="+lat1
  266.           + "&to_lon="+lon2 + "&to_lat="+lat2;
  267.  
  268.   // create link to view the navigation instructions
  269.   var livemapLink = document.createElement('a');
  270.   livemapLink.innerHTML = 'View in LiveMap &raquo;';
  271.   livemapLink.href = url;
  272.   livemapLink.target="LiveMap";
  273.   footer.appendChild(livemapLink);
  274.  
  275.   footer.appendChild(document.createElement('br'));
  276.  
  277.   // add link to script homepage and version
  278.   var scriptLink = document.createElement('a');
  279.   scriptLink.innerHTML = 'WME Route Checker v' + wmerc_version;
  280.   scriptLink.href = 'https://www.waze.com/forum/viewtopic.php?t=64777';
  281.   scriptLink.style.fontStyle = 'italic';
  282.   scriptLink.target="_blank";
  283.   footer.appendChild(scriptLink);
  284.  
  285.   instructions.appendChild(footer);
  286.  
  287.   return false;
  288. }
  289.  
  290. function showInstructions(nav_json, r) {
  291.   var imgRoot = '/assets-editor';
  292.   
  293.   continueImage = '<img src="'+imgRoot+'/images/vectors/routeInstructions/big_direction_forward.png" style="float: left; top: 0; padding-right: 4px" width="16" height="16" />';
  294.   beginImage = continueImage;
  295.  
  296.   // for each route returned by Waze...
  297.   var route = nav_json.response;
  298.   var streetNames = route.streetNames;
  299.  
  300.   if (r > 0) {
  301.       instructions.appendChild(document.createElement('p'));
  302.   }
  303.  
  304.   // name of the route, with coloured icon
  305.   route_name = document.createElement('p');
  306.   route_name.className = 'route';
  307.   route_name.style.borderColor = routeColors[r];
  308.   route_name.innerHTML = '<b style="color:'+routeColors[r]+'">Via ' + route.routeName + '</b>';
  309.   instructions.appendChild(route_name); 
  310.   
  311.   if (route.tollMeters > 0) {
  312.     route_name.innerHTML = '<span style="float: right">TOLL</span>' + route_name.innerHTML;
  313.   }
  314.  
  315.   var optail = '';
  316.   var prevStreet = '';
  317.   var currentItem = null;
  318.   var totalDist = 0;
  319.   var totalTime = 0;
  320.   var prevDist = 0;
  321.   var prevTime = 0;
  322.   var lastSegment = route.results[0].path.segmentId;
  323.  
  324.   // iterate over all the steps in the list
  325.   for (var i = 0; i < route.results.length; i++) {
  326.     prevDist = totalDist;
  327.     prevTime = totalTime;
  328.     totalDist += route.results[i].length;
  329.     totalTime += route.results[i].crossTime;
  330.  
  331.     if (!route.results[i].instruction)
  332.       continue;
  333.     var opcode = route.results[i].instruction.opcode;
  334.     if (!opcode)
  335.       continue;
  336.  
  337.     if (opcode.match(/ROUNDABOUT_EXIT/))
  338.       continue;
  339.  
  340.     switch (opcode) {
  341.       case "CONTINUE":
  342.       case "NONE":        dirImage = "big_direction_forward"; break;
  343.       case "TURN_LEFT":   dirImage = "big_direction_left"; break;
  344.       case "TURN_RIGHT":  dirImage = "big_direction_right"; break;
  345.       case "KEEP_LEFT":
  346.       case "EXIT_LEFT":   dirImage = "big_direction_exit_left"; break;
  347.       case "KEEP_RIGHT":
  348.       case "EXIT_RIGHT":  dirImage = "big_direction_exit_right"; break;
  349.       case "UTURN":       dirImage = "big_directions_roundabout_u"; break;
  350.       case "APPROACHING_DESTINATION":   dirImage = "big_direction_end"; break;
  351.       case "ROUNDABOUT_LEFT":
  352.       case "ROUNDABOUT_EXIT_LEFT":      dirImage = "big_directions_roundabout_l"; break;
  353.       case "ROUNDABOUT_RIGHT":
  354.       case "ROUNDABOUT_EXIT_RIGHT":     dirImage = "big_directions_roundabout_r"; break;
  355.       case "ROUNDABOUT_STRAIGHT":
  356.       case "ROUNDABOUT_EXIT_STRAIGHT":  dirImage = "big_directions_roundabout_s"; break;
  357.       case "ROUNDABOUT_ENTER":
  358.       case "ROUNDABOUT_EXIT":           dirImage = "big_directions_roundabout"; break;
  359.       case "ROUNDABOUT_U":              dirImage = "big_directions_roundabout_u"; break;
  360.       default: dirImage = '';
  361.     }
  362.     if (dirImage != '')
  363.       dirImageSrc = '<img src="'+imgRoot+'/images/vectors/routeInstructions/'+dirImage+'.png" style="float: left; top: 0; padding-right: 4px" width="16" height="16" />';
  364.  
  365.     var streetName = route.streetNames[route.results[i].street];
  366.     if (!streetName || streetName == null)
  367.       streetName = '';
  368.     else
  369.       streetName = '<span style="color: blue">' + streetName + '</span>';
  370.  
  371.     if (streetName.match(/^to/i))
  372.       optail = ' ';
  373.  
  374.     // display new, non-blank street names
  375.     if ((streetName != prevStreet && streetName != '') || i == 0) {
  376.       if (currentItem == null) {
  377.         // new street that doesn't follow turn instruction, i.e. continue
  378.         if (optail == '')
  379.           optail = continueImage + 'continue on ';
  380.  
  381.         if (i == 0) { // from location
  382.           var lon = nav_json.coords[0].x;
  383.           var lat = nav_json.coords[0].y;
  384.           optail = beginImage + 'depart from ';
  385.         } else { // start of street location
  386.           var lon = route.results[i].path.x;
  387.           var lat = route.results[i].path.y;
  388.         }
  389.  
  390.         addTurnImage(lat, lon, dirImage);
  391.         
  392.         currentItem = document.createElement('a');
  393.         currentItem.className = 'step';
  394.         currentItem.innerHTML = optail + streetName;
  395.       } else {
  396.         // these will be appended to previous turn instruction
  397.         currentItem.innerHTML += optail + streetName;
  398.       }
  399.  
  400.       instructions.appendChild(currentItem);
  401.       prevStreet = streetName;
  402.       currentItem = null;
  403.       optail = '';
  404.     }
  405.  
  406.     if (opcode == 'CONTINUE' || opcode == 'NONE') {
  407.       continue;
  408.     }
  409.  
  410.     // roundabouts with nth exit instructions
  411.     if (opcode == 'ROUNDABOUT_ENTER') {
  412.       opcode += route.results[i].instruction.arg + 'th exit';
  413.       opcode = opcode.replace(/1th/, '1st');
  414.       opcode = opcode.replace(/2th/, '2nd');
  415.       opcode = opcode.replace(/3th/, '3rd');
  416.       opcode = opcode.replace(/4th/, '4th');
  417.       opcode = opcode.replace(/0th/, '<span style="color: red">0th</span>');
  418.     }
  419.  
  420.     // convert opcode to pretty text
  421.     opcode = opcode.replace(/APPROACHING_DESTINATION/, 'arrive at destination');
  422.     opcode = opcode.replace(/ROUNDABOUT_(EXIT_)?LEFT/, 'at the roundabout, turn left');
  423.     opcode = opcode.replace(/ROUNDABOUT_(EXIT_)?RIGHT/, 'at the roundabout, turn right');
  424.     opcode = opcode.replace(/ROUNDABOUT_(EXIT_)?STRAIGHT/, 'at the roundabout, continue straight');
  425.     opcode = opcode.replace(/ROUNDABOUT_(ENTER|EXIT)/, 'at the roundabout, take ');
  426.     opcode = opcode.toLowerCase().replace(/_/, ' ');
  427.     opcode = opcode.replace(/uturn/, 'make a U-turn');
  428.     opcode = opcode.replace(/roundabout u/, 'at the roundabout, make a U-turn');
  429.  
  430.     // flush previous instruction to list
  431.     if (currentItem != null) {
  432.       instructions.appendChild(currentItem);
  433.       currentItem = null;
  434.     }
  435.  
  436.     // get coordinates of instruction
  437.     if (i+1 < route.results.length) { // location of turn
  438.       var lon = route.results[i+1].path.x;
  439.       var lat = route.results[i+1].path.y;
  440.     } else { // destination location
  441.       var end = nav_json.coords.length - 1;
  442.       var lon = nav_json.coords[end].x;
  443.       var lat = nav_json.coords[end].y;
  444.     }
  445.     
  446.     addTurnImage(lat, lon, dirImage);
  447.     
  448.     lastSegment = route.results[i].path.segmentId;
  449.  
  450.     // create new instruction
  451.     currentItem = document.createElement('a');
  452.     currentItem.className = 'step';
  453.     currentItem.innerHTML = dirImageSrc + opcode;
  454.  
  455.     // connecting word in case we have a street name later
  456.     if (opcode.match(/continue/))
  457.       optail = ' on ';
  458.     else
  459.       optail = ' onto ';
  460.  
  461.     // force 'turn left' and 'turn right' to show the street name
  462.     if (opcode.match(/turn left|turn right/))
  463.       prevStreet = '';
  464.   }
  465.  
  466.   // flush last instruction to list
  467.   if (currentItem != null) {
  468.     currentItem.title = (totalDist/1609).toFixed(3) + " miles";
  469.     currentItem.innerHTML += ' - ' + totalDist/1000 + ' km';
  470.     currentItem.innerHTML += ' - ' + timeFromSecs(totalTime);
  471.     instructions.appendChild(currentItem);
  472.     currentItem = null;
  473.   }
  474. };
  475.  
  476. function timeFromSecs(seconds)
  477. {
  478.   hh = '00'+Math.floor(((seconds/86400)%1)*24);
  479.   mm = '00'+Math.floor(((seconds/3600)%1)*60);
  480.   ss = '00'+Math.round(((seconds/60)%1)*60);
  481.   return hh.slice(-2) + ':' + mm.slice(-2) + ':' + ss.slice(-2);
  482. }
  483.  
  484. function addTurnImage(lat, lon, image, title) {
  485.   var coords = OpenLayers.Layer.SphericalMercator.forwardMercator(lon, lat);
  486.   var point = new OL.Geometry.Point(coords.lon,coords.lat);
  487.   var imgRoot = '/assets-editor';
  488.   
  489.   var style = { 
  490.     externalGraphic: imgRoot + "/images/vectors/routeInstructions/"+image+".png", 
  491.     graphicWidth: 30,
  492.     graphicHeight: 32,
  493.     graphicZIndex: 9999,
  494.     title: title
  495.   };
  496.   var imageFeature = new OL.Feature.Vector(point, null, style);
  497.   
  498.   // Display new segment
  499.   WMERC_lineLayer_route.addFeatures([imageFeature]);
  500. }
  501.  
  502. /* helper function */
  503. function getElementsByClassName(classname, node) {
  504.   if(!node) node = document.getElementsByTagName("body")[0];
  505.   var a = [];
  506.   var re = new RegExp('\\b' + classname + '\\b');
  507.   var els = node.getElementsByTagName("*");
  508.   for (var i=0,j=els.length; i<j; i++)
  509.     if (re.test(els[i].className)) a.push(els[i]);
  510.   return a;
  511. }
  512.  
  513. function getId(node) {
  514.   return document.getElementById(node);
  515. }
  516.  
  517. function initialiseRouteChecker() {
  518.   console.log("WME Route Checker: initialising v" + wmerc_version);
  519.   
  520.   if (localStorage.WMERouteChecker) {
  521.     route_options = JSON.parse(localStorage.WMERouteChecker);
  522.     console.log("WME Route Checker: loaded options: " + route_options);
  523.   }
  524.  
  525.   /* dirty hack to inject stylesheet in to the DOM */
  526.   var style = document.createElement('style');
  527.   style.innerHTML = "#routeTest {padding: 0 4px 0 0; overflow-y: auto;}\n"
  528.                   + "#routeTest p.route {margin: 0; padding: 4px 8px; border-bottom: silver solid 3px; background: #eee}\n"
  529.                   + "#routeTest a.step {display: block; margin: 0; padding: 3px 8px; text-decoration: none; color:black;border-bottom: silver solid 1px;}\n"
  530.                   + "#routeTest a.step:hover {background: #ffd;}\n"
  531.                   + "#routeTest a.step:active {background: #dfd;}\n"
  532.                   + "#routeTest div.routes_footer {text-align: center; margin-bottom: 25px;}\n";
  533.   (document.body || document.head || document.documentElement).appendChild(style);
  534.     
  535.   // add a new layer for routes
  536.   WMERC_lineLayer_route = new OL.Layer.Vector("Route Checker Script", 
  537.     { rendererOptions: { zIndexing: true }, 
  538.       shortcutKey: "S+t",
  539.       uniqueName: 'route_checker' }
  540.   ); 
  541.   Waze.map.addLayer(WMERC_lineLayer_route);
  542.   Waze.map.addControl(new OL.Control.DrawFeature(WMERC_lineLayer_route, OL.Handler.Path));
  543.   
  544.   // find best ZIndex
  545.   for (var i = 0; i < Waze.map.layers.length; i++) {
  546.     l = Waze.map.layers[i];
  547.     if (/Waze.Control.SelectHighlightFeature/.test(l.name)) {
  548.       routeZIndex = l.getZIndex()+1;
  549.     }
  550.   }
  551.   
  552.   // hack in translation:
  553.   I18n.translations[I18n.locale].layers.name.route_checker = "Route Checker Script"; 
  554.    
  555.   // ...and then hide it
  556.   $("label:contains('Route Checker Script')").parent().remove();
  557.   
  558.   // add listener for whenever selection changes
  559.   Waze.selectionManager.events.register("selectionchanged", null, showRouteOptions);
  560.   
  561.   showRouteOptions(); // for permalinks
  562. }
  563.  
  564. // bootstrap!
  565. (function()
  566. {
  567.   setTimeout(initialiseRouteChecker, 1003);
  568. })();
  569.  
  570. /* end ======================================================================= */