☰

WME Speedlimits

Adds colours to road segments to show their speeds

  1. // ==UserScript==
  2. // @name                WME Speedlimits
  3. // @namespace           https://greasyfork.org/cs/scripts/12402-wme-speeds
  4. // @author              Martin Kolář (based from WME Color Highlights v. 1.98)
  5. // @description         Adds colours to road segments to show their speeds
  6. // @match               https://*.waze.com/*editor*
  7. // @version             0.4.11
  8. // @icon                data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNjg3OEY2RjhFMEIxMUU1OTU1MUU5MjA0ODlFQjA1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNjg3OEY3MDhFMEIxMUU1OTU1MUU5MjA0ODlFQjA1MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2ODc4RjZEOEUwQjExRTU5NTUxRTkyMDQ4OUVCMDUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA2ODc4RjZFOEUwQjExRTU5NTUxRTkyMDQ4OUVCMDUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Dhzo6gAABIFJREFUeNqsV2tMU1kQnsWiVhG6Irrro1Br9IcJoMFH1j+AURLEB2CMGBWNIIgmZhMX/W+IupsYV+NzXR9IEE00+KpBjfiE4ApWs/5YHhbqA4EFWhArwg9nTs+9PffS1kthki/33plzZubcM3Nmju7aSNBKIYhliARELMKECOMyJ8KGsCLKEbcQn7Qo/UGDAzMQuxEZiLEane1BXEQcQNT7GxjkRzYasR/xGpE1COPAx2bxuQe4rkE5YEZU8pWPhMCJ5uZzXTO8DdB54c1FWBCT1IKwuAUweVUaRCQkgt5oBF1oKOP3d3WBy26HtvL78KH0KjifV6mnUsw8QSQjavzFAHlZgYgQmaFz4mB63g4wbszUtGx74XmwHT8Kzpp/1KI2xC9iXIgO6PmvihFnGDdlQ+zJUwH9f2tuDtjPDpj7CrEQ4aKPERkjZEEBIl0RCDt3QfThIwEHwE8py6G/uwc6qypENm1tMOKe6AAFXRF9yyvfvBWi/zwMQ6WJS5aC630zOK3VIns+T9MOKQv2cK/cwTZ3HsSeOAnDRaSLdAoUzG2yLBjHDxmZTLl5CgVXrpbCqdNnBigus1yX3588rYDii5eg4Y0NzNNNsHJFCiQtXeLRuW07WLM3idPXIn4N4qkxVkw1Y6ZiINTW1fldIRnfW7CfGSei58FDR6Dszl1PMGMGkW7VYZVMDiwWuVNS030aohWLkOjYcfd2rVu7hvHpSXS+sAi+o3sxORAtcibEJwww/ODhY59O/VdbC+0dnew9MTGePVOWJbMn8UnuR3d0EM8AmcaYTD6NJSWvgLwdO1lMuFwsjaGxsUmWT5s6lT3Dw8fLPFHuRbeZgjBUcTaHhChGvH33TvFN+0t4Xl0N+wr2Diob1LrJtu57k2hV0n7Tqi23y1hG1Lx4yYJvqERb0CUy+j/57iP0ej2kp63yFP2eHoiKipS/29s7FE8iUe5Fdxc50CByPttsihGkTFQophYpnzVzJoSP/5F937xl4UH7yB0LyCe5L91kW8eLg5yg/z8oB0NcnDyC9ppyWk2UapLyzI3r2ZjikssMEuVty1HMId3qwkS1YAy+rJY4X7G2R23J8rjY8AZ6e3uh+WOLu1mYEwMZaDw9LdVTw81mmBgxAVpb26Cz08FOws2ZGyAxIV5h7d/8XfDlgyKo/6ByTEdxs3gaxv51TnPt10r2C4VgzVLo/EwFk2KgG1EiSqiZGG7yopOqYbdUDan57JMk1MlQMzFcRLqc1c9EVh9vVuV+oIP3/YtkJ7B+UzNB9Xwo9Dr/N2g8MSCIDyIuqTuip4jlYjNKnQw1E9TZBLpyL8Yp6zZIf1x0oJ+3SYoLCP2JjxYLBI0aBWExMdoDLjcbWm/f8NaUJiFa/N2MfLblhnkL4eeVqe62PDISgg0G94Y6HOBqamJtefP1UnA8q/TmV4uWtlxsz6+oS/UQ6BVveOu13ozq+en4u5gdAVAf17HA1x3R393wC7+azUac5geHVqJm4W8+dzfXFfDtWLyep6iu5wYuc6iu5ze1Xs+/CTAA2tuMX1dHe2oAAAAASUVORK5CYII
  9. // @contributor         FZ69617
  10.  
  11. // ==/UserScript==
  12.  
  13. /*jshint eqnull:true, eqeqeq:true, freeze:true, funcscope:true, maxerr:1000, curly:true, latedef:true, unused:strict, noarg:true, loopfunc:true, undef:true */
  14. /*jshint -W069 */
  15. /*jshint browser:true */
  16. /*global W, I18n, OpenLayers */
  17.  
  18. (function() {
  19.   // global variables
  20.  
  21.   var wmeSpeedsColors = ['#ff0000', '#321325', '#540804', '#BA1200', '#FA4A48', '#F39C6B', '#A7D3A6', '#ADD2C2', '#CFE795', '#F7EF81', '#BDC4A7', '#95AFBA', '#3F7CAC', '#0A369D', '#001C55'];
  22.   var wmeSpeedsColorsMph = ['#ff0000', '#321325', '#702632', '#540804', '#A00027', '#BA1200', '#F15872', '#FA4A48', '#F39C6B', '#A7D3A6', '#ADD2C2', '#CFE795', '#F7EF81', '#BDC4A7', '#95AFBA', '#3F7CAC', '#0A369D', '#001C55', '#000000'];
  23.   var wmeSpeedsMaxSpeed = 130;
  24.   var wmeSpeedsMaxMphSpeed = 85;
  25.   var wmeSpeedsLayer;
  26.   var wmeSpeedsNonDrivableSpeedSegments = [5, 8, 10, 16, 18, 19, 20, 17, 15];
  27.   var wmeSpeedsOtherDrivableSegments = [8, 20, 117, 115];
  28.   var wmeSpeedsNonDrivableSegments = [5, 10, 16, 18, 19];
  29.   var wmeSpeedsMiles = false;
  30.   var wmeSpeedsKmphToMphRatio = 0.621371192;
  31.   var wmeSpeedsInvertSpeedsColors, wmeSpeedsInvertNonDrivableSpeedsColors, wmeSpeedsHighlightOneWay, wmeSpeedsTransparentColors, wmeSpeedsNonDrivableSpeedsColors, wmeSpeedsOtherDrivableSpeedsColors, wmeSpeedsUnverified;
  32.  
  33.   //  language settings
  34.   var wmeSpeedsLanguage = 'en'; //  default language
  35.   var wmeSpeedsTranslation = [];
  36.  
  37.   //  cs translation
  38.   wmeSpeedsTranslation['cs'] = {
  39.     'scriptName': 'WME Speeds',
  40.     'layerName': 'Rychlosti',
  41.     'tabName': 'R',
  42.     'speedsHeadline': 'Barvy segmentů dle rychlostí',
  43.     'forumLink': '<a href="https://www.waze.com/forum/viewtopic.php?f=22&t=166406" target="_blank">České fórum</a>',
  44.     'author': 'Autor: <a href="https://www.waze.com/user/editor/martinkolar" target="_blank">martinkolar (5)</a>',
  45.     'version': 'Verze:',
  46.     'invertSpeedsTitleNonDrivable': 'Invertovat barvy rychlostí (pouze s možností nastavení rychlosti)',
  47.     'invertSpeedsContentNonDrivable': 'Zvýrazní jen segmenty bez rychlosti (sjízdné) (červená)',
  48.     'invertSpeedsTitle': 'Invertovat barvy rychlostí (všechny segmenty)',
  49.     'invertSpeedsContent': 'Zvýrazní jen segmenty bez rychlosti (nesjízdné) (červená)',
  50.     'noSpeedsSegmentsTitle': 'Nesjízdné segmenty s rychlostí',
  51.     'noSpeedsSegmentsContent': 'Zvýrazní nesjízdné segmenty s rychlostmi (růžová)',
  52.     'noSpeedsSegmentsOtherTitle': 'Jinak sjízdné segmenty s rychlostí',
  53.     'noSpeedsSegmentsOtherContent': 'Zvýrazní jinak sjízdné segmenty s rychlostmi (růžová)',
  54.     'transparentColorsTitle': 'Průsvitné barvy',
  55.     'transparentColorsContent': 'Průsvitné barvy',
  56.     'unverifiedSegmentsTitle': 'Nepotvrzené rychlosti na segmentech',
  57.     'unverifiedSegmentsContent': 'Zvýrazní nepotvrzené rychlosti na segmentech'
  58.   };
  59.  
  60.   //  sk translation
  61.   wmeSpeedsTranslation['sk'] = {
  62.     'tabName': 'R',
  63.     'speedsHeadline': 'Farby segmentov podľa rýchlostí',
  64.     'forumLink': '<a href="https://www.waze.com/forum/viewtopic.php?f=22&t=166406" target="_blank">České fórum</a>',
  65.     'author': 'Autor: <a href="https://www.waze.com/user/editor/martinkolar" target="_blank">martinkolar (CZ)</a>',
  66.     'version': 'Verzia:',
  67.     'invertSpeedsTitleNonDrivable': 'Invertovať farby rýchlostí (pouze s možností nastavení rychlosti)',
  68.     'invertSpeedsContentNonDrivable': 'Zvýrazní iba segmenty bez rýchlosti (sjízdné) (červená)',
  69.     'invertSpeedsTitle': 'Invertovať farby rýchlostí',
  70.     'invertSpeedsContent': 'Zvýrazní iba segmenty bez rýchlosti (červená)',
  71.     'noSpeedsSegmentsTitle': 'Nezjazdné segmenty s rýchlosťou',
  72.     'noSpeedsSegmentsContent': 'Zvýrazní nezjazdné segmenty s rýchlosťami (ružová)',
  73.     'noSpeedsSegmentsOtherTitle': 'Inak zjazdné segmenty s rýchlosťou',
  74.     'noSpeedsSegmentsOtherContent': 'Zvýrazní inak zjazdné segmenty s rýchlosťami (ružová)',
  75.     'transparentColorsTitle': 'Priehľadné farby',
  76.     'transparentColorsContent': 'Spriehľadniť farby rýchlostí',
  77.     'unverifiedSegmentsTitle': 'Nepotvrdené rýchlosti na segmentoch',
  78.     'unverifiedSegmentsContent': 'Zvýrazniť nepotvrdené rýchlosti na segmentoch',
  79.     'scriptName': 'WME Speeds',
  80.     'layerName': 'Rýchlosti'
  81.   };
  82.  
  83.   //  en translation
  84.   wmeSpeedsTranslation['en'] = {
  85.     'tabName': 'S',
  86.     'speedsHeadline': 'Colors by speed',
  87.     'forumLink': '<a href="https://www.waze.com/forum/viewtopic.php?f=819&t=166497" target="_blank">English discussion</a>',
  88.     'author': 'Author: <a href="https://www.waze.com/user/editor/martinkolar" target="_blank">martinkolar (CZ)</a>',
  89.     'version': 'Version:',
  90.     'invertSpeedsTitleNonDrivable': 'Invert speed (only segments with speed settings)',
  91.     'invertSpeedsContentNonDrivable': 'Highlight segments without set speed (drivable) (red)',
  92.     'invertSpeedsTitle': 'Invert speed',
  93.     'invertSpeedsContent': 'Highlight segments without set speed (red)',
  94.     'noSpeedsSegmentsTitle': 'Non-drivable segments with speeds',
  95.     'noSpeedsSegmentsContent': 'Highlight non-drivable segments with set speed (pink)',
  96.     'noSpeedsSegmentsOtherTitle': 'Other-drivable segments with speeds',
  97.     'noSpeedsSegmentsOtherContent': 'Highlight other-drivable segments with set speed (pink)',
  98.     'transparentColorsTitle': 'Transparent color',
  99.     'transparentColorsContent': 'Make speed\'s colors transparent',
  100.     'unverifiedSegmentsTitle': 'Highlight unverified segments',
  101.     'unverifiedSegmentsContent': 'Highlight unverified segments',
  102.     'scriptName': 'WME Speeds',
  103.     'layerName': 'Speeds'
  104.   };
  105.  
  106.   //  Heb translation
  107.   wmeSpeedsTranslation['he'] = {
  108.     'tabName': 'S',
  109.     'speedsHeadline': 'מקרא מהירויות לפי צבעים',
  110.     'forumLink': '<a href="https://www.waze.com/forum/viewtopic.php?f=819&t=166497" target="_blank">דיון בפורום (אנגלית)</a>',
  111.     'author': 'יוצר התוסף: martinkolar (CZ)',
  112.     'version': 'גרסא:',
  113.     'invertSpeedsTitleNonDrivable': 'הדגש את כל המקטעים ללא מהירות מוגדרת',
  114.     'invertSpeedsContentNonDrivable': 'הדגש מקטעים מותרים לנהיגה ללא מהירות מוגדרת (אדום)',
  115.     'invertSpeedsTitle': 'הפוך הגדרות',
  116.     'invertSpeedsContent': 'הדגש מקטעים ללא מהירות מוגדרת (אדום)',
  117.     'noSpeedsSegmentsTitle': 'מקטעים שאינם ניתנים לנהיגה עם מהירות מוגדרת',
  118.     'noSpeedsSegmentsContent': 'הדגש מקטעים שאינם ניתנים לנהיגה עם מהירות מוגדרת (ורוד)',
  119.     'noSpeedsSegmentsOtherTitle': 'אחר- מקטעים המותרים לנהיגה עם מהירות מוגדרת',
  120.     'noSpeedsSegmentsOtherContent': 'הדגש מקטעים המותרים לנהיגה עם מהירות מוגדרת (ורוד)',
  121.     'transparentColorsTitle': 'מצב שקיפות',
  122.     'transparentColorsContent': 'הפעל מצב שקיפות צבעי מהירויות',
  123.     'unverifiedSegmentsTitle': 'הדגש מקטעים לא מאומתים',
  124.     'unverifiedSegmentsContent': 'הדגש מקטעים לא מאומתים',
  125.     'scriptName': 'WME Speeds',
  126.     'layerName': 'מהירויות'
  127.   };
  128.  
  129.   //  pl translation
  130.   wmeSpeedsTranslation['pl'] = {
  131.     'scriptName': 'WME Speeds',
  132.     'layerName': 'Ograniczenia prękości',
  133.     'tabName': 'P',
  134.     'speedsHeadline': 'Kolory ograniczeń prędkości',
  135.     'forumLink': 'Forum: <a href="https://www.waze.com/forum/viewtopic.php?f=819&t=166497" target="_blank">angielskie</a> | <a href="https://www.waze.com/forum/viewtopic.php?f=22&t=166406" target="_blank">czeskie</a>',
  136.     'author': 'Autor: <a href="https://www.waze.com/user/editor/martinkolar" target="_blank">martinkolar (CZ)</a>',
  137.     'version': 'Wersja:',
  138.     'invertSpeedsTitleNonDrivable': 'Inwersja kolorów (tylko z opcją ograniczenia)',
  139.     'invertSpeedsContentNonDrivable': 'Zaznacza drogi bez ustawionych ograniczeń prędkości z dostępną opcją ograniczenia (czerwony)',
  140.     'invertSpeedsTitle': 'Inwersja kolorów',
  141.     'invertSpeedsContent': 'Zaznacza drogi bez ustawionych ograniczeń prędkości (czerwony)',
  142.     'noSpeedsSegmentsTitle': 'Nieprzejezdne drogi z prędkościami',
  143.     'noSpeedsSegmentsContent': 'Zaznacza nieprzejezdne drogi z ustawionymi ograniczeniami prędkości (różowy)',
  144.     'noSpeedsSegmentsOtherTitle': 'Inne przejezdne drogi z prędkościami',
  145.     'noSpeedsSegmentsOtherContent': 'Zaznacza inne przejezdne drogi z ustawionymi ograniczeniami prędkości (różowy)',
  146.     'transparentColorsTitle': 'Przeźroczyste kolory',
  147.     'transparentColorsContent': 'Przeźroczyste kolory ograniczeń',
  148.     'unverifiedSegmentsTitle': 'Niezweryfikowane prędkości',
  149.     'unverifiedSegmentsContent': 'Wyróżnia segmenty z niezweryfikowanymi ograniczeniami prędkości'
  150.   };
  151.  
  152.   /* =========================================================================== */
  153.   function highlightSpeedsSegments() {
  154.     wmeSpeedsInvertSpeedsColors = getId('_wmeSpeedsInvert').checked;
  155.     wmeSpeedsInvertNonDrivableSpeedsColors = getId('_wmeSpeedsInvertNonDrivable').checked;
  156.     wmeSpeedsNonDrivableSpeedsColors = getId('_wmeSpeedsNonDrivable').checked;
  157.     wmeSpeedsOtherDrivableSpeedsColors = getId('_wmeSpeedsOtherDrivable').checked;
  158.     wmeSpeedsTransparentColors = getId('_wmeSpeedsTransparentColors').checked;
  159.     wmeSpeedsUnverified = getId('_wmeSpeedsUnverifed').checked;
  160.     wmeSpeedsHighlightOneWay = false;
  161.     var roadGroupSelector = document.getElementById('layer-switcher-group_road');
  162.  
  163.     if (wmeSpeedsLayer.getVisibility() && roadGroupSelector.checked) {
  164.  
  165.       var speedDiv = wmeSpeedsMiles ? 5 : 10;
  166.       var maxSpeed = wmeSpeedsMiles ? wmeSpeedsMaxMphSpeed : wmeSpeedsMaxSpeed;
  167.       var speedsColors = wmeSpeedsMiles ? wmeSpeedsColorsMph : wmeSpeedsColors;
  168.       var speedOpacity = wmeSpeedsTransparentColors ? 0.5 : 1;
  169.       var speedValue = wmeSpeedsMiles ? kmphToMph : function(x) { return x; };
  170.  
  171.       var features = [];
  172.  
  173.       for (var seg in W.model.segments.objects) {
  174.         var segment = W.model.segments.getObjectById(seg);
  175.  
  176.         if (!isOnScreen(segment)) {
  177.           continue;
  178.         }
  179.  
  180.         var attributes = segment.attributes;
  181.         var roadType = attributes.roadType;
  182.  
  183.         if ((wmeSpeedsNonDrivableSpeedsColors && wmeSpeedsNonDrivableSegments.indexOf(roadType) !== -1) ||
  184.           (wmeSpeedsOtherDrivableSpeedsColors && wmeSpeedsOtherDrivableSegments.indexOf(roadType) !== -1)) {
  185.           if (typeof attributes.fwdMaxSpeed === 'number' || typeof attributes.revMaxSpeed === 'number') {
  186.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  187.               strokeColor: '#DC0073',
  188.               strokeWidth: 8,
  189.               strokeOpacity: speedOpacity
  190.             }));
  191.           }
  192.           continue;
  193.         }
  194.  
  195.         var speed1 = { index: 0, allow: attributes.fwdDirection, unverified: attributes.fwdMaxSpeedUnverified };
  196.         var speed2 = { index: 0, allow: attributes.revDirection, unverified: attributes.revMaxSpeedUnverified };
  197.  
  198.         if (!speed1.allow && !speed2.allow) {
  199.           continue;
  200.         }
  201.  
  202.         if (speed1.allow && typeof attributes.fwdMaxSpeed === 'number') {
  203.           speed1.value = speedValue(attributes.fwdMaxSpeed);
  204.           speed1.exact = (speed1.value % speedDiv) === 0;
  205.  
  206.           if (speed1.value >= maxSpeed) {
  207.             speed1.index = Math.ceil(maxSpeed / speedDiv);
  208.           }
  209.           else {
  210.             speed1.index = Math.ceil(speed1.value / speedDiv);
  211.           }
  212.         }
  213.  
  214.         if (speed2.allow && typeof attributes.revMaxSpeed === 'number') {
  215.           speed2.value = speedValue(attributes.revMaxSpeed);
  216.           speed2.exact = (speed2.value % speedDiv) === 0;
  217.  
  218.           if (speed2.value >= maxSpeed) {
  219.             speed2.index = Math.ceil(maxSpeed / speedDiv);
  220.           }
  221.           else {
  222.             speed2.index = Math.ceil(speed2.value / speedDiv);
  223.           }
  224.         }
  225.  
  226.         speed1.color = speedsColors[speed1.index];
  227.         speed2.color = speedsColors[speed2.index];
  228.  
  229.         if ((!wmeSpeedsInvertSpeedsColors && !wmeSpeedsInvertNonDrivableSpeedsColors) && ((speed1.index === 0 && speed2.index === 0) || (!speed2.allow && speed1.index === 0) || (!speed1.allow && speed2.index === 0))) {
  230.           continue;
  231.         }
  232.  
  233.         if (wmeSpeedsInvertSpeedsColors && ((speed1.index === 0 && speed2.index === 0) || (!speed2.allow && speed1.index === 0) || (!speed1.allow && speed2.index === 0))) {
  234.           features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  235.             strokeColor: '#ff0000',
  236.             strokeWidth: 8,
  237.             strokeOpacity: speedOpacity
  238.           }));
  239.           continue;
  240.         }
  241.  
  242.         if (wmeSpeedsInvertNonDrivableSpeedsColors && ((speed1.index === 0 && speed2.index === 0) || (!speed2.allow && speed1.index === 0) || (!speed1.allow && speed2.index === 0)) && wmeSpeedsNonDrivableSpeedSegments.indexOf(roadType) === -1) {
  243.           features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  244.             strokeColor: '#ff0000',
  245.             strokeWidth: 8,
  246.             strokeOpacity: speedOpacity
  247.           }));
  248.           continue;
  249.         }
  250.  
  251.         if (wmeSpeedsInvertSpeedsColors || wmeSpeedsInvertNonDrivableSpeedsColors) {
  252.           continue;
  253.         }
  254.  
  255.         if (wmeSpeedsHighlightOneWay && ((!attributes.fwdDirection && typeof attributes.fwdMaxSpeed === 'number') ||
  256.                          (!attributes.revDirection && typeof attributes.revMaxSpeed === 'number'))) {
  257.           features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  258.             strokeColor: attributes.fwdDirection ? '#ffffff' : '#999999',
  259.             strokeDashstyle: '15 15',
  260.             strokeWidth: 8,
  261.             strokeOpacity: speedOpacity
  262.           }));
  263.           continue;
  264.         }
  265.  
  266.         var oneSpeed = null;
  267.  
  268.         if (speed1.allow && speed2.allow) {
  269.           if (speed1.index === 0 || speed2.index === 0) {
  270.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  271.               strokeColor: '#ff00ff',
  272.               strokeWidth: 8,
  273.               strokeOpacity: speedOpacity
  274.             }));
  275.             continue;
  276.           }
  277.  
  278.           if ((speed1.index === speed2.index) && (speed1.exact === speed2.exact) &&
  279.             (!wmeSpeedsUnverified || (speed1.unverified === speed2.unverified))) {
  280.             oneSpeed = speed1;
  281.           }
  282.         }
  283.         else if (speed1.allow) {
  284.           oneSpeed = speed1;
  285.         }
  286.         else if (speed2.allow) {
  287.           oneSpeed = speed2;
  288.         }
  289.  
  290.         if (oneSpeed !== null) {
  291.           if (wmeSpeedsUnverified && oneSpeed.unverified) {
  292.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  293.               strokeColor: oneSpeed.color,
  294.               strokeDashstyle: '1 14',
  295.               strokeLinecap: 'round',
  296.               strokeWidth: 8,
  297.               strokeOpacity: speedOpacity
  298.             }));
  299.           }
  300.           else {
  301.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  302.               strokeColor: oneSpeed.color,
  303.               strokeDashstyle: oneSpeed.exact ? 'none' : '4 1',
  304.               strokeLinecap: oneSpeed.exact ? 'round' : 'butt',
  305.               strokeWidth: 8,
  306.               strokeOpacity: speedOpacity
  307.             }));
  308.           }
  309.           continue;
  310.         }
  311.  
  312.         if ((attributes.fwdDirection && attributes.fwdMaxSpeed === 126) ||
  313.           (attributes.revDirection && attributes.revMaxSpeed === 126)) {
  314.           features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  315.             strokeColor: '#ff00ff',
  316.             strokeWidth: 8,
  317.             strokeOpacity: speedOpacity
  318.           }));
  319.           continue;
  320.         }
  321.  
  322.         // draw two speeds
  323.  
  324.         var speed1Dotted = speed1.allow && wmeSpeedsUnverified && speed1.unverified;
  325.         var speed2Dotted = speed2.allow && wmeSpeedsUnverified && speed2.unverified;
  326.  
  327.         if (speed1.allow) {
  328.           if (speed1Dotted) {
  329.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  330.               strokeColor: speed1.color,
  331.               strokeDashstyle: speed2Dotted ? '1 14' : '1 29',
  332.               strokeLinecap: 'round',
  333.               strokeWidth: 8,
  334.               strokeOpacity: speedOpacity
  335.             }));
  336.           }
  337.           else {
  338.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  339.               strokeColor: speed1.color,
  340.               //strokeDashstyle: speed1.exact ? "15 15" : "4 1 4 1 4 1 0 15",
  341.               //strokeDashstyle: speed1.exact ? "0 8 15 7" : "0 8 4 1 4 1 4 1 0 7",
  342.               strokeDashstyle: speed1.exact ? (speed2Dotted ? '0 8 15 7' : '15 15') : (speed2Dotted ? '0 8 4 1 4 1 4 1 0 7' : '4 1 4 1 4 1 0 15'),
  343.               strokeLinecap: 'butt',
  344.               strokeWidth: 8,
  345.               strokeOpacity: speedOpacity
  346.             }));
  347.           }
  348.         }
  349.  
  350.         if (speed2.allow) {
  351.           if (speed2Dotted) {
  352.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  353.               strokeColor: speed2.color,
  354.               strokeDashstyle: '1 29',
  355.               strokeLinecap: 'round',
  356.               strokeWidth: 8,
  357.               strokeOpacity: speedOpacity
  358.             }));
  359.           }
  360.           else {
  361.             features.push(new OpenLayers.Feature.Vector(segment.getOLGeometry().clone(), {}, {
  362.               strokeColor: speed2.color,
  363.               //strokeDashstyle: speed2.exact ? "0 15 15 0" : "0 15 4 1 4 1 4 1",
  364.               //strokeDashstyle: speed2.exact ? (speed1Dotted ? "0 8 15 7" : "8 15 7 0") : (speed1Dotted ? "0 8 4 1 4 1 4 1 0 7" : "3 1 4 15 4 1 2 0"),
  365.               strokeDashstyle: speed2.exact ? (speed1Dotted ? '0 8 15 7' : '0 15 15 0') : (speed1Dotted ? '0 8 4 1 4 1 4 1 0 7' : '0 15 4 1 4 1 4 1'),
  366.               strokeLinecap: 'butt',
  367.               strokeWidth: 8,
  368.               strokeOpacity: speedOpacity
  369.             }));
  370.           }
  371.         }
  372.  
  373.       } // end of loop
  374.  
  375.       wmeSpeedsLayer.removeAllFeatures();
  376.       wmeSpeedsLayer.addFeatures(features);
  377.     }
  378.   } // end of function
  379.  
  380.   function makeSpeedsTab() {
  381.     var addon = document.createElement('section');
  382.  
  383.     addon.innerHTML += '<h3 style="margin-bottom: 5px;">' + fe_t('speedsHeadline') + '</h3>';
  384.  
  385.     function optionHtml(id, title_t, content_t) {
  386.       return '<label title="' + fe_t(content_t) + '"><input id="' + id + '" type="checkbox"/>' + fe_t(title_t) + '</label><br>';
  387.     }
  388.  
  389.     addon.innerHTML += optionHtml('_wmeSpeedsInvert', 'invertSpeedsTitle', 'invertSpeedsContent');
  390.     addon.innerHTML += optionHtml('_wmeSpeedsInvertNonDrivable', 'invertSpeedsTitleNonDrivable', 'invertSpeedsContentNonDrivable');
  391.     addon.innerHTML += optionHtml('_wmeSpeedsNonDrivable', 'noSpeedsSegmentsTitle', 'noSpeedsSegmentsContent');
  392.     addon.innerHTML += optionHtml('_wmeSpeedsOtherDrivable', 'noSpeedsSegmentsOtherTitle', 'noSpeedsSegmentsOtherContent');
  393.     addon.innerHTML += optionHtml('_wmeSpeedsUnverifed', 'unverifiedSegmentsTitle', 'unverifiedSegmentsContent');
  394.     addon.innerHTML += optionHtml('_wmeSpeedsTransparentColors', 'transparentColorsTitle', 'transparentColorsContent');
  395.  
  396.     var speedsForTab = wmeSpeedsMiles ? wmeSpeedsColorsMph : wmeSpeedsColors;
  397.  
  398.     addon.innerHTML += '<div style="margin-top: 10px;"></div>';
  399.  
  400.     for (var i = 1; i < speedsForTab.length; i++) {
  401.       var actualSpeedForTab;
  402.       if ((i + 1) === speedsForTab.length) {
  403.         if (wmeSpeedsMiles) {
  404.           actualSpeedForTab = ' &gt; ' + wmeSpeedsMaxMphSpeed + '&nbsp;mph';
  405.         }
  406.         else {
  407.           actualSpeedForTab = ' &gt; ' + wmeSpeedsMaxSpeed + '&nbsp;km/h';
  408.         }
  409.       }
  410.       else if (wmeSpeedsMiles) {
  411.         actualSpeedForTab = (i * 5) + '&nbsp;mph';
  412.       }
  413.       else {
  414.         actualSpeedForTab = (i * 10) + '&nbsp;km/h';
  415.       }
  416.  
  417.       addon.innerHTML += '<div style="width: 28%; float: left;background-color: ' + speedsForTab[i] + ';padding:2px 0;border-radius:5px;color:' + getContrastColor(speedsForTab[i]) + ';font-size:14px;text-align:center;margin: 0 3px 3px;">' + actualSpeedForTab + '</div>';
  418.     }
  419.  
  420.     addon.innerHTML += '<p style="font-size:11px;margin-top:15px;clear:both;">' + fe_t('forumLink') + '<br>' + fe_t('author') + '<br>' + fe_t('version') + ' <a href="https://greasyfork.org/scripts/12402" target="_blank">' + GM_info.script.version + '</a></p>';
  421.  
  422.     const { tabLabel, tabPane } = W.userscripts.registerSidebarTab("sidepanel-wme-speeds");
  423.     tabLabel.innerHTML = '<img src="' + GM_info.script.icon + '" width="16" height="16" style="margin-top: -2px;">';
  424.     tabLabel.title = 'WME Speeds';
  425.     tabLabel.id = "sidepanel-wme-speeds";
  426.     tabPane.appendChild(addon);
  427.     return tabPane;
  428.   }
  429.  
  430.   /* helper function */
  431.   function getElementsByClassName(classname, node) {
  432.     node = node || document.getElementsByTagName('body')[0];
  433.     var a = [];
  434.     var re = new RegExp('\\b' + classname + '\\b');
  435.     var els = node.getElementsByTagName('*');
  436.     for (var i = 0, j = els.length; i < j; i++) {
  437.       if (re.test(els[i].className)) {
  438.         a.push(els[i]);
  439.       }
  440.     }
  441.     return a;
  442.   }
  443.  
  444.   function getId(node) {
  445.     return document.getElementById(node);
  446.   }
  447.  
  448.   function changeLayer() {
  449.     var roadGroupSelector = document.getElementById('layer-switcher-group_road');
  450.     var layerSelector = document.getElementById('layer-switcher-item_speeds');
  451.  
  452.     if (roadGroupSelector.checked && layerSelector.checked) {
  453.       highlightSpeedsSegments();
  454.     }
  455.     else {
  456.       wmeSpeedsLayer.removeAllFeatures();
  457.     }
  458.  
  459.     if (layerSelector.checked) {
  460.       localStorage.DrawSegmentSpeeds = true;
  461.     }
  462.     else {
  463.       localStorage.DrawSegmentSpeeds = false;
  464.     }
  465.   }
  466.  
  467.   function kmphToMph(kmph) {
  468.     return Math.round(kmph * wmeSpeedsKmphToMphRatio);
  469.   }
  470.  
  471.   function fe_t(name, params) { //  function for translation
  472.     if (typeof params === 'object') {
  473.       var returnString = wmeSpeedsTranslation[wmeSpeedsLanguage][name];
  474.  
  475.       for (var i in params) {
  476.         do {
  477.           returnString = returnString.replace('{' + i + '}', params[i]);
  478.         } while (returnString.indexOf('{' + i + '}') !== -1);
  479.       }
  480.  
  481.       return returnString;
  482.     }
  483.     else {
  484.       return wmeSpeedsTranslation[wmeSpeedsLanguage][name];
  485.     }
  486.   }
  487.  
  488.   function isOnScreen(segment) {
  489.     var e = W.map.getExtent();
  490.     var eg = e.toGeometry();
  491.     return eg.intersects(segment.getOLGeometry());
  492.   }
  493.  
  494.   function getContrastColor(hex_color) {
  495.     var r = parseInt(hex_color.substr(1, 2), 16);
  496.     var g = parseInt(hex_color.substr(3, 2), 16);
  497.     var b = parseInt(hex_color.substr(5, 2), 16);
  498.     var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
  499.     return (yiq >= 128) ? 'black' : 'white';
  500.   }
  501.  
  502.   /* =========================================================================== */
  503.   async function initialiseSpeedsHighlights() {
  504.  
  505.     if (wmeSpeedsTranslation[I18n.locale] != null) {
  506.       wmeSpeedsLanguage = I18n.locale;
  507.     }
  508.  
  509.     wmeSpeedsLayer = new OpenLayers.Layer.Vector(fe_t('layerName'), {
  510.       displayInLayerSwitcher: true,
  511.       uniqueName: '__DrawSegmentSpeeds'
  512.     });
  513.  
  514.     // I18n.translations.en.layers.name["__DrawSegmentSpeeds"] = fe_t('scriptName');
  515.     W.map.addLayer(wmeSpeedsLayer);
  516.  
  517.     var roadGroupSelector = document.getElementById('layer-switcher-group_road');
  518.  
  519.     if (roadGroupSelector !== null) {
  520.       var roadGroup = roadGroupSelector.parentNode.parentNode.getElementsByTagName('UL')[0];
  521.       var toggler = document.createElement('li');
  522.       var checkbox = document.createElement('wz-checkbox');
  523.  
  524.       checkbox.id = 'layer-switcher-item_speeds';
  525.       checkbox.className = 'hydrated';
  526.       checkbox.disabled = !roadGroupSelector.checked;
  527.  
  528.       if (localStorage.DrawSegmentSpeeds === 'true') {
  529.         checkbox.checked = 'checked';
  530.       }
  531.  
  532.       checkbox.appendChild(document.createTextNode(fe_t('layerName')));
  533.       toggler.appendChild(checkbox);
  534.       roadGroup.appendChild(toggler);
  535.  
  536.       checkbox.addEventListener('click', function(e) {
  537.         wmeSpeedsLayer.setVisibility(e.target.checked);
  538.       });
  539.  
  540.       roadGroupSelector.addEventListener('click', function(e) {
  541.         wmeSpeedsLayer.setVisibility(e.target.checked & checkbox.checked);
  542.         checkbox.disabled = !e.target.checked;
  543.       });
  544.     }
  545.  
  546.     if (localStorage.DrawSegmentSpeeds === 'true') {
  547.       wmeSpeedsLayer.setVisibility(localStorage.DrawSegmentSpeeds === 'true');
  548.     }
  549.     else {
  550.       wmeSpeedsLayer.setVisibility(false);
  551.     }
  552.  
  553.     // begin periodic updates
  554.     //window.setInterval(highlightSpeedsSegments,333);
  555.  
  556.     // trigger code when page is fully loaded, to catch any missing bits
  557.     window.addEventListener('load', function() {
  558.       var mapProblems = getId('map-problems-explanation');
  559.       if (mapProblems !== null) {
  560.         mapProblems.style.display = 'none';
  561.       }
  562.     });
  563.  
  564.     if (W.model.isImperial) {
  565.       wmeSpeedsMiles = true;
  566.     }
  567.  
  568.     var tabPane = makeSpeedsTab();
  569.     await W.userscripts.waitForElementConnected(tabPane);
  570.  
  571.     // restore saved settings
  572.     if (localStorage.WMESpeedsScript) {
  573.       console.log('WME Speeds: Loading Options');
  574.       var options = JSON.parse(localStorage.WMESpeedsScript);
  575.  
  576.       getId('_wmeSpeedsInvert').checked = options[1];
  577.       getId('_wmeSpeedsNonDrivable').checked = options[2];
  578.       getId('_wmeSpeedsOtherDrivable').checked = options[3];
  579.       getId('_wmeSpeedsTransparentColors').checked = options[4];
  580.       getId('_wmeSpeedsUnverifed').checked = options[5];
  581.       getId('_wmeSpeedsInvertNonDrivable').checked = options[6];
  582.     }
  583.  
  584.     // overload the WME exit function
  585.     var saveWmeSpeedsOptions = function() {
  586.       if (localStorage) {
  587.         console.log('WME Speeds: Saving Options');
  588.         var options = [];
  589.  
  590.         // preserve previous options which may get lost after logout
  591.         if (localStorage.WMESpeedsScript) {
  592.           options = JSON.parse(localStorage.WMESpeedsScript);
  593.         }
  594.  
  595.         options[1] = getId('_wmeSpeedsInvert').checked;
  596.         options[2] = getId('_wmeSpeedsNonDrivable').checked;
  597.         options[3] = getId('_wmeSpeedsOtherDrivable').checked;
  598.         options[4] = getId('_wmeSpeedsTransparentColors').checked;
  599.         options[5] = getId('_wmeSpeedsUnverifed').checked;
  600.         options[6] = getId('_wmeSpeedsInvertNonDrivable').checked;
  601.  
  602.         localStorage.WMESpeedsScript = JSON.stringify(options);
  603.       }
  604.     };
  605.  
  606.     // register some events...
  607.     W.map.events.register('zoomend', null, highlightSpeedsSegments);
  608.     W.map.events.register('changelayer', null, changeLayer);
  609.  
  610.     //W.map.events.register("movestart", null, highlightSpeedsSegments);
  611.     //W.map.events.register("move", null, highlightSpeedsSegments);
  612.     W.map.events.register('moveend', null, highlightSpeedsSegments);
  613.  
  614.     window.addEventListener('load', highlightSpeedsSegments);
  615.  
  616.     //W.map.baseLayer.events.register("loadend", null, highlightSpeedsSegments);
  617.  
  618.     W.model.events.register('mergeend', null, highlightSpeedsSegments);
  619.  
  620.     //W.vent.on("operationPending", highlightSpeedsSegments);
  621.     W.app.layout.model.on('operationDone', highlightSpeedsSegments);
  622.  
  623.     // save options
  624.     window.addEventListener('beforeunload', saveWmeSpeedsOptions, false);
  625.  
  626.     getId('_wmeSpeedsInvert').onclick = highlightSpeedsSegments;
  627.     getId('_wmeSpeedsNonDrivable').onclick = highlightSpeedsSegments;
  628.     getId('_wmeSpeedsOtherDrivable').onclick = highlightSpeedsSegments;
  629.     getId('_wmeSpeedsTransparentColors').onclick = highlightSpeedsSegments;
  630.     getId('_wmeSpeedsUnverifed').onclick = highlightSpeedsSegments;
  631.     getId('_wmeSpeedsInvertNonDrivable').onclick = highlightSpeedsSegments;
  632.  
  633.     // initial highlight
  634.     highlightSpeedsSegments();
  635.   }
  636.  
  637.   /* engage! =================================================================== */
  638.   document.addEventListener("wme-map-data-loaded", initialiseSpeedsHighlights, {once: true});
  639.  
  640. })();
  641. /* end ======================================================================= */