☰

WME PlaceNames

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

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

  1. // ==UserScript==
  2. // @name       WME PlaceNames
  3. // @version    0.5
  4. // @description  Show area and point 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.5";
  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 wmepn_wordWrap(str, maxWidth) {
  40.     function testWhite(x) {
  41.         var white = new RegExp(/^[ \t\r\n\f]$/); // We are not using \s because it matches non-breaking space too
  42.         return white.test(x.charAt(0));
  43.     }
  44.  
  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 && str.length > maxWidth) {
  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 wmepn_resetLandmarks()
  74. {
  75.     var venues = Waze.model.venues;
  76.     for (var mark in venues.objects) {
  77.         var venue = venues.get(mark);
  78.         var poly = wmepn_getId(venue.geometry.id);
  79.         if (poly !== null) {
  80.             if (poly.getAttribute("stroke-opacity") != 1) {
  81.                 poly.setAttribute("fill","#d191d6");
  82.                 poly.setAttribute("stroke","#d191d6");
  83.                 poly.setAttribute("fill-opacity",0.3);
  84.                 poly.setAttribute("stroke-opacity",1);
  85.             }
  86.         }
  87.     }
  88.     wmepn_showLandmarkNames();
  89. }
  90.  
  91. function wmepn_showLandmarkNames() {    
  92.   wmepn_NameLayer.removeAllFeatures();
  93.   if (typeof Waze.model.venues == "undefined" || wmepn_getId('_cbLandmarkNamesEnable').checked == false) {
  94.     return;
  95.   }
  96.   var venues = Waze.model.venues;
  97.   var streets = Waze.model.streets;
  98.   var map = Waze.map;
  99.   var showNames = wmepn_NameLayer.getVisibility() && map.getLayersBy("uniqueName", "landmarks")[0].getVisibility();
  100.   // if checkbox unticked, reset places to original style
  101.   if (!showNames
  102.      && !wmepn_getId('_cbLandmarkColors').checked
  103.      && !wmepn_getId('_cbLandmarkHiliteNoName').checked) {
  104.     for (var mark in venues.objects) {
  105.       var venue = venues.get(mark);
  106.       var poly = wmepn_getId(venue.geometry.id);
  107.       if (poly !== null) {
  108.         if (poly.getAttribute("stroke-opacity") != 1) {
  109.           poly.setAttribute("fill","#d191d6");
  110.           poly.setAttribute("stroke","#d191d6");
  111.           poly.setAttribute("fill-opacity",0.3);
  112.           poly.setAttribute("stroke-opacity",1);
  113.         }
  114.       }
  115.     }
  116.     return;
  117.   }
  118.  
  119.   var hiliteNoName = wmepn_getId('_cbLandmarkHiliteNoName').checked;    
  120.   var colorLandmarks = wmepn_getId('_cbLandmarkColors').checked;
  121.   var showPoints = (wmepn_getId('_seLandmarkPoints').value == "all" || wmepn_getId('_seLandmarkPoints').value == "point");
  122.   var showAreas = (wmepn_getId('_seLandmarkPoints').value == "all" || wmepn_getId('_seLandmarkPoints').value == "area");
  123.   var nameFilterArray = wmepn_getId('_inLandmarkNameFilter').value.split("/");
  124.   var nameFilter = (nameFilterArray.length > 1 ? nameFilterArray[1] : nameFilterArray[0]);
  125.   var nameFilterOptions = nameFilterArray[2];
  126.   var nameFilterRegEx = (nameFilterArray.length > 1 ? new RegExp(nameFilter, nameFilterOptions) : null);
  127.   var doFilter = function (name) {
  128.       if(nameFilter.length == 0)
  129.           return true; // show all when no filter entered
  130.       if(nameFilterRegEx == null)
  131.       	return (name.indexOf(nameFilter) >= 0);
  132.       else
  133.       	return nameFilterRegEx.test(name);
  134.   }
  135.  
  136.   for (var mark in venues.objects) {
  137.     var venue = venues.get(mark);
  138.     var poly = wmepn_getId(venue.geometry.id);
  139.     var isPoint = venue.geometry.toString().match(/^POINT/);
  140.     var isArea = venue.geometry.toString().match(/^POLYGON/);
  141.     var trimmedName = venue.attributes.name.trim();
  142.     var houseNumber = venue.attributes.houseNumber;
  143.     if (poly !== null) {
  144.       var venueStreet = streets.get(venue.attributes.streetID);
  145.       var haveNoName = (venue.attributes.residential ? (houseNumber.length == 0) : (trimmedName.length == 0));
  146.  
  147.         if(showNames && (showAreas || showPoints))
  148.         {            
  149. 		    var wrappedText = wmepn_wordWrap(trimmedName, 30);
  150.             var filterMatched = (trimmedName.length > 0 && doFilter(trimmedName));
  151.             if(showAreas && isArea && filterMatched)
  152.             {
  153.                 // Add label texts
  154.                 var labelFeatures = [];
  155.                 var bounds = venue.geometry.bounds;
  156.                 var pt;
  157.                 //if(bounds.getWidth() * bounds.getHeight() * .3 > venue.geometry.getArea() && venue.attributes.entryExitPoints.length > 0)
  158.                 //	pt = venue.attributes.entryExitPoints[0].point;
  159.                 //else	
  160.                 	pt = venue.geometry.getCentroid();
  161.                 var textFeature = new OpenLayers.Feature.Vector( pt, {labelText: wrappedText, fontColor: '#F0F0F0', pointRadius: 0 } );
  162.                 labelFeatures.push(textFeature);
  163.                 wmepn_NameLayer.addFeatures(labelFeatures);        
  164.         	}
  165.             if(showPoints && isPoint && (filterMatched || (houseNumber !== undefined && houseNumber.length > 0)))
  166.             {
  167.                 // Add label texts
  168.                 var labelFeatures = [];        
  169.                 var pt = new OpenLayers.Geometry.Point(venue.geometry.x, venue.geometry.y);
  170.                 var isHouseNumber = !filterMatched;
  171.                 var textFeature = new OpenLayers.Feature.Vector( pt, {labelText: (isHouseNumber ? houseNumber : wrappedText), fontColor: '#F0F0F0', pointRadius: 0, yOffset: -15, style: (isHouseNumber ? "italic" : "normal") } );
  172.                 labelFeatures.push(textFeature);
  173.                 wmepn_NameLayer.addFeatures(labelFeatures);        
  174.             }
  175.         }
  176.         
  177.         
  178.         // Production polygons: #d191d6, Beta editor polygons: #c290c6
  179.       if ((poly.getAttribute("fill") == "#d191d6" || poly.getAttribute("fill") == "#c290c6") && poly.getAttribute("stroke-opacity") == 1) {
  180.         var categories   = venue.attributes.categories;
  181. 		var colored = false;
  182.           
  183.         if(colorLandmarks)
  184.         {
  185.               // gas station = orange
  186.               if (categories.indexOf("GAS_STATION") > -1) {
  187.                   poly.setAttribute("fill","#f90");
  188.                   poly.setAttribute("stroke","#f90");
  189.                   colored = true;
  190.               }
  191.               
  192.               // parking lot = cyan
  193.               else if (categories.indexOf("PARKING_LOT") > -1) {
  194.                   poly.setAttribute("fill","#099");
  195.                   poly.setAttribute("stroke","#0cc");
  196.               }
  197.                   
  198.                   // water = blue
  199.                   else if (categories.indexOf("RIVER_STREAM") > -1 ||
  200.                            categories.indexOf("SEA_LAKE_POOL") > -1) {
  201.                       poly.setAttribute("fill","#09f");
  202.                       poly.setAttribute("stroke","#06c");
  203. 	                  colored = true;
  204.                   }
  205.                   
  206.                   // park/grass/trees = green
  207.                   else if (categories.indexOf("PARK") > -1 ||
  208.                            categories.indexOf("FARM") > -1 ||
  209.                            categories.indexOf("FOREST_GROVE") > -1 ||
  210.                            categories.indexOf("GOLF_COURSE") > -1) {
  211.                       poly.setAttribute("fill","#4f4");
  212.                       poly.setAttribute("stroke","#6a6");
  213. 	                  colored = true;
  214.                   }
  215.         }
  216.  
  217.         poly.setAttribute("stroke-opacity",0.97);
  218.           
  219.           // highlight places which have no name and not colored before
  220.           if (hiliteNoName && haveNoName && colored == false) {
  221.               poly.setAttribute("fill","#ff8");
  222.               poly.setAttribute("stroke","#cc0");
  223.               colored = true;
  224.           }
  225.           // if was yellow and now not yellow, reset
  226.           else if (poly.getAttribute("fill") == "#ff8" && (!hiliteNoName || !haveNoName)) {
  227.               poly.setAttribute("fill","#d191d6");
  228.               poly.setAttribute("stroke","#d191d6");
  229.               poly.setAttribute("stroke-opacity",1);
  230.           }        
  231.       }
  232.     }
  233.   }
  234. }
  235.  
  236. function wmepn_toggleOptions () {
  237.   return false;
  238. }
  239.  
  240. /* helper function */
  241. function wmepn_getId(node) {
  242.   return document.getElementById(node);
  243. }
  244.  
  245. /* =========================================================================== */
  246.  
  247. function initialiseLandmarkNames()
  248. {
  249.   // global variables
  250.   wmepn_betaMode = location.hostname.match(/editor-beta.waze.com/);
  251.   wmepn_NameLayer = undefined;
  252.  
  253.     // helper fn
  254.     function getElementsByClassName(classname, node) {
  255.       if(!node) node = document.getElementsByTagName("body")[0];
  256.       var a = [];
  257.       var re = new RegExp('\\b' + classname + '\\b');
  258.       var els = node.getElementsByTagName("*");
  259.       for (var i=0,j=els.length; i<j; i++)
  260.         if (re.test(els[i].className)) a.push(els[i]);
  261.       return a;
  262.     }
  263.  
  264.     
  265.   // add new box to left of the map
  266.   var addon = document.createElement('section');
  267.   var map = unsafeWindow.Waze.map;
  268.   addon.id = "landmarkname-addon";
  269.  
  270.   if (navigator.userAgent.match(/Chrome/)) {
  271.     addon.innerHTML  = '<b>'
  272.                      + '<a href="https://www.waze.com/forum/viewtopic.php?f=819&t=116843" target="_blank">WME PlaceNames</a></b> &nbsp; v' + wmepn_version;
  273.   } else {
  274.     addon.innerHTML  = '<b>'
  275.                      + '<a href="https://www.waze.com/forum/viewtopic.php?f=819&t=116843" target="_blank">WME PlaceNames</a></b> &nbsp; v' + wmepn_version;
  276.   }
  277.  
  278.   // highlight landmarks
  279.   section = document.createElement('p');
  280.   section.style.padding = "8px 16px";
  281.   //section.style.textIndent = "-16px";
  282.   section.id = "nameLandmarks";
  283.   section.innerHTML  = '<div title="Toggle highlighting and place names layer\nUse the Layer selector or Shift+N hotkey to toggle names only"><input type="checkbox" id="_cbLandmarkNamesEnable" /> <b>Enable script</b></div>'
  284.   					+  '<div title="Color the places like WMECH does"><input type="checkbox" id="_cbLandmarkColors" /> <b>Color places</b></div>'
  285.   					+  '<div title="Highlight public places without name and private places without house number (yellow)"><input type="checkbox" id="_cbLandmarkHiliteNoName"/> <b>Highlight places without name/HN</b></div>'
  286.   					+  '<div title="Select desired names to show"><b>Show</b> <select id="_seLandmarkPoints">'
  287.   							+ '<option value="area">Area only</option>'
  288.   							+ '<option value="all">Area and Point</option>'
  289.   							+ '<option value="point">Point only</option></select></div>'
  290.   					+  '<div title="Filter only the names containing this string (you could use regex e.g. /school/i)"><b>Filter:</b><input type="text" id="_inLandmarkNameFilter"/></div>';
  291.   addon.appendChild(section);
  292.  
  293.   var userTabs = wmepn_getId('user-info');
  294.   var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  295.   var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  296.  
  297.   newtab = document.createElement('li');
  298.   newtab.innerHTML = '<a href="#sidepanel-landmarknames" data-toggle="tab">PlaceNames</a>';
  299.   navTabs.appendChild(newtab);
  300.  
  301.   addon.id = "sidepanel-landmarknames";
  302.   addon.className = "tab-pane";
  303.   tabContent.appendChild(addon);
  304.  
  305.   // setup onclick handlers for instant update:
  306.     wmepn_getId('_cbLandmarkColors').onclick = wmepn_resetLandmarks;
  307.     wmepn_getId('_cbLandmarkHiliteNoName').onclick = wmepn_resetLandmarks;
  308.     wmepn_getId('_seLandmarkPoints').onchange = wmepn_resetLandmarks;
  309.     wmepn_getId('_cbLandmarkNamesEnable').onclick = wmepn_resetLandmarks;
  310.     wmepn_getId('_inLandmarkNameFilter').oninput = wmepn_showLandmarkNames;
  311.  
  312.     // Create PlaceName layer
  313.     var rlayers = map.getLayersBy("uniqueName","__DrawPlaceNames");
  314.     if(rlayers.length == 0) {
  315.         var lname = "Place Names";
  316.         var style = new unsafeWindow.OpenLayers.Style({
  317.             strokeDashstyle: 'solid',
  318.             strokeColor : "${strokeColor}",
  319.             strokeOpacity: 1.0,
  320.             strokeWidth: "${strokeWidth}",
  321.             fillColor: '#0040FF',
  322.             fillOpacity: 1.0,
  323.             pointRadius: "${pointRadius}",
  324.             label : "${labelText}",
  325.             fontFamily: "Tahoma, Courier New",
  326.             labelOutlineColor: '#FFEEEE',
  327.             labelOutlineWidth: 2,
  328.             labelAlign: 'cm',
  329.             fontColor: "#301130",
  330.             fontOpacity: 1.0,
  331.             fontSize: "11px",
  332.             display: 'block',
  333.             labelYOffset: "${yOffset}",
  334.             fontStyle: "${style}"
  335.         });
  336.         var nameLayer = new unsafeWindow.OpenLayers.Layer.Vector(lname, {
  337.             displayInLayerSwitcher: true,
  338.             uniqueName: "__DrawPlaceNames",
  339.             shortcutKey: "S+n",
  340. 			accelerator: "toggle" + lname.replace(/\s+/g,''),
  341.             styleMap: new unsafeWindow.OpenLayers.StyleMap(style)
  342.         });
  343.         nameLayer.setVisibility(true);
  344.         //drc_mapLayer1.moveLayerToTop();
  345.         map.addLayer(nameLayer);
  346.         //var zLandmarks = map.getLayersBy("uniqueName", "landmarks")[0].getZIndex();
  347.         //var zPlaceNames = drc_mapLayer1.getZIndex();   
  348.         //map.getLayersBy("uniqueName", "landmarks")[0].setZIndex(zPlaceNames);
  349.         //drc_mapLayer1.setZIndex(zLandmarks);
  350.         wmepn_NameLayer = nameLayer;
  351.     }
  352.     else wmepn_NameLayer = rlayers[0];
  353.     
  354.   // restore saved settings
  355.   if (localStorage.WMELandmarkNamesScript) {
  356.     console.log("WME LandmarkNames: loading options");
  357.     options = JSON.parse(localStorage.WMELandmarkNamesScript);
  358.  
  359.     wmepn_getId('_cbLandmarkColors').checked   	    = options[1];
  360.     wmepn_getId('_cbLandmarkHiliteNoName').checked  = options[2];
  361.     wmepn_getId('_seLandmarkPoints').value    		= options[3];
  362. 	wmepn_NameLayer.setVisibility(options[4]);
  363.     if(options[5] !== undefined)
  364.         wmepn_getId('_cbLandmarkNamesEnable').checked   = options[5];
  365.     else wmepn_NameLayer.setVisibility(true);
  366.     if(options[6] !== undefined)
  367.         wmepn_getId('_inLandmarkNameFilter').value		= options[6];
  368.   } else {
  369.     wmepn_getId('_cbLandmarkColors').checked = true;
  370.     wmepn_getId('_cbLandmarkHiliteNoName').checked = true;
  371.     wmepn_getId('_seLandmarkPoints').value = "area";
  372. 	wmepn_NameLayer.setVisibility(true);    
  373.     wmepn_getId('_cbLandmarkNamesEnable').checked = true;
  374.   }
  375.  
  376.   if (typeof Waze.model.venues == "undefined") {
  377.     wmepn_getId('_cbLandmarkColors').checked = false;
  378.     wmepn_getId('_cbLandmarkHiliteNoName').checked = false;
  379.     wmepn_getId('_cbLandmarkColors').disabled = true;
  380.     wmepn_getId('_cbLandmarkHiliteNoName').disabled = true;
  381.     wmepn_getId('_seLandmarkPoints').disabled = true;      
  382.   }
  383.  
  384.   // overload the WME exit function
  385.   wmepn_saveLandmarkNamesOptions = function() {
  386.     if (localStorage) {
  387.       console.log("WME LandmarkNames: saving options");
  388.       var options = [];
  389.  
  390.       // preserve previous options which may get lost after logout
  391.       if (localStorage.WMELandmarkNamesScript)
  392.           options = JSON.parse(localStorage.WMELandmarkNamesScript);
  393.         
  394.         options[1] = wmepn_getId('_cbLandmarkColors').checked;
  395.         options[2] = wmepn_getId('_cbLandmarkHiliteNoName').checked;
  396.         options[3] = wmepn_getId('_seLandmarkPoints').value;
  397.         options[4] = wmepn_NameLayer.getVisibility();
  398.         options[5] = wmepn_getId('_cbLandmarkNamesEnable').checked;
  399.         options[6] = wmepn_getId('_inLandmarkNameFilter').value;
  400.         
  401.       localStorage.WMELandmarkNamesScript = JSON.stringify(options);
  402.     }
  403.   }
  404.   window.addEventListener("beforeunload", wmepn_saveLandmarkNamesOptions, false);
  405.  
  406.   // begin periodic updates
  407.   //window.setInterval(wmepn_showLandmarkNames,500);
  408.  
  409.   // trigger code when page is fully loaded, to catch any missing bits
  410.   window.addEventListener("load", function(e) {
  411.     var mapProblems = wmepn_getId('map-problems-explanation')
  412.     if (mapProblems !== null) mapProblems.style.display = "none";
  413.   });
  414.  
  415.   // register some events...
  416.   map.events.register("zoomend", null, wmepn_showLandmarkNames);
  417.   map.events.register("changelayer", null, wmepn_showLandmarkNames);
  418.   map.events.register("mouseout", null, wmepn_showLandmarkNames);
  419.   Waze.selectionManager.events.register("selectionchanged", null, wmepn_showLandmarkNames);
  420. }
  421.  
  422. /* engage! =================================================================== */
  423. bootstrapLandmarkNames();
  424.  
  425. /* end ======================================================================= */

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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