☰

WME RA Util

Providing basic utility for RA adjustment without the need to delete & recreate

当前为 2019-10-30 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         WME RA Util
  3. // @namespace    https://greasyfork.org/users/30701-justins83-waze
  4. // @version      2019.10.29.01
  5. // @description  Providing basic utility for RA adjustment without the need to delete & recreate
  6. // @include      https://www.waze.com/editor*
  7. // @include      https://www.waze.com/*/editor*
  8. // @include      https://beta.waze.com/*
  9. // @exclude      https://www.waze.com/user/editor*
  10. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  11. // @author       JustinS83
  12. // @grant        none
  13. // @license      GPLv3
  14. // @contributionURL https://github.com/WazeDev/Thank-The-Authors
  15. // ==/UserScript==
  16.  
  17. /* global W */
  18. /* global WazeWrap */
  19. /* global OL */
  20. /* global require */
  21. /* global $ */
  22. /* global _ */
  23. /* global I18n */
  24. /* eslint curly: ["warn", "multi-or-nest"] */
  25.  
  26. /*
  27. Todo:
  28. -diameter change
  29.  
  30. non-normal RA color:#FF8000
  31. normal RA color:#4cc600
  32. */
  33. (function() {
  34.  
  35.     var RAUtilWindow = null;
  36.     var UpdateSegmentGeometry;
  37.     var MoveNode, MultiAction;
  38.     var drc_layer;
  39. 	let wEvents;
  40.  
  41.     //var totalActions = 0;
  42.     var _settings;
  43.     const updateMessage = "";
  44.  
  45.     function bootstrap(tries = 1) {
  46.  
  47.         if (window.W && window.W.map &&
  48.             window.W.model && window.require &&
  49.             WazeWrap.Ready)
  50.             init();
  51.         else if (tries < 1000)
  52.             setTimeout(function () {bootstrap(tries++);}, 200);
  53.     }
  54.  
  55.     bootstrap();
  56.  
  57.  
  58.     function init(){
  59.         UpdateSegmentGeometry = require('Waze/Action/UpdateSegmentGeometry');
  60.         MoveNode = require("Waze/Action/MoveNode");
  61.         MultiAction = require("Waze/Action/MultiAction");
  62.         
  63.         if(W.map.events)
  64. 		    wEvents = W.map.events;
  65. 	    else
  66. 		    wEvents = W.map.getMapEventsListener();
  67.  
  68.         RAUtilWindow = document.createElement('div');
  69.         RAUtilWindow.id = "RAUtilWindow";
  70.         RAUtilWindow.style.position = 'fixed';
  71.         RAUtilWindow.style.visibility = 'hidden';
  72.         RAUtilWindow.style.top = '15%';
  73.         RAUtilWindow.style.left = '25%';
  74.         RAUtilWindow.style.width = '480px';
  75.         RAUtilWindow.style.zIndex = 100;
  76.         RAUtilWindow.style.backgroundColor = '#BEDCE5';
  77.         RAUtilWindow.style.borderWidth = '3px';
  78.         RAUtilWindow.style.borderStyle = 'solid';
  79.         RAUtilWindow.style.borderRadius = '10px';
  80.         RAUtilWindow.style.boxShadow = '5px 5px 10px Silver';
  81.         RAUtilWindow.style.padding = '4px';
  82.  
  83.         var alertsHTML = '<div id="header" style="padding: 4px; background-color:#4cc600; font-weight: bold; text-align:center;">Roundabout Utility <a data-toggle="collapse" href="#divWrappers" id="collapserLink" style="float:right"><span id="collapser" style="cursor:pointer;border:thin outset black;padding:2px;" class="fa fa-caret-square-o-up"></a></span></div>';
  84.         alertsHTML += '<div id="divWrappers" class="collapse in">';
  85.         alertsHTML += '<div id="contentShift" style="padding: 4px; background-color:White; display:inline-block; border-style:solid; border-width:1px; margin-right:5px;">';
  86.         alertsHTML += 'Shift amount</br><input type="text" name="shiftAmount" id="shiftAmount" size="1" style="border: 1px solid #000000" value="1"/> meter(s)&nbsp;';
  87.  
  88.         alertsHTML += '<div id="controls" style="padding: 4px;">';
  89.  
  90.         alertsHTML += '<table style="table-layout:fixed; width:60px; height:84px; margin-left:auto;margin-right:auto;">';
  91.         alertsHTML += '<tr style="width:20px;height:28px;">';
  92.         alertsHTML += '<td align="center"></td>';
  93.         alertsHTML += '<td align="center">';
  94.         //Single Shift Buttons
  95.         alertsHTML += '<span id="RAShiftUpBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">';//margin-left:23px;">';
  96.         alertsHTML += '<i class="fa fa-angle-up"> </i>';
  97.         alertsHTML += '<span id="UpBtnCaption" style="font-weight: bold;"></span>';
  98.         alertsHTML += '</span>';
  99.         alertsHTML += '</td>';
  100.         alertsHTML += '<td align="center"></td>';
  101.         alertsHTML += '</tr>';
  102.  
  103.         alertsHTML += '<tr style="width:20px;height:28px;">';
  104.         alertsHTML += '<td align="center">';
  105.         alertsHTML += '<span id="RAShiftLeftBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;padding-right:4px;">';//position:relative;padding:2px;padding-left:3px;padding-right:3px;margin-left:0px;top:10px;">';
  106.         alertsHTML += '<i class="fa fa-angle-left"> </i>';
  107.         alertsHTML += '<span id="LeftBtnCaption" style="font-weight: bold;"></span>';
  108.         alertsHTML += '</span>';
  109.         alertsHTML += '</td>';
  110.  
  111.         alertsHTML += '<td align="center"></td>';
  112.  
  113.         alertsHTML += '<td align="center">';
  114.         alertsHTML += '<span id="RAShiftRightBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;padding-left:4px;">';//position:relative;padding:2px;padding-left:3px;padding-right:3px;top:10px;margin-left:15px;">';
  115.         alertsHTML += '<i class="fa fa-angle-right"> </i>';
  116.         alertsHTML += '<span id="RightBtnCaption" style="font-weight: bold;"></span>';
  117.         alertsHTML += '</span>';
  118.         alertsHTML += '</td>';
  119.         alertsHTML += '</tr>';
  120.  
  121.         alertsHTML += '<tr style="width:20px;height:28px;">';
  122.         alertsHTML += '<td align="center"></td>';
  123.  
  124.         alertsHTML += '<td align="center">';
  125.         alertsHTML += '<span id="RAShiftDownBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">';//;position:relative;top:20px;margin-left:17px;">';
  126.         alertsHTML += '<i class="fa fa-angle-down"> </i>';
  127.         alertsHTML += '<span id="DownBtnCaption" style="font-weight: bold;"></span>';
  128.         alertsHTML += '</span>';
  129.         alertsHTML += '</td>';
  130.  
  131.         alertsHTML += '<td align="center"></td>';
  132.         alertsHTML += '</tr>';
  133.         alertsHTML += '</table>';
  134.         alertsHTML += '</div></div>';
  135.  
  136.  
  137.         //***************** Rotation **************************
  138.         alertsHTML += '<div id="contentRotate" style="padding: 4px; background-color:White;  display:inline-block; border-style:solid; border-width:1px; height:152px;  margin-right:5px;">';
  139.         alertsHTML += 'Rotation amount</br><input type="text" name="rotationAmount" id="rotationAmount" size="1" style="border: 1px solid #000000" value="1"/> degree(s)&nbsp;';
  140.         alertsHTML += '<div id="rotationControls" style="padding: 4px;">';
  141.         alertsHTML += '<table style="table-layout:fixed; width:60px; height:55px; margin-left:auto; margin-right:auto;">';
  142.         alertsHTML += '<tr style="width:20px;height:28px;">';
  143.         alertsHTML += '<td align="center">';
  144.         alertsHTML += '<span id="RARotateLeftBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">';//margin-left:23px;">';
  145.         alertsHTML += '<i class="fa fa-undo"> </i>';
  146.         alertsHTML += '<span id="RotateLeftBtnCaption" style="font-weight: bold;"></span>';
  147.         alertsHTML += '</span>';
  148.         alertsHTML += '</td>';
  149.  
  150.         alertsHTML += '<td align="center">';
  151.         alertsHTML += '<span id="RARotateRightBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">';//margin-left:23px;">';
  152.         alertsHTML += '<i class="fa fa-repeat"> </i>';
  153.         alertsHTML += '<span id="RotateRightBtnCaption" style="font-weight: bold;"></span>';
  154.         alertsHTML += '</span>';
  155.         alertsHTML += '</td>';
  156.         alertsHTML += '</tr></table>';
  157.         alertsHTML += '</div></div>';
  158.  
  159.         //********************* Diameter change ******************
  160.  
  161.         alertsHTML += '<div id="diameterChange" style="padding: 4px; padding-top:11px; background-color:White; display:inline-block; border-style:solid; border-width:1px; height:152px; margin-right:5px; text-align:center;" >';
  162.         alertsHTML += 'Change diameter</br></br>';
  163.         alertsHTML += '<div id="DiameterChangeControls" style="padding-top: 10px;">';
  164.  
  165.         alertsHTML += '<table style="table-layout:fixed; height:55px; margin-left:auto;margin-right:auto;">';
  166.         alertsHTML += '<tr style="width:20px;">';
  167.         alertsHTML += '<td align="center" style="margin-right:5px;">';
  168.         alertsHTML += '<span id="diameterChangeDecreaseBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">';//margin-left:23px;">';
  169.         alertsHTML += '<i class="fa fa-minus"> </i>';
  170.         alertsHTML += '<span id="diameterChangeDecreaseCaption" style="font-weight: bold;"></span>';
  171.         alertsHTML += '</span>';
  172.         alertsHTML += '</td>';
  173.  
  174.         alertsHTML += '<td align="center">';
  175.         alertsHTML += '<span id="diameterChangeIncreaseBtn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">';//margin-left:23px;">';
  176.         alertsHTML += '<i class="fa fa-plus"> </i>';
  177.         alertsHTML += '<span id="diameterChangeIncreaseCaption" style="font-weight: bold;"></span>';
  178.         alertsHTML += '</span>';
  179.         alertsHTML += '</td>';
  180.         alertsHTML += '</tr></table>';
  181.         alertsHTML += '</div></div>';
  182.  
  183.         //***************** Bump nodes **********************
  184.         alertsHTML += '<div id="bumpNodes" style="padding: 4px; padding-top:11px; background-color:White; display:inline-block; border-style:solid; border-width:1px; height:152px; text-align:center;" >';
  185.         alertsHTML += 'Move nodes</br></br>';
  186.         alertsHTML += '<div id="MoveNodesControls" style="padding: 4px;">';
  187.  
  188.         alertsHTML += '<div style="float:left;">A node';
  189.         alertsHTML += '<table style="table-layout:fixed; height:55px; margin-left:auto;margin-right:auto;">';
  190.         alertsHTML += '<tr style="width:20px;height:28px;">';
  191.         alertsHTML += '<td align="center">';
  192.         alertsHTML += '<span id="btnMoveANodeIn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px; margin-right:2px;">In</span>';
  193.         alertsHTML += '</td>';
  194.  
  195.         alertsHTML += '<td align="center">';
  196.         alertsHTML += '<span id="btnMoveANodeOut" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">Out</span>';
  197.         alertsHTML += '</td>';
  198.         alertsHTML += '</tr></table></div>';
  199.  
  200.         alertsHTML += '<div style="float:right; margin-left:10px;">B node';
  201.         alertsHTML += '<table style="table-layout:fixed; height:55px; margin-left:auto;margin-right:auto;">';
  202.         alertsHTML += '<tr style="width:20px;height:28px;">';
  203.         alertsHTML += '<td align="center">';
  204.         alertsHTML += '<span id="btnMoveBNodeIn" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px; margin-right:2px;">In</span>';
  205.         alertsHTML += '</td>';
  206.  
  207.         alertsHTML += '<td align="center">';
  208.         alertsHTML += '<span id="btnMoveBNodeOut" style="cursor:pointer;font-size:14px;border:thin outset black;padding:2px;">Out</span>';
  209.         alertsHTML += '</td>';
  210.         alertsHTML += '</tr></table></div>';
  211.  
  212.         alertsHTML += '</div></div>';
  213.         alertsHTML += '</div><input type="checkbox" id="chkRARoundaboutAngles">Enable Roundabout Angles</div>'; //Close divWrapers & outer div
  214.  
  215.  
  216.  
  217.         RAUtilWindow.innerHTML = alertsHTML;
  218.         document.body.appendChild(RAUtilWindow);
  219.  
  220.         $('#RAShiftLeftBtn').click(RAShiftLeftBtnClick);
  221.         $('#RAShiftRightBtn').click(RAShiftRightBtnClick);
  222.         $('#RAShiftUpBtn').click(RAShiftUpBtnClick);
  223.         $('#RAShiftDownBtn').click(RAShiftDownBtnClick);
  224.  
  225.         $('#RARotateLeftBtn').click(RARotateLeftBtnClick);
  226.         $('#RARotateRightBtn').click(RARotateRightBtnClick);
  227.  
  228.         $('#diameterChangeDecreaseBtn').click(diameterChangeDecreaseBtnClick);
  229.         $('#diameterChangeIncreaseBtn').click(diameterChangeIncreaseBtnClick);
  230.  
  231.         $('#btnMoveANodeIn').click(function(){moveNodeIn(WazeWrap.getSelectedFeatures()[0].model.attributes.id, WazeWrap.getSelectedFeatures()[0].model.attributes.fromNodeID);});
  232.         $('#btnMoveANodeOut').click(function(){moveNodeOut(WazeWrap.getSelectedFeatures()[0].model.attributes.id, WazeWrap.getSelectedFeatures()[0].model.attributes.fromNodeID);});
  233.         $('#btnMoveBNodeIn').click(function(){moveNodeIn(WazeWrap.getSelectedFeatures()[0].model.attributes.id, WazeWrap.getSelectedFeatures()[0].model.attributes.toNodeID);});
  234.         $('#btnMoveBNodeOut').click(function(){moveNodeOut(WazeWrap.getSelectedFeatures()[0].model.attributes.id, WazeWrap.getSelectedFeatures()[0].model.attributes.toNodeID);});
  235.  
  236.         $('#shiftAmount').keypress(function(event) {
  237.             if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57))
  238.                 event.preventDefault();
  239.         });
  240.  
  241.         $('#rotationAmount').keypress(function(event) {
  242.             if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57))
  243.                 event.preventDefault();
  244.         });
  245.  
  246.         $('#collapserLink').click(function(){
  247.             if($('#collapser').attr('class') == "fa fa-caret-square-o-down"){
  248.                 $("#collapser").removeClass("fa-caret-square-o-down");
  249.                 $("#collapser").addClass("fa-caret-square-o-up");
  250.             }
  251.             else{
  252.                 $("#collapser").removeClass("fa-caret-square-o-up");
  253.                 $("#collapser").addClass("fa-caret-square-o-down");
  254.             }
  255.             saveSettingsToStorage();
  256.         });
  257.  
  258.         W.selectionManager.events.register("selectionchanged", null, checkDisplayTool);
  259.         //W.model.actionManager.events.register("afterundoaction",null, undotriggered);
  260.         //W.model.actionManager.events.register("afterclearactions",null,actionsCleared);
  261.  
  262.         var loadedSettings = $.parseJSON(localStorage.getItem("WME_RAUtil"));
  263.         var defaultSettings = {
  264.             divTop: "15%",
  265.             divLeft: "25%",
  266.             Expanded: true,
  267.             RoundaboutAngles: true
  268.         };
  269.         _settings = loadedSettings ? loadedSettings : defaultSettings;
  270.  
  271.         $('#RAUtilWindow').css('left', _settings.divLeft);
  272.         $('#RAUtilWindow').css('top', _settings.divTop);
  273.         $("#chkRARoundaboutAngles").prop('checked', _settings.RoundaboutAngles);
  274.         $("#chkRARoundaboutAngles").prop('checked', _settings.RoundaboutAngles);
  275.  
  276.         if(!_settings.Expanded){
  277.             $("#divWrappers").removeClass("in");
  278.             $("#divWrappers").addClass("collapse");
  279.             $("#collapser").removeClass("fa-caret-square-o-up");
  280.             $("#collapser").addClass("fa-caret-square-o-down");
  281.         }
  282.  
  283.         $("#chkRARoundaboutAngles").click(function(){
  284.             saveSettingsToStorage();
  285.  
  286.             if($("#chkRARoundaboutAngles").is(":checked")){
  287.                 wEvents.register("zoomend", null, DrawRoundaboutAngles);
  288.                 wEvents.register("moveend", null, DrawRoundaboutAngles);
  289.                 DrawRoundaboutAngles();
  290.                 drc_layer.setVisibility(true);
  291.             }
  292.             else{
  293.                 wEvents.unregister("zoomend", null, DrawRoundaboutAngles);
  294.                 wEvents.unregister("moveend", null, DrawRoundaboutAngles);
  295.                 drc_layer.setVisibility(false);
  296.             }
  297.         });
  298.  
  299.         if(_settings.RoundaboutAngles){
  300.             wEvents.register("zoomend", null, DrawRoundaboutAngles);
  301.             wEvents.register("moveend", null, DrawRoundaboutAngles);
  302.             DrawRoundaboutAngles();
  303.         }
  304.  
  305.         WazeWrap.Interface.ShowScriptUpdate("WME RA Util", GM_info.script.version, updateMessage, "https://greasyfork.org/en/scripts/23616-wme-ra-util", "https://www.waze.com/forum/viewtopic.php?f=819&t=211079");
  306.     }
  307.  
  308.     function saveSettingsToStorage() {
  309.         if (localStorage) {
  310.             var settings = {
  311.                 divTop: "15%",
  312.                 divLeft: "25%",
  313.                 Expanded: true,
  314.                 RoundaboutAngles: true
  315.             };
  316.  
  317.             settings.divLeft = $('#RAUtilWindow').css('left');
  318.             settings.divTop = $('#RAUtilWindow').css('top');
  319.             settings.Expanded = $("#collapser").attr('class').indexOf("fa-caret-square-o-up") > -1;
  320.             settings.RoundaboutAngles = $("#chkRARoundaboutAngles").is(":checked");
  321.             localStorage.setItem("WME_RAUtil", JSON.stringify(settings));
  322.         }
  323.     }
  324.  
  325.     function checkDisplayTool(){
  326.         if(WazeWrap.hasSelectedFeatures() && WazeWrap.getSelectedFeatures()[0].model.type === 'segment'){
  327.             if(!AllSelectedSegmentsRA() || WazeWrap.getSelectedFeatures().length === 0)
  328.                 $('#RAUtilWindow').css({'visibility': 'hidden'});
  329.             else{
  330.                 $('#RAUtilWindow').css({'visibility': 'visible'});
  331.                 if(typeof jQuery.ui !== 'undefined')
  332.                     $('#RAUtilWindow' ).draggable({ //Gotta nuke the height setting the dragging inserts otherwise the panel cannot collapse
  333.                         stop: function(event, ui) {
  334.                             $('#RAUtilWindow').css("height", "");
  335.                             saveSettingsToStorage();
  336.                         }
  337.                     });
  338.                 //checkSaveChanges();
  339.                 checkAllEditable(WazeWrap.Model.getAllRoundaboutSegmentsFromObj(WazeWrap.getSelectedFeatures()[0]));
  340.             }
  341.         }
  342.         else{
  343.             $('#RAUtilWindow').css({'visibility': 'hidden'});
  344.             if(typeof jQuery.ui !== 'undefined')
  345.                 $('#RAUtilWindow' ).draggable({
  346.                     stop: function(event, ui) {
  347.                         $('#RAUtilWindow').css("height", "");
  348.                         saveSettingsToStorage();
  349.                     }
  350.                 });
  351.         }
  352.     }
  353.  
  354.     function checkAllEditable(RASegs){
  355.         var $RAEditable = $('#RAEditable');
  356.         var allEditable = true;
  357.         var segObj, fromNode, toNode;
  358.  
  359.         for(let i=0; i<RASegs.length;i++){
  360.             segObj = W.model.segments.getObjectById(RASegs[i]);
  361.             fromNode = segObj.getFromNode();
  362.             toNode = segObj.getToNode();
  363.  
  364.             if(segObj !== "undefined"){
  365.                 if(fromNode && fromNode !== "undefined" && !fromNode.areConnectionsEditable())
  366.                     allEditable = false;
  367.                 else if(toNode && toNode !== "undefined" && !toNode.areConnectionsEditable())
  368.                     allEditable = false;
  369.                 var toConnected, fromConnected;
  370.  
  371.                 if(toNode){
  372.                     toConnected = toNode.attributes.segIDs;
  373.                     for(let j=0;j<toConnected.length;j++){
  374.                         if(W.model.segments.getObjectById(toConnected[j]) !== "undefined")
  375.                             if(W.model.segments.getObjectById(toConnected[j]).hasClosures())
  376.                                 allEditable = false;
  377.                     }
  378.                 }
  379.  
  380.                 if(fromNode){
  381.                     fromConnected = fromNode.attributes.segIDs;
  382.                     for(let j=0;j<fromConnected.length;j++){
  383.                         if(W.model.segments.getObjectById(fromConnected[j]) !== "undefined")
  384.                             if(W.model.segments.getObjectById(fromConnected[j]).hasClosures())
  385.                                 allEditable = false;
  386.                     }
  387.                 }
  388.             }
  389.         }
  390.         if(allEditable)
  391.             $RAEditable.remove();
  392.         else{
  393.             if($RAEditable.length === 0){
  394.                 $RAEditable = $('<div>', {id:'RAEditable', style:'color:red'});
  395.                 $RAEditable.text('One or more segments are locked above your rank or have a closure.');
  396.                 $('#RAUtilWindow').append($RAEditable);
  397.             }
  398.         }
  399.         return allEditable;
  400.     }
  401.  
  402.     function AllSelectedSegmentsRA(){
  403.         for (let i = 0; i < WazeWrap.getSelectedFeatures().length; i++){
  404.             if(WazeWrap.getSelectedFeatures()[i].model.attributes.id < 0 || !WazeWrap.Model.isRoundaboutSegmentID(WazeWrap.getSelectedFeatures()[i].model.attributes.id))
  405.                 return false;
  406.         }
  407.         return true;
  408.     }
  409.  
  410.     function ShiftSegmentNodesLat(segObj, latOffset){
  411.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  412.         if(checkAllEditable(RASegs)){
  413.             var gps;
  414.             var newGeometry = segObj.geometry.clone();
  415.             var originalLength = segObj.geometry.components.length;
  416.             var multiaction = new MultiAction();
  417.             multiaction.setModel(W.model);
  418.  
  419.             for(let i=0; i<RASegs.length; i++){
  420.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  421.                 newGeometry = segObj.geometry.clone();
  422.                 originalLength = segObj.geometry.components.length;
  423.                 for(j=1; j < originalLength-1; j++){
  424.                     gps = WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[j].x, segObj.geometry.components[j].y);
  425.                     gps.lat += latOffset;
  426.                     newGeometry.components.splice(j,0, new OL.Geometry.Point(segObj.geometry.components[j].x, WazeWrap.Geometry.ConvertTo900913(segObj.geometry.components[j].x,gps.lat).lat));
  427.                     newGeometry.components.splice(j+1,1);
  428.                 }
  429.                 newGeometry.components[0].calculateBounds();
  430.                 newGeometry.components[originalLength-1].calculateBounds();
  431.                 multiaction.doSubAction(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  432.                 //W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  433.  
  434.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  435.                 if(segObj.attributes.revDirection)
  436.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  437.                 var newNodeGeometry = node.geometry.clone();
  438.                 gps = WazeWrap.Geometry.ConvertTo4326(node.attributes.geometry.x, node.attributes.geometry.y);
  439.                 gps.lat += latOffset;
  440.                 newNodeGeometry.y = WazeWrap.Geometry.ConvertTo900913(node.geometry.x, gps.lat).lat;
  441.                 newNodeGeometry.calculateBounds();
  442.  
  443.                 var connectedSegObjs = {};
  444.                 var emptyObj = {};
  445.                 for(var j=0;j<node.attributes.segIDs.length;j++){
  446.                     var segid = node.attributes.segIDs[j];
  447.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  448.                 }
  449.                 //W.model.actionManager.add(new MoveNode(segObj, segObj.geometry, newNodeGeometry, connectedSegObjs, i));
  450.                 multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry,connectedSegObjs,emptyObj));
  451.                 //W.model.actionManager.add(new MoveNode(node, node.geometry, newNodeGeometry));
  452.                 //totalActions +=2;
  453.             }
  454.             W.model.actionManager.add(multiaction);
  455.         }
  456.     }
  457.  
  458.     function ShiftSegmentsNodesLong(segObj, longOffset){
  459.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  460.         if(checkAllEditable(RASegs)){
  461.             var gps, newGeometry, originalLength;
  462.             var multiaction = new MultiAction();
  463.             multiaction.setModel(W.model);
  464.  
  465.             //Loop through all RA segments & adjust
  466.             for(let i=0; i<RASegs.length; i++){
  467.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  468.                 newGeometry = segObj.geometry.clone();
  469.                 originalLength = segObj.geometry.components.length;
  470.                 for(let j=1; j < originalLength-1; j++){
  471.                     gps = WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[j].x, segObj.geometry.components[j].y);
  472.                     gps.lon += longOffset;
  473.                     newGeometry.components.splice(j,0, new OL.Geometry.Point(WazeWrap.Geometry.ConvertTo900913(gps.lon, segObj.geometry.components[j].y).lon, segObj.geometry.components[j].y));
  474.                     newGeometry.components.splice(j+1,1);
  475.                 }
  476.                 newGeometry.components[0].calculateBounds();
  477.                 newGeometry.components[originalLength-1].calculateBounds();
  478.                 //W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  479.                 multiaction.doSubAction(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  480.  
  481.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  482.                 if(segObj.attributes.revDirection)
  483.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  484.  
  485.                 var newNodeGeometry = node.geometry.clone();
  486.                 gps = WazeWrap.Geometry.ConvertTo4326(node.attributes.geometry.x, node.attributes.geometry.y);
  487.                 gps.lon += longOffset;
  488.                 newNodeGeometry.x = WazeWrap.Geometry.ConvertTo900913(gps.lon, node.geometry.y).lon;
  489.                 newNodeGeometry.calculateBounds();
  490.  
  491.                 var connectedSegObjs = {};
  492.                 var emptyObj = {};
  493.                 for(let j=0;j<node.attributes.segIDs.length;j++){
  494.                     var segid = node.attributes.segIDs[j];
  495.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  496.                 }
  497.                 //W.model.actionManager.add(new MoveNode(node, node.geometry, newNodeGeometry));
  498.                 multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry, connectedSegObjs, emptyObj));
  499.                 //totalActions +=2;
  500.             }
  501.             W.model.actionManager.add(multiaction);
  502.         }
  503.     }
  504.  
  505.     function rotatePoints(origin, points, angle){
  506.         var lineFeature = new OL.Feature.Vector(new OL.Geometry.LineString(points),null,null);
  507.         lineFeature.geometry.rotate(angle, new OL.Geometry.Point(origin.lon, origin.lat));
  508.         return [].concat(lineFeature.geometry.components);
  509.     }
  510.  
  511.     function RotateRA(segObj, angle){
  512.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  513.         var raCenter = W.model.junctions.objects[segObj.model.attributes.junctionID].geometry.coordinates;
  514.  
  515.         if(checkAllEditable(RASegs)){
  516.             var gps, newGeometry, originalLength;
  517.             var multiaction = new MultiAction();
  518.             multiaction.setModel(W.model);
  519.  
  520.             //Loop through all RA segments & adjust
  521.             for(let i=0; i<RASegs.length; i++){
  522.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  523.                 newGeometry = segObj.geometry.clone();
  524.                 originalLength = segObj.geometry.components.length;
  525.  
  526.                 var center = WazeWrap.Geometry.ConvertTo900913(raCenter[0], raCenter[1]);
  527.                 var segPoints = [];
  528.                 //Have to copy the points manually (can't use .clone()) otherwise the geometry rotation modifies the geometry of the segment itself and that hoses WME.
  529.                 for(let j=0; j<originalLength;j++)
  530.                     segPoints.push(new OL.Geometry.Point(segObj.geometry.components[j].x, segObj.geometry.components[j].y));
  531.  
  532.                 var newPoints = rotatePoints(center, segPoints, angle);
  533.  
  534.                 for(let j=1; j<originalLength-1;j++){
  535.                     newGeometry.components.splice(j, 0, new OL.Geometry.Point(newPoints[j].x, newPoints[j].y));
  536.                     newGeometry.components.splice(j+1,1);
  537.                 }
  538.  
  539.                 newGeometry.components[0].calculateBounds();
  540.                 newGeometry.components[originalLength-1].calculateBounds();
  541.                 //W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  542.                 multiaction.doSubAction(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  543.  
  544.                 //**************Rotate Nodes******************
  545.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  546.                 if(segObj.attributes.revDirection)
  547.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  548.  
  549.                 var nodePoints = [];
  550.                 var newNodeGeometry = node.geometry.clone();
  551.  
  552.                 nodePoints.push(new OL.Geometry.Point(node.attributes.geometry.x, node.attributes.geometry.y));
  553.                 nodePoints.push(new OL.Geometry.Point(node.attributes.geometry.x, node.attributes.geometry.y)); //add it twice because lines need 2 points
  554.  
  555.                 gps = rotatePoints(center, nodePoints, angle);
  556.  
  557.                 newNodeGeometry.x = gps[0].x;
  558.                 newNodeGeometry.y = gps[0].y;
  559.  
  560.                 newNodeGeometry.calculateBounds();
  561.  
  562.                 var connectedSegObjs = {};
  563.                 var emptyObj = {};
  564.                 for(let j=0;j<node.attributes.segIDs.length;j++){
  565.                     var segid = node.attributes.segIDs[j];
  566.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  567.                 }
  568.                 multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry, connectedSegObjs, emptyObj));
  569.                 //totalActions +=2;
  570.             }
  571.             W.model.actionManager.add(multiaction);
  572.         }
  573.     }
  574.  
  575.     function RARotateLeftBtnClick(e){
  576.         e.stopPropagation();
  577.         var segObj = WazeWrap.getSelectedFeatures()[0];
  578.         RotateRA(segObj, $('#rotationAmount').val());
  579.     }
  580.  
  581.     function RARotateRightBtnClick(e){
  582.         e.stopPropagation();
  583.  
  584.         var segObj = WazeWrap.getSelectedFeatures()[0];
  585.         RotateRA(segObj, -$('#rotationAmount').val());
  586.     }
  587.  
  588.     function ChangeDiameter(segObj, amount){
  589.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  590.         var raCenter = W.model.junctions.objects[segObj.model.attributes.junctionID].geometry.coordinates;
  591.  
  592.         if(checkAllEditable(RASegs)){
  593.             var gps, newGeometry, originalLength;
  594.  
  595.             var center = WazeWrap.Geometry.ConvertTo900913(raCenter[0], raCenter[1]);
  596.             //Loop through all RA segments & adjust
  597.             for(let i=0; i<RASegs.length; i++){
  598.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  599.                 newGeometry = segObj.geometry.clone();
  600.                 originalLength = segObj.geometry.components.length;
  601.  
  602.                 for(let j=1; j < originalLength-1; j++){
  603.                     let pt = segObj.geometry.components[j];
  604.                     let h = Math.sqrt(Math.abs(Math.pow((pt.x - center.lon),2) + Math.pow((pt.y - center.lat),2)));
  605.                     let ratio = (h + amount)/h;
  606.                     let xdelta = (pt.x - center.lon) * ratio;
  607.                     let ydelta = (pt.y - center.lat) * ratio;
  608.  
  609.                     newGeometry.components.splice(j,0, new OL.Geometry.Point(center.lon + xdelta, center.lat + ydelta));
  610.                     newGeometry.components.splice(j+1,1);
  611.                 }
  612.                 newGeometry.components[0].calculateBounds();
  613.                 newGeometry.components[originalLength-1].calculateBounds();
  614.                 W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  615.  
  616.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  617.                 if(segObj.attributes.revDirection)
  618.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  619.  
  620.                 var newNodeGeometry = node.geometry.clone();
  621.                 let h = Math.sqrt(Math.abs(Math.pow((newNodeGeometry.x - center.lon),2) + Math.pow((newNodeGeometry.y - center.lat),2)));
  622.                 let ratio = (h + amount)/h;
  623.                 let xdelta = (newNodeGeometry.x - center.lon) * ratio;
  624.                 let ydelta = (newNodeGeometry.y - center.lat) * ratio;
  625.                 newNodeGeometry.x = center.lon + xdelta;
  626.                 newNodeGeometry.y = center.lat + ydelta;
  627.                 newNodeGeometry.calculateBounds();
  628.                 var connectedSegObjs = {};
  629.                 var emptyObj = {};
  630.                 for(let j=0;j<node.attributes.segIDs.length;j++){
  631.                     var segid = node.attributes.segIDs[j];
  632.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  633.                 }
  634.                 W.model.actionManager.add(new MoveNode(node, node.geometry, newNodeGeometry, connectedSegObjs, emptyObj));
  635.             }
  636.             if(_settings.RoundaboutAngles)
  637.                 DrawRoundaboutAngles();
  638.         }
  639.     }
  640.  
  641.     function diameterChangeDecreaseBtnClick(e){
  642.         e.stopPropagation();
  643.         var segObj = WazeWrap.getSelectedFeatures()[0];
  644.         ChangeDiameter(segObj, -1);
  645.     }
  646.  
  647.     function diameterChangeIncreaseBtnClick(e){
  648.         e.stopPropagation();
  649.         var segObj = WazeWrap.getSelectedFeatures()[0];
  650.         ChangeDiameter(segObj, 1);
  651.     }
  652.  
  653.     function moveNodeIn(sourceSegID, nodeID){
  654.         let isANode = true;
  655.         let curSeg = W.model.segments.getObjectById(sourceSegID);
  656.         if(curSeg.geometry.components.length > 2){
  657.             if(nodeID === curSeg.attributes.toNodeID)
  658.                 isANode = false;
  659.             //Add geo point on the other segment
  660.             let node = W.model.nodes.getObjectById(nodeID);
  661.             let currNodePOS = node.geometry.clone();
  662.             let otherSeg; //other RA segment that we are adding a geo point to
  663.             let nodeSegs = [...W.model.nodes.getObjectById(nodeID).attributes.segIDs];
  664.             nodeSegs = _.without(nodeSegs, sourceSegID); //remove the source segment from the node Segs - we need to find the segment that is a part of the RA that is prior to our source seg
  665.             for(let i=0; i<nodeSegs.length; i++){
  666.                 let s = W.model.segments.getObjectById(nodeSegs[i]);
  667.                 if(s.attributes.junctionID){
  668.                     otherSeg = s;
  669.                     break;
  670.                 }
  671.             }
  672.  
  673.             var multiaction = new MultiAction();
  674.             multiaction.setModel(W.model);
  675.             //note and remove first geo point, move junction node to this point
  676.             var newNodeGeometry = curSeg.geometry.components[(isANode ? 1 : curSeg.geometry.components.length - 2)].clone();
  677.             newNodeGeometry.calculateBounds();
  678.  
  679.             let newSegGeo = curSeg.geometry.clone();
  680.             newSegGeo.components.splice((isANode ? 1 : newSegGeo.components.length - 2),1);
  681.             //delete the geo point
  682.             multiaction.doSubAction(new UpdateSegmentGeometry(curSeg, curSeg.geometry, newSegGeo));
  683.  
  684.             //move the node
  685.             var connectedSegObjs = {};
  686.             var emptyObj = {};
  687.             for(var j=0;j<node.attributes.segIDs.length;j++){
  688.                 var segid = node.attributes.segIDs[j];
  689.                 connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  690.             }
  691.             multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry,connectedSegObjs,emptyObj));
  692.  
  693.             if((otherSeg.attributes.revDirection && !curSeg.attributes.revDirection) || (!otherSeg.attributes.revDirection && curSeg.attributes.revDirection))
  694.                     isANode = !isANode;
  695.  
  696.             let newGeo = otherSeg.geometry.clone();
  697.             let originalLength = otherSeg.geometry.components.length;
  698.  
  699.             newGeo.components.splice((isANode ? -1 : 1),0, new OL.Geometry.Point(currNodePOS.x, currNodePOS.y));
  700.             newGeo.components[0].calculateBounds();
  701.             newGeo.components[originalLength].calculateBounds();
  702.  
  703.             multiaction.doSubAction(new UpdateSegmentGeometry(otherSeg, otherSeg.geometry, newGeo));
  704.  
  705.  
  706.             W.model.actionManager.add(multiaction);
  707.  
  708.             if(_settings.RoundaboutAngles)
  709.                 DrawRoundaboutAngles();
  710.         }
  711.     }
  712.  
  713.     function moveNodeOut(sourceSegID, nodeID){
  714.         let isANode = true;
  715.         let curSeg = W.model.segments.getObjectById(sourceSegID);
  716.         if(nodeID === curSeg.attributes.toNodeID)
  717.             isANode = false;
  718.         //Add geo point on the other segment
  719.         let node = W.model.nodes.getObjectById(nodeID);
  720.         let currNodePOS = node.geometry.clone();
  721.         let otherSeg; //other RA segment that we are adding a geo point to
  722.         let nodeSegs = [...W.model.nodes.getObjectById(nodeID).attributes.segIDs];
  723.         nodeSegs = _.without(nodeSegs, sourceSegID); //remove the source segment from the node Segs - we need to find the segment that is a part of the RA that is after our source seg
  724.         for(let i=0; i<nodeSegs.length; i++){
  725.             let s = W.model.segments.getObjectById(nodeSegs[i]);
  726.             if(s.attributes.junctionID){
  727.                 otherSeg = s;
  728.                 break;
  729.             }
  730.         }
  731.         if(otherSeg.geometry.components.length > 2){
  732.             let origNodeSegs = [...W.model.nodes.getObjectById(nodeID).attributes.segIDs];
  733.             let originalLength = otherSeg.geometry.components.length;
  734.  
  735.             let newSegGeo = curSeg.geometry.clone();
  736.             newSegGeo.components.splice((isANode ? 1 : newSegGeo.components.length - 1),0, new OL.Geometry.Point(currNodePOS.x, currNodePOS.y));
  737.             //delete the geo point
  738.             var multiaction = new MultiAction();
  739.             multiaction.setModel(W.model);
  740.             multiaction.doSubAction(new UpdateSegmentGeometry(curSeg, curSeg.geometry, newSegGeo));
  741.             if((otherSeg.attributes.revDirection && !curSeg.attributes.revDirection) || (!otherSeg.attributes.revDirection && curSeg.attributes.revDirection))
  742.                 isANode = !isANode;
  743.  
  744.             //note and remove first geo point, move junction node to this point
  745.             var newNodeGeometry = otherSeg.geometry.components[(isANode ? otherSeg.geometry.components.length - 2 : 1)].clone();
  746.             newNodeGeometry.calculateBounds();
  747.             let newGeo = otherSeg.geometry.clone();
  748.             newGeo.components.splice((isANode ? -2 : 1),1);
  749.             newGeo.components[0].calculateBounds();
  750.             newGeo.components[originalLength-2].calculateBounds();
  751.  
  752.             multiaction.doSubAction(new UpdateSegmentGeometry(otherSeg, otherSeg.geometry, newGeo));
  753.  
  754.             //move the node
  755.             var connectedSegObjs = {};
  756.             var emptyObj = {};
  757.             for(var j=0; j < origNodeSegs.length;j++){
  758.                 var segid = origNodeSegs[j];
  759.                 connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  760.             }
  761.             multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry,connectedSegObjs,emptyObj));
  762.             W.model.actionManager.add(multiaction);
  763.  
  764.             if(_settings.RoundaboutAngles)
  765.                 DrawRoundaboutAngles();
  766.         }
  767.     }
  768.  
  769.  
  770.     //Left
  771.     function RAShiftLeftBtnClick(e){
  772.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  773.         e.stopPropagation();
  774.  
  775.         //if(!pendingChanges){
  776.         var segObj = WazeWrap.getSelectedFeatures()[0];
  777.         var convertedCoords = WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[0].x, segObj.geometry.components[0].y);
  778.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLongOffsetGPS(-$('#shiftAmount').val(), convertedCoords.lon, convertedCoords.lat);
  779.         ShiftSegmentsNodesLong(segObj, gpsOffsetAmount);
  780.         //}
  781.     }
  782.     //Right
  783.     function RAShiftRightBtnClick(e){
  784.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  785.         e.stopPropagation();
  786.  
  787.         //if(!pendingChanges){
  788.         var segObj = WazeWrap.getSelectedFeatures()[0];
  789.         var convertedCoords = WazeWrap.Geometry.ConvertTo4326(segObj.model.geometry.components[0].x, segObj.model.geometry.components[0].y);
  790.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLongOffsetGPS($('#shiftAmount').val(), convertedCoords.lon, convertedCoords.lat);
  791.         ShiftSegmentsNodesLong(segObj, gpsOffsetAmount);
  792.         //}
  793.     }
  794.     //Up
  795.     function RAShiftUpBtnClick(e){
  796.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  797.         e.stopPropagation();
  798.  
  799.         //if(!pendingChanges){
  800.         var segObj = WazeWrap.getSelectedFeatures()[0];
  801.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLatOffsetGPS($('#shiftAmount').val(), WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[0].x, segObj.geometry.components[0].y));
  802.         ShiftSegmentNodesLat(segObj, gpsOffsetAmount);
  803.         //}
  804.     }
  805.     //Down
  806.     function RAShiftDownBtnClick(e){
  807.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  808.         e.stopPropagation();
  809.  
  810.         //if(!pendingChanges){
  811.         var segObj = WazeWrap.getSelectedFeatures()[0];
  812.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLatOffsetGPS(-$('#shiftAmount').val(), WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[0].x, segObj.geometry.components[0].y));
  813.         ShiftSegmentNodesLat(segObj, gpsOffsetAmount);
  814.         //}
  815.     }
  816.  
  817.     //*************** Roundabout Angles **********************
  818.     function DrawRoundaboutAngles(){
  819.         //---------get or create layer
  820.         var layers = W.map.getLayersBy("uniqueName","__DrawRoundaboutAngles");
  821.  
  822.         if(layers.length > 0)
  823.             drc_layer = layers[0];
  824.         else {
  825.             var drc_style = new OL.Style({
  826.                 fillOpacity: 0.0,
  827.                 strokeOpacity: 1.0,
  828.                 fillColor: "#FF40C0",
  829.                 strokeColor: "${strokeColor}",
  830.                 strokeWidth: 10,
  831.                 fontWeight: "bold",
  832.                 pointRadius: 0,
  833.                 label : "${labelText}",
  834.                 fontFamily: "Tahoma, Courier New",
  835.                 labelOutlineColor: "#FFFFFF",
  836.                 labelOutlineWidth: 3,
  837.                 fontColor: "${labelColor}",
  838.                 fontSize: "10px"
  839.             });
  840.  
  841.             drc_layer = new OL.Layer.Vector("Roundabout Angles", {
  842.                 displayInLayerSwitcher: true,
  843.                 uniqueName: "__DrawRoundaboutAngles",
  844.                 styleMap: new OL.StyleMap(drc_style)
  845.             });
  846.  
  847.             I18n.translations[I18n.currentLocale()].layers.name["__DrawRoundaboutAngles"] = "Roundabout Angles";
  848.             W.map.addLayer(drc_layer);
  849.  
  850.             drc_layer.setVisibility(true);
  851.         }
  852.  
  853.         localStorage.WMERAEnabled = drc_layer.visibility;
  854.  
  855.         if (drc_layer.visibility == false) {
  856.             drc_layer.removeAllFeatures();
  857.             return;
  858.         }
  859.  
  860.         if (W.map.zoom < 1) {
  861.             drc_layer.removeAllFeatures();
  862.             return;
  863.         }
  864.  
  865.         //---------collect all roundabouts first
  866.         var rsegments = {};
  867.  
  868.         for (var iseg in W.model.segments.objects) {
  869.             let isegment = W.model.segments.getObjectById(iseg);
  870.             var iattributes = isegment.attributes;
  871.             var iline = isegment.geometry.id;
  872.  
  873.             let irid = iattributes.junctionID;
  874.  
  875.             if (iline !== null && irid != undefined) {
  876.                 var rsegs = rsegments[irid];
  877.                 if (rsegs == undefined)
  878.                     rsegments[irid] = rsegs = new Array();
  879.                 rsegs.push(isegment);
  880.             }
  881.         }
  882.  
  883.         var drc_features = [];
  884.  
  885.         //-------for each roundabout do...
  886.         for (let irid in rsegments) {
  887.             let rsegs = rsegments[irid];
  888.  
  889.             let isegment = rsegs[0];
  890.             var jsegment;
  891.  
  892.             var nodes = [];
  893.             var nodes_x = [];
  894.             var nodes_y = [];
  895.  
  896.             nodes = rsegs.map(seg => seg.attributes.fromNodeID); //get from nodes
  897.             nodes = [...nodes, ...rsegs.map(seg => seg.attributes.toNodeID)]; //get to nodes add to from nodes
  898.             nodes = _.uniq(nodes); //remove duplicates
  899.  
  900.             var node_objects = W.model.nodes.getByIds(nodes);
  901.             nodes_x = node_objects.map(n => n.geometry.x); //get all x locations
  902.             nodes_y = node_objects.map(n => n.geometry.y); //get all y locations
  903.  
  904.             var sr_x = 0;
  905.             var sr_y = 0;
  906.             var radius = 0;
  907.             var numNodes = nodes_x.length;
  908.  
  909.             if (numNodes >= 1) {
  910.                 var ax = nodes_x[0];
  911.                 var ay = nodes_y[0];
  912.  
  913.                 var junction = W.model.junctions.getObjectById(irid);
  914.                 var junction_coords = junction && junction.geometry && junction.geometry.coordinates;
  915.  
  916.                 if (junction_coords && junction_coords.length == 2) {
  917.                     //---------- get center point from junction model
  918.                     let lonlat = new OL.LonLat(junction_coords[0], junction_coords[1]);
  919.                     lonlat.transform(W.map.displayProjection, W.map.projection);
  920.                     let pt = new OL.Geometry.Point(lonlat.lon, lonlat.lat);
  921.                     sr_x = pt.x;
  922.                     sr_y = pt.y;
  923.                 }
  924.                 else if (numNodes >= 3) {
  925.                     //-----------simple approximation of centre point calculated from three first points
  926.                     let bx = nodes_x[1];
  927.                     let by = nodes_y[1];
  928.                     let cx = nodes_x[2];
  929.                     let cy = nodes_y[2];
  930.  
  931.                     let x1 = (bx + ax) * 0.5;
  932.                     let y11 = (by + ay) * 0.5;
  933.                     let dy1 = bx - ax;
  934.                     let dx1 = -(by - ay);
  935.                     let x2 = (cx + bx) * 0.5;
  936.                     let y2 = (cy + by) * 0.5;
  937.                     let dy2 = cx - bx;
  938.                     let dx2 = -(cy - by);
  939.                     sr_x = (y11 * dx1 * dx2 + x2 * dx1 * dy2 - x1 * dy1 * dx2 - y2 * dx1 * dx2)/ (dx1 * dy2 - dy1 * dx2);
  940.                     sr_y = (sr_x - x1) * dy1 / dx1 + y11;
  941.                 }
  942.                 else {
  943.                     //---------- simple bounds-based calculation of center point
  944.                     var rbounds = new OL.Bounds();
  945.                     rbounds.extend(isegment.geometry.bounds);
  946.                     rbounds.extend(jsegment.geometry.bounds);
  947.  
  948.                     var center = rbounds.getCenterPixel();
  949.                     sr_x = center.x;
  950.                     sr_y = center.y;
  951.                 }
  952.  
  953.                 var angles = [];
  954.                 var rr = -1;
  955.                 var r_ix;
  956.  
  957.                 for(let i=0; i<nodes_x.length; i++) {
  958.  
  959.                     var dx = nodes_x[i] - sr_x;
  960.                     var dy = nodes_y[i] - sr_y;
  961.  
  962.                     var rr2 = dx*dx + dy*dy;
  963.                     if (rr < rr2) {
  964.                         rr = rr2;
  965.                         r_ix = i;
  966.                     }
  967.  
  968.                     var angle = Math.atan2(dy, dx);
  969.                     angle = (360.0 + (angle * 180.0 / Math.PI));
  970.                     if (angle < 0.0) angle += 360.0;
  971.                     if (angle > 360.0) angle -= 360.0;
  972.                     angles.push(angle);
  973.                 }
  974.  
  975.                 radius = Math.sqrt(rr);
  976.  
  977.                 //---------sorting angles for calulating angle difference between two segments
  978.                 angles = angles.sort(function(a,b) { return a - b; });
  979.                 angles.push( angles[0] + 360.0);
  980.                 angles = angles.sort(function(a,b) { return a - b; });
  981.  
  982.                 var drc_color = (numNodes <= 4) ? "#0040FF" : "#002080";
  983.  
  984.                 var drc_point = new OL.Geometry.Point(sr_x, sr_y );
  985.                 var drc_circle = new OL.Geometry.Polygon.createRegularPolygon( drc_point, radius, 10 * W.map.zoom );
  986.                 var drc_feature = new OL.Feature.Vector(drc_circle, {labelText: "", labelColor: "#000000", strokeColor: drc_color, });
  987.                 drc_features.push(drc_feature);
  988.  
  989.  
  990.                 if (numNodes >= 2 && numNodes <= 4 && W.map.zoom >= 5) {
  991.                     for(let i=0; i<nodes_x.length; i++) {
  992.                         let ix = nodes_x[i];
  993.                         let iy = nodes_y[i];
  994.                         let startPt   = new OL.Geometry.Point( sr_x, sr_y );
  995.                         let endPt     = new OL.Geometry.Point( ix, iy );
  996.                         let line      = new OL.Geometry.LineString([startPt, endPt]);
  997.                         let style     = {strokeColor:drc_color, strokeWidth:2};
  998.                         let fea       = new OL.Feature.Vector(line, {}, style);
  999.                         drc_features.push(fea);
  1000.                     }
  1001.  
  1002.                     var angles_int = [];
  1003.                     var angles_float = [];
  1004.                     var angles_sum = 0;
  1005.  
  1006.                     for(let i=0; i<angles.length - 1; i++) {
  1007.  
  1008.                         var ang = angles[i+1] - angles[i+0];
  1009.                         if (ang < 0) ang += 360.0;
  1010.                         if (ang < 0) ang += 360.0;
  1011.  
  1012.                         if (ang < 135.0)
  1013.                             ang = ang - 90.0;
  1014.                         else
  1015.                             ang = ang - 180.0;
  1016.  
  1017.                         angles_sum += parseInt(ang);
  1018.  
  1019.                         angles_float.push( ang );
  1020.                         angles_int.push( parseInt(ang) );
  1021.                     }
  1022.  
  1023.                     if (angles_sum > 45) angles_sum -= 90;
  1024.                     if (angles_sum > 45) angles_sum -= 90;
  1025.                     if (angles_sum > 45) angles_sum -= 90;
  1026.                     if (angles_sum > 45) angles_sum -= 90;
  1027.                     if (angles_sum < -45) angles_sum += 90;
  1028.                     if (angles_sum < -45) angles_sum += 90;
  1029.                     if (angles_sum < -45) angles_sum += 90;
  1030.                     if (angles_sum < -45) angles_sum += 90;
  1031.                     if (angles_sum != 0) {
  1032.                         for(let i=0; i<angles_int.length; i++) {
  1033.                             let a = angles_int[i];
  1034.                             let af = angles_float[i] - angles_int[i];
  1035.                             if ( (a < 10 || a > 20) && (af < -0.5 || af > 0.5)){
  1036.                                 angles_int[i] += -angles_sum;
  1037.  
  1038.                                 break;
  1039.                             }
  1040.                         }
  1041.                     }
  1042.  
  1043.                     if (numNodes == 2) {
  1044.                         angles_int[1] = -angles_int[0];
  1045.                         angles_float[1] = -angles_float[0];
  1046.                     }
  1047.  
  1048.                     for(let i=0; i<angles.length - 1; i++) {
  1049.                         let arad = (angles[i+0] + angles[i+1]) * 0.5 * Math.PI / 180.0;
  1050.                         let ex = sr_x + Math.cos (arad) * radius * 0.5;
  1051.                         let ey = sr_y + Math.sin (arad) * radius * 0.5;
  1052.  
  1053.                         //*** Angle Display Rounding ***
  1054.                         let angint = Math.round(angles_float[i] * 100)/100;
  1055.  
  1056.                         let kolor = "#004000";
  1057.                         if (angint <= -15 || angint >= 15) kolor = "#FF0000";
  1058.                         else if (angint <= -13 || angint >= 13) kolor = "#FFC000";
  1059.  
  1060.                         let pt = new OL.Geometry.Point(ex, ey);
  1061.                         drc_features.push(new OL.Feature.Vector( pt, {labelText: (angint + "°"), labelColor: kolor } ));
  1062.                         //drc_features.push(new OL.Feature.Vector( pt, {labelText: (+angles_float[i].toFixed(2) + "°"), labelColor: kolor } ));
  1063.                     }
  1064.                 }
  1065.                 else {
  1066.                     for(let i=0; i < nodes_x.length; i++) {
  1067.                         let ix = nodes_x[i];
  1068.                         let iy = nodes_y[i];
  1069.                         let startPt = new OL.Geometry.Point( sr_x, sr_y );
  1070.                         let endPt = new OL.Geometry.Point( ix, iy );
  1071.                         let line = new OL.Geometry.LineString([startPt, endPt]);
  1072.                         let style = {strokeColor:drc_color, strokeWidth:2};
  1073.                         let fea = new OL.Feature.Vector(line, {}, style);
  1074.                         drc_features.push(fea);
  1075.                     }
  1076.                 }
  1077.  
  1078.                 let p1 = new OL.Geometry.Point( nodes_x[r_ix], nodes_y[r_ix] );
  1079.                 let p2 = new OL.Geometry.Point( sr_x, sr_y );
  1080.                 let line = new OL.Geometry.LineString([p1, p2]);
  1081.                 let geo_radius = line.getGeodesicLength(W.map.projection);
  1082.  
  1083.                 let diam = geo_radius * 2.0;
  1084.                 let pt = new OL.Geometry.Point(sr_x, sr_y);
  1085.                 drc_features.push(new OL.Feature.Vector( pt, {labelText: (diam.toFixed(0) + "m"), labelColor: "#000000" } ));
  1086.  
  1087.             }
  1088.  
  1089.         }
  1090.  
  1091.         drc_layer.removeAllFeatures();
  1092.         drc_layer.addFeatures(drc_features);
  1093.     }
  1094.  
  1095. })();
  1096.