☰

WME PlaceNames

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

目前為 2014-10-28 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name       WME PlaceNames
  3. // @version    0.1
  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.1"
  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 drc_style1 = new unsafeWindow.OpenLayers.Style({
  95.             strokeDashstyle: 'solid',
  96.             strokeColor : "${strokeColor}",
  97.             strokeOpacity: 1.0,
  98.             strokeWidth: "${strokeWidth}",
  99.             fillColor: '#0040FF',
  100.             fillOpacity: 1.0,
  101.             pointRadius: "${pointRadius}",
  102.             label : "${labelText}",
  103.             fontFamily: "Tahoma, Courier New",
  104.             labelOutlineColor: '#FFEEEE',
  105.             labelOutlineWidth: 2,
  106.             labelAlign: 'cm',
  107.             fontColor: "#301130",
  108.             fontOpacity: 1.0,
  109.             fontSize: "11px",
  110.             display: 'block'
  111.         });
  112.         var drc_mapLayer1 = new unsafeWindow.OpenLayers.Layer.Vector("Place Names", {
  113.             displayInLayerSwitcher: true,
  114.             uniqueName: "__DrawPlaceNames",
  115.             styleMap: new unsafeWindow.OpenLayers.StyleMap(drc_style1)
  116.         });
  117.         drc_mapLayer1.setVisibility(true);
  118.         //drc_mapLayer1.moveLayerToTop();
  119.         unsafeWindow.Waze.map.addLayer(drc_mapLayer1);
  120.         //var zLandmarks = Waze.map.getLayersBy("uniqueName", "landmarks")[0].getZIndex();
  121.         //var zPlaceNames = drc_mapLayer1.getZIndex();   
  122.         //Waze.map.getLayersBy("uniqueName", "landmarks")[0].setZIndex(zPlaceNames);
  123.         //drc_mapLayer1.setZIndex(zLandmarks);
  124.         routeLayer = drc_mapLayer1;
  125.     }
  126.     else routeLayer = rlayers[0];
  127.     routeLayer.removeAllFeatures();
  128.     
  129.   if (typeof Waze.model.venues == "undefined") {
  130.     return;
  131.   }
  132.  
  133.   var showNames = routeLayer.getVisibility() && Waze.map.getLayersBy("uniqueName", "landmarks")[0].getVisibility();
  134.   // if checkbox unticked, reset places to original style
  135.   if (!showNames
  136.      && !getId('_cbLandmarkColors').checked
  137.      && !getId('_cbLandmarkHiliteNoName').checked) {
  138.     for (var mark in Waze.model.venues.objects) {
  139.       var venue = Waze.model.venues.get(mark);
  140.       var poly = getId(venue.geometry.id);
  141.       if (poly !== null) {
  142.         if (poly.getAttribute("stroke-opacity") != 1) {
  143.           poly.setAttribute("fill","#d191d6");
  144.           poly.setAttribute("stroke","#d191d6");
  145.           poly.setAttribute("fill-opacity",0.3);
  146.           poly.setAttribute("stroke-opacity",1);
  147.         }
  148.       }
  149.     }
  150.     return;
  151.   }
  152.  
  153.   var specificCity = getId('_cbLandmarkHiliteNoName').checked;    
  154.   var colorLandmarks = getId('_cbLandmarkColors').checked;
  155.     //var routeLayer = unsafeWindow.Waze.map.getLayersBy("uniqueName","landmarks")[0];    
  156.     //routeLayer.styleMap.styles.default = drc_style1;
  157.  
  158.   for (var mark in Waze.model.venues.objects) {
  159.     var venue = Waze.model.venues.get(mark);
  160.     var poly = getId(venue.geometry.id);
  161.     if (poly !== null && venue.geometry.toString().match(/^POLYGON/)) {
  162.       venueStreet = Waze.model.streets.get(venue.attributes.streetID);
  163.       selectedCityMatch = (venue.attributes.name.length == 0);
  164.  
  165.         if(showNames && venue.attributes.name.length > 0)
  166.         {            
  167.             // Add label texts
  168.             var labelFeatures = [];        
  169.             var pt = new OpenLayers.Geometry.Point((venue.geometry.bounds.left + venue.geometry.bounds.right)/2, (venue.geometry.bounds.top + venue.geometry.bounds.bottom)/2);
  170.             var closest =_.min(routeLayer.features, function(feature) {
  171.                 return feature.geometry.distanceTo(pt);
  172.             });
  173.             //console.log(closest);
  174.             var wrappedText = wordWrap(venue.attributes.name, 30);
  175.             var textFeature = new OpenLayers.Feature.Vector( pt, {labelText: wrappedText, fontColor: '#F0F0F0', pointRadius: 0 } );
  176.             labelFeatures.push(textFeature);
  177.             routeLayer.addFeatures(labelFeatures);        
  178.             //if(closest != Infinity && closest.geometry.bounds.intersectsBounds(textFeature.geometry.bounds))
  179.             //{
  180.             //    routeLayer.removeFeatures(labelFeatures);
  181.             //}
  182.         }
  183.         
  184.         // Production polygons: #d191d6, Beta editor polygons: #c290c6
  185.       if ((poly.getAttribute("fill") == "#d191d6" || poly.getAttribute("fill") == "#c290c6") && poly.getAttribute("stroke-opacity") == 1) {
  186.         var categories   = venue.attributes.categories;
  187.  
  188.           if(colorLandmarks)
  189.           {
  190.               // gas station = orange
  191.               if (categories.indexOf("GAS_STATION") > -1) {
  192.                   poly.setAttribute("fill","#f90");
  193.                   poly.setAttribute("stroke","#f90");
  194.               }
  195.               
  196.               // parking lot = cyan
  197.               else if (categories.indexOf("PARKING_LOT") > -1) {
  198.                   poly.setAttribute("fill","#099");
  199.                   poly.setAttribute("stroke","#0cc");
  200.               }
  201.                   
  202.                   // water = blue
  203.                   else if (categories.indexOf("RIVER_STREAM") > -1 ||
  204.                            categories.indexOf("SEA_LAKE_POOL") > -1) {
  205.                       poly.setAttribute("fill","#09f");
  206.                       poly.setAttribute("stroke","#06c");
  207.                   }
  208.                   
  209.                   // park/grass/trees = green
  210.                   else if (categories.indexOf("PARK") > -1 ||
  211.                            categories.indexOf("FARM") > -1 ||
  212.                            categories.indexOf("FOREST_GROVE") > -1 ||
  213.                            categories.indexOf("GOLF_COURSE") > -1) {
  214.                       poly.setAttribute("fill","#4f4");
  215.                       poly.setAttribute("stroke","#6a6");
  216.                   }
  217.         }
  218.  
  219.         poly.setAttribute("stroke-opacity",0.97);
  220.           
  221.           // highlight places which have no name
  222.           if (poly.getAttribute("fill") == "#d191d6" || poly.getAttribute("fill") == "#c290c6") {
  223.               if (specificCity && selectedCityMatch) {
  224.                   poly.setAttribute("fill","#ff8");
  225.                   poly.setAttribute("stroke","#cc0");
  226.               }
  227.           }
  228.           // if was yellow and now not yellow, reset
  229.           else if (poly.getAttribute("fill") == "#ff8" && (!specificCity || !selectedCityMatch)) {
  230.               poly.setAttribute("fill","#d191d6");
  231.               poly.setAttribute("stroke","#d191d6");
  232.               poly.setAttribute("stroke-opacity",1);
  233.           }        
  234.       }
  235.     }          
  236.   }
  237. }
  238.  
  239. function toggleOptions () {
  240.   return false;
  241. }
  242.  
  243. /* helper function */
  244. function getElementsByClassName(classname, node) {
  245.   if(!node) node = document.getElementsByTagName("body")[0];
  246.   var a = [];
  247.   var re = new RegExp('\\b' + classname + '\\b');
  248.   var els = node.getElementsByTagName("*");
  249.   for (var i=0,j=els.length; i<j; i++)
  250.     if (re.test(els[i].className)) a.push(els[i]);
  251.   return a;
  252. }
  253.  
  254. function getId(node) {
  255.   return document.getElementById(node);
  256. }
  257.  
  258. /* =========================================================================== */
  259.  
  260. function initialiseLandmarkNames()
  261. {
  262.   // global variables
  263.   advancedMode = false;
  264.   betaMode = location.hostname.match(/editor-beta.waze.com/);
  265.   lastSelected = null;
  266.   lastModified = false;
  267.   selectedLines = [];
  268.  
  269.   // add new box to left of the map
  270.   var addon = document.createElement('section');
  271.   addon.id = "landmarkname-addon";
  272.  
  273.   if (navigator.userAgent.match(/Chrome/)) {
  274.     addon.innerHTML  = '<b>'
  275.                      + 'WME PlaceNames</b> &nbsp; v' + wmepn_version;
  276.   } else {
  277.     addon.innerHTML  = '<b>'
  278.                      + 'WME PlaceNames</b> &nbsp; v' + wmepn_version;
  279.   }
  280.  
  281.   // highlight landmarks
  282.   section = document.createElement('p');
  283.   section.style.padding = "8px 16px";
  284.   //section.style.textIndent = "-16px";
  285.   section.id = "nameLandmarks";
  286.   section.innerHTML  = '<input type="checkbox" id="_cbLandmarkColors" /> <b>Color places</b><br>'
  287.   					+  '<input type="checkbox" id="_cbLandmarkHiliteNoName" /> <b>Highlight places without name</b><br>';
  288.   addon.appendChild(section);
  289.  
  290.   var userTabs = getId('user-info');
  291.   var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  292.   var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  293.  
  294.   newtab = document.createElement('li');
  295.   newtab.innerHTML = '<a href="#sidepanel-landmarknames" data-toggle="tab">PlaceNames</a>';
  296.   navTabs.appendChild(newtab);
  297.  
  298.   addon.id = "sidepanel-landmarknames";
  299.   addon.className = "tab-pane";
  300.   tabContent.appendChild(addon);
  301.  
  302.   // setup onclick handlers for instant update:
  303.     getId('_cbLandmarkColors').onclick = resetLandmarks;
  304.     getId('_cbLandmarkHiliteNoName').onclick = resetLandmarks;
  305.  
  306.   // restore saved settings
  307.   if (localStorage.WMELandmarkNamesScript) {
  308.     console.log("WME LandmarkNames: loading options");
  309.     options = JSON.parse(localStorage.WMELandmarkNamesScript);
  310.  
  311.     getId('_cbLandmarkColors').checked   	    = options[1];
  312.     getId('_cbLandmarkHiliteNoName').checked    = options[2];
  313.   } else {
  314.     getId('_cbLandmarkColors').checked = true;
  315.     getId('_cbLandmarkHiliteNoName').checked = true;
  316.   }
  317.  
  318.   if (typeof Waze.model.venues == "undefined") {
  319.     getId('_cbLandmarkColors').checked = false;
  320.     getId('_cbLandmarkHiliteNoName').checked = false;
  321.     getId('_cbLandmarkColors').disabled = true;
  322.     getId('_cbLandmarkHiliteNoName').disabled = true;
  323.   }
  324.  
  325.   // overload the WME exit function
  326.   saveLandmarkNamesOptions = function() {
  327.     if (localStorage) {
  328.       console.log("WME LandmarkNames: saving options");
  329.       var options = [];
  330.  
  331.       // preserve previous options which may get lost after logout
  332.       if (localStorage.WMELandmarkNamesScript)
  333.           options = JSON.parse(localStorage.WMELandmarkNamesScript);
  334.         
  335.         options[1] = getId('_cbLandmarkColors').checked;
  336.         options[2] = getId('_cbLandmarkHiliteNoName').checked;
  337.         
  338.       localStorage.WMELandmarkNamesScript = JSON.stringify(options);
  339.     }
  340.   }
  341.   window.addEventListener("beforeunload", saveLandmarkNamesOptions, false);
  342.  
  343.   // begin periodic updates
  344.   window.setInterval(showLandmarkNames,500);
  345.  
  346.   // trigger code when page is fully loaded, to catch any missing bits
  347.   window.addEventListener("load", function(e) {
  348.     var mapProblems = getId('map-problems-explanation')
  349.     if (mapProblems !== null) mapProblems.style.display = "none";
  350.   });
  351.  
  352.   // register some events...
  353.   Waze.map.events.register("zoomend", null, showLandmarkNames);
  354.   Waze.map.events.register("changelayer", null, showLandmarkNames);
  355. }
  356.  
  357. /* engage! =================================================================== */
  358. bootstrapLandmarkNames();
  359.  
  360. /* end ======================================================================= */

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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