☰

WME PlaceNames

Show area place names in WME, color and highlight places by type and properties

目前为 2014-11-12 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name       WME PlaceNames
  3. // @version    0.3
  4. // @description  Show area place names in WME, color and highlight places by type and properties
  5. // @include             https://www.waze.com/editor/*
  6. // @include             https://www.waze.com/*/editor/*
  7. // @include             https://editor-beta.waze.com/editor/*
  8. // @include             https://editor-beta.waze.com/*/editor/*
  9. // @copyright  2014, ragacs
  10. // @namespace https://gf.qytechs.cn/users/6330
  11. // ==/UserScript==
  12.  
  13. var wmepn_version = "0.3"
  14.  
  15. // Using parts from highlight and route speed scripts by various authors
  16.  
  17. /* bootstrap, will call initialiseLandmarkNames() */
  18. function bootstrapLandmarkNames()
  19. {
  20.   var bGreasemonkeyServiceDefined = false;
  21.  
  22.   try {
  23.     bGreasemonkeyServiceDefined = (typeof Components.interfaces.gmIGreasemonkeyService === "object");
  24.   }
  25.   catch (err) { /* Ignore */ }
  26.  
  27.   if (typeof unsafeWindow === "undefined" || ! bGreasemonkeyServiceDefined) {
  28.     unsafeWindow    = ( function () {
  29.       var dummyElem = document.createElement('p');
  30.       dummyElem.setAttribute('onclick', 'return window;');
  31.       return dummyElem.onclick();
  32.     }) ();
  33.   }
  34.  
  35.   /* begin running the code! */
  36.   setTimeout(initialiseLandmarkNames, 999);
  37. }
  38.  
  39. function testWhite(x) {
  40.     var white = new RegExp(/^\s$/);
  41.     return white.test(x.charAt(0));
  42. };
  43.  
  44. function wordWrap(str, maxWidth) {
  45.     var newLineStr = "\n"; done = false; res = '';
  46.     do {                    
  47.         found = false;
  48.         // Inserts new line at first whitespace of the line
  49.         for (i = maxWidth - 1; i >= 0; i--) {
  50.             if (testWhite(str.charAt(i))) {
  51.                 res = res + [str.slice(0, i), newLineStr].join('');
  52.                 str = str.slice(i + 1);
  53.                 found = true;
  54.                 break;
  55.             }
  56.         }
  57.         // Inserts new line at maxWidth position, the word is too long to wrap
  58.         if (!found) {
  59.             res += [str.slice(0, maxWidth), newLineStr].join('');
  60.             str = str.slice(maxWidth);
  61.         }
  62.  
  63.         if (str.length < maxWidth)
  64.         {
  65.             res = res + str;
  66.             done = true;
  67.         }
  68.     } while (!done);
  69.  
  70.     return res;
  71. }
  72.  
  73. function resetLandmarks()
  74. {
  75.     for (var mark in Waze.model.venues.objects) {
  76.         var venue = Waze.model.venues.get(mark);
  77.         var poly = getId(venue.geometry.id);
  78.         if (poly !== null) {
  79.             if (poly.getAttribute("stroke-opacity") != 1) {
  80.                 poly.setAttribute("fill","#d191d6");
  81.                 poly.setAttribute("stroke","#d191d6");
  82.                 poly.setAttribute("fill-opacity",0.3);
  83.                 poly.setAttribute("stroke-opacity",1);
  84.             }
  85.         }
  86.     }
  87.     showLandmarkNames();
  88. }
  89.  
  90. function showLandmarkNames() {
  91. 	var routeLayer = undefined;
  92.     var rlayers = unsafeWindow.Waze.map.getLayersBy("uniqueName","__DrawPlaceNames");
  93.     if(rlayers.length == 0) {
  94.         var lname = "Place Names";
  95.         var drc_style1 = new unsafeWindow.OpenLayers.Style({
  96.             strokeDashstyle: 'solid',
  97.             strokeColor : "${strokeColor}",
  98.             strokeOpacity: 1.0,
  99.             strokeWidth: "${strokeWidth}",
  100.             fillColor: '#0040FF',
  101.             fillOpacity: 1.0,
  102.             pointRadius: "${pointRadius}",
  103.             label : "${labelText}",
  104.             fontFamily: "Tahoma, Courier New",
  105.             labelOutlineColor: '#FFEEEE',
  106.             labelOutlineWidth: 2,
  107.             labelAlign: 'cm',
  108.             fontColor: "#301130",
  109.             fontOpacity: 1.0,
  110.             fontSize: "11px",
  111.             display: 'block'
  112.         });
  113.         var drc_mapLayer1 = new unsafeWindow.OpenLayers.Layer.Vector(lname, {
  114.             displayInLayerSwitcher: true,
  115.             uniqueName: "__DrawPlaceNames",
  116.             shortcutKey: "S+n",
  117. 			accelerator: "toggle" + lname.replace(/\s+/g,''),
  118.             styleMap: new unsafeWindow.OpenLayers.StyleMap(drc_style1)
  119.         });
  120.         drc_mapLayer1.setVisibility(true);
  121.         //drc_mapLayer1.moveLayerToTop();
  122.         unsafeWindow.Waze.map.addLayer(drc_mapLayer1);
  123.         //var zLandmarks = Waze.map.getLayersBy("uniqueName", "landmarks")[0].getZIndex();
  124.         //var zPlaceNames = drc_mapLayer1.getZIndex();   
  125.         //Waze.map.getLayersBy("uniqueName", "landmarks")[0].setZIndex(zPlaceNames);
  126.         //drc_mapLayer1.setZIndex(zLandmarks);
  127.         routeLayer = drc_mapLayer1;
  128.     }
  129.     else routeLayer = rlayers[0];
  130.     routeLayer.removeAllFeatures();
  131.     
  132.   if (typeof Waze.model.venues == "undefined") {
  133.     return;
  134.   }
  135.  
  136.   var showNames = routeLayer.getVisibility() && Waze.map.getLayersBy("uniqueName", "landmarks")[0].getVisibility();
  137.   // if checkbox unticked, reset places to original style
  138.   if (!showNames
  139.      && !getId('_cbLandmarkColors').checked
  140.      && !getId('_cbLandmarkHiliteNoName').checked) {
  141.     for (var mark in Waze.model.venues.objects) {
  142.       var venue = Waze.model.venues.get(mark);
  143.       var poly = getId(venue.geometry.id);
  144.       if (poly !== null) {
  145.         if (poly.getAttribute("stroke-opacity") != 1) {
  146.           poly.setAttribute("fill","#d191d6");
  147.           poly.setAttribute("stroke","#d191d6");
  148.           poly.setAttribute("fill-opacity",0.3);
  149.           poly.setAttribute("stroke-opacity",1);
  150.         }
  151.       }
  152.     }
  153.     return;
  154.   }
  155.  
  156.   var specificCity = getId('_cbLandmarkHiliteNoName').checked;    
  157.   var colorLandmarks = getId('_cbLandmarkColors').checked;
  158.   var showPoints = (getId('_seLandmarkPoints').value == "all" || getId('_seLandmarkPoints').value == "point");
  159.   var showAreas = (getId('_seLandmarkPoints').value == "all" || getId('_seLandmarkPoints').value == "area");
  160.     //var routeLayer = unsafeWindow.Waze.map.getLayersBy("uniqueName","landmarks")[0];    
  161.     //routeLayer.styleMap.styles.default = drc_style1;
  162.  
  163.   for (var mark in Waze.model.venues.objects) {
  164.     var venue = Waze.model.venues.get(mark);
  165.     var poly = getId(venue.geometry.id);
  166.     if (poly !== null && venue.geometry.toString().match(/^POLYGON/)) {
  167.       venueStreet = Waze.model.streets.get(venue.attributes.streetID);
  168.       selectedCityMatch = (venue.attributes.name.length == 0);
  169.  
  170.         if(showNames && venue.attributes.name.length > 0 && showAreas)
  171.         {            
  172.             // Add label texts
  173.             var labelFeatures = [];        
  174.             var pt = new OpenLayers.Geometry.Point((venue.geometry.bounds.left + venue.geometry.bounds.right)/2, (venue.geometry.bounds.top + venue.geometry.bounds.bottom)/2);
  175.             var closest =_.min(routeLayer.features, function(feature) {
  176.                 return feature.geometry.distanceTo(pt);
  177.             });
  178.             //console.log(closest);
  179.             var wrappedText = wordWrap(venue.attributes.name, 30);
  180.             var textFeature = new OpenLayers.Feature.Vector( pt, {labelText: wrappedText, fontColor: '#F0F0F0', pointRadius: 0 } );
  181.             labelFeatures.push(textFeature);
  182.             routeLayer.addFeatures(labelFeatures);        
  183.             //if(closest != Infinity && closest.geometry.bounds.intersectsBounds(textFeature.geometry.bounds))
  184.             //{
  185.             //    routeLayer.removeFeatures(labelFeatures);
  186.             //}
  187.         }
  188.         
  189.         // Production polygons: #d191d6, Beta editor polygons: #c290c6
  190.       if ((poly.getAttribute("fill") == "#d191d6" || poly.getAttribute("fill") == "#c290c6") && poly.getAttribute("stroke-opacity") == 1) {
  191.         var categories   = venue.attributes.categories;
  192.  
  193.           if(colorLandmarks)
  194.           {
  195.               // gas station = orange
  196.               if (categories.indexOf("GAS_STATION") > -1) {
  197.                   poly.setAttribute("fill","#f90");
  198.                   poly.setAttribute("stroke","#f90");
  199.               }
  200.               
  201.               // parking lot = cyan
  202.               else if (categories.indexOf("PARKING_LOT") > -1) {
  203.                   poly.setAttribute("fill","#099");
  204.                   poly.setAttribute("stroke","#0cc");
  205.               }
  206.                   
  207.                   // water = blue
  208.                   else if (categories.indexOf("RIVER_STREAM") > -1 ||
  209.                            categories.indexOf("SEA_LAKE_POOL") > -1) {
  210.                       poly.setAttribute("fill","#09f");
  211.                       poly.setAttribute("stroke","#06c");
  212.                   }
  213.                   
  214.                   // park/grass/trees = green
  215.                   else if (categories.indexOf("PARK") > -1 ||
  216.                            categories.indexOf("FARM") > -1 ||
  217.                            categories.indexOf("FOREST_GROVE") > -1 ||
  218.                            categories.indexOf("GOLF_COURSE") > -1) {
  219.                       poly.setAttribute("fill","#4f4");
  220.                       poly.setAttribute("stroke","#6a6");
  221.                   }
  222.         }
  223.  
  224.         poly.setAttribute("stroke-opacity",0.97);
  225.           
  226.           // highlight places which have no name
  227.           if (poly.getAttribute("fill") == "#d191d6" || poly.getAttribute("fill") == "#c290c6") {
  228.               if (specificCity && selectedCityMatch) {
  229.                   poly.setAttribute("fill","#ff8");
  230.                   poly.setAttribute("stroke","#cc0");
  231.               }
  232.           }
  233.           // if was yellow and now not yellow, reset
  234.           else if (poly.getAttribute("fill") == "#ff8" && (!specificCity || !selectedCityMatch)) {
  235.               poly.setAttribute("fill","#d191d6");
  236.               poly.setAttribute("stroke","#d191d6");
  237.               poly.setAttribute("stroke-opacity",1);
  238.           }        
  239.       }
  240.     }
  241.     if(poly !== null && venue.geometry.toString().match(/^POINT/) && showPoints == true && showNames == true && venue.attributes.name.length > 0)
  242.     {
  243.         // Add label texts
  244.         var labelFeatures = [];        
  245.         var pt = new OpenLayers.Geometry.Point(venue.geometry.x, venue.geometry.y);
  246.         var wrappedText = wordWrap(venue.attributes.name, 30);
  247.         var textFeature = new OpenLayers.Feature.Vector( pt, {labelText: wrappedText, fontColor: '#F0F0F0', pointRadius: 0 } );
  248.         labelFeatures.push(textFeature);
  249.         routeLayer.addFeatures(labelFeatures);        
  250.     }
  251.   }
  252. }
  253.  
  254. function toggleOptions () {
  255.   return false;
  256. }
  257.  
  258. /* helper function */
  259. function getElementsByClassName(classname, node) {
  260.   if(!node) node = document.getElementsByTagName("body")[0];
  261.   var a = [];
  262.   var re = new RegExp('\\b' + classname + '\\b');
  263.   var els = node.getElementsByTagName("*");
  264.   for (var i=0,j=els.length; i<j; i++)
  265.     if (re.test(els[i].className)) a.push(els[i]);
  266.   return a;
  267. }
  268.  
  269. function getId(node) {
  270.   return document.getElementById(node);
  271. }
  272.  
  273. /* =========================================================================== */
  274.  
  275. function initialiseLandmarkNames()
  276. {
  277.   // global variables
  278.   advancedMode = false;
  279.   betaMode = location.hostname.match(/editor-beta.waze.com/);
  280.   lastSelected = null;
  281.   lastModified = false;
  282.   selectedLines = [];
  283.  
  284.   // add new box to left of the map
  285.   var addon = document.createElement('section');
  286.   addon.id = "landmarkname-addon";
  287.  
  288.   if (navigator.userAgent.match(/Chrome/)) {
  289.     addon.innerHTML  = '<b>'
  290.                      + '<a href="https://www.waze.com/forum/viewtopic.php?f=819&t=116843" target="_blank">WME PlaceNames</a></b> &nbsp; v' + wmepn_version;
  291.   } else {
  292.     addon.innerHTML  = '<b>'
  293.                      + '<a href="https://www.waze.com/forum/viewtopic.php?f=819&t=116843" target="_blank">WME PlaceNames</a></b> &nbsp; v' + wmepn_version;
  294.   }
  295.  
  296.   // highlight landmarks
  297.   section = document.createElement('p');
  298.   section.style.padding = "8px 16px";
  299.   //section.style.textIndent = "-16px";
  300.   section.id = "nameLandmarks";
  301.   section.innerHTML  = '<input type="checkbox" id="_cbLandmarkColors" /> <b>Color places</b><br>'
  302.   					+  '<input type="checkbox" id="_cbLandmarkHiliteNoName" /> <b>Highlight places without name</b><br>'
  303.   					+  '<b>Show</b> <select id="_seLandmarkPoints"> <option value="area">Area only</option><option value="all">Area and Point</option><option value="point">Point only</option><br>';
  304.   addon.appendChild(section);
  305.  
  306.   var userTabs = getId('user-info');
  307.   var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  308.   var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  309.  
  310.   newtab = document.createElement('li');
  311.   newtab.innerHTML = '<a href="#sidepanel-landmarknames" data-toggle="tab">PlaceNames</a>';
  312.   navTabs.appendChild(newtab);
  313.  
  314.   addon.id = "sidepanel-landmarknames";
  315.   addon.className = "tab-pane";
  316.   tabContent.appendChild(addon);
  317.  
  318.   // setup onclick handlers for instant update:
  319.     getId('_cbLandmarkColors').onclick = resetLandmarks;
  320.     getId('_cbLandmarkHiliteNoName').onclick = resetLandmarks;
  321.     getId('_seLandmarkPoints').onchange = resetLandmarks;
  322.  
  323.   // restore saved settings
  324.   if (localStorage.WMELandmarkNamesScript) {
  325.     console.log("WME LandmarkNames: loading options");
  326.     options = JSON.parse(localStorage.WMELandmarkNamesScript);
  327.  
  328.     getId('_cbLandmarkColors').checked   	    = options[1];
  329.     getId('_cbLandmarkHiliteNoName').checked    = options[2];
  330.     getId('_seLandmarkPoints').value    		= options[3];
  331.   } else {
  332.     getId('_cbLandmarkColors').checked = true;
  333.     getId('_cbLandmarkHiliteNoName').checked = true;
  334.     getId('_seLandmarkPoints').value = "area";
  335.   }
  336.  
  337.   if (typeof Waze.model.venues == "undefined") {
  338.     getId('_cbLandmarkColors').checked = false;
  339.     getId('_cbLandmarkHiliteNoName').checked = false;
  340.     getId('_cbLandmarkColors').disabled = true;
  341.     getId('_cbLandmarkHiliteNoName').disabled = true;
  342.     getId('_seLandmarkPoints').disabled = true;      
  343.   }
  344.  
  345.   // overload the WME exit function
  346.   saveLandmarkNamesOptions = function() {
  347.     if (localStorage) {
  348.       console.log("WME LandmarkNames: saving options");
  349.       var options = [];
  350.  
  351.       // preserve previous options which may get lost after logout
  352.       if (localStorage.WMELandmarkNamesScript)
  353.           options = JSON.parse(localStorage.WMELandmarkNamesScript);
  354.         
  355.         options[1] = getId('_cbLandmarkColors').checked;
  356.         options[2] = getId('_cbLandmarkHiliteNoName').checked;
  357.         options[3] = getId('_seLandmarkPoints').value;
  358.         
  359.       localStorage.WMELandmarkNamesScript = JSON.stringify(options);
  360.     }
  361.   }
  362.   window.addEventListener("beforeunload", saveLandmarkNamesOptions, false);
  363.  
  364.   // begin periodic updates
  365.   window.setInterval(showLandmarkNames,500);
  366.  
  367.   // trigger code when page is fully loaded, to catch any missing bits
  368.   window.addEventListener("load", function(e) {
  369.     var mapProblems = getId('map-problems-explanation')
  370.     if (mapProblems !== null) mapProblems.style.display = "none";
  371.   });
  372.  
  373.   // register some events...
  374.   Waze.map.events.register("zoomend", null, showLandmarkNames);
  375.   Waze.map.events.register("changelayer", null, showLandmarkNames);
  376. }
  377.  
  378. /* engage! =================================================================== */
  379. bootstrapLandmarkNames();
  380.  
  381. /* end ======================================================================= */

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址