☰

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.2
  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.2"
  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 showPoints = getId('_cbLandmarkPoints').checked;
  156.     //var routeLayer = unsafeWindow.Waze.map.getLayersBy("uniqueName","landmarks")[0];    
  157.     //routeLayer.styleMap.styles.default = drc_style1;
  158.  
  159.   for (var mark in Waze.model.venues.objects) {
  160.     var venue = Waze.model.venues.get(mark);
  161.     var poly = getId(venue.geometry.id);
  162.     if (poly !== null && venue.geometry.toString().match(/^POLYGON/)) {
  163.       venueStreet = Waze.model.streets.get(venue.attributes.streetID);
  164.       selectedCityMatch = (venue.attributes.name.length == 0);
  165.  
  166.         if(showNames && venue.attributes.name.length > 0)
  167.         {            
  168.             // Add label texts
  169.             var labelFeatures = [];        
  170.             var pt = new OpenLayers.Geometry.Point((venue.geometry.bounds.left + venue.geometry.bounds.right)/2, (venue.geometry.bounds.top + venue.geometry.bounds.bottom)/2);
  171.             var closest =_.min(routeLayer.features, function(feature) {
  172.                 return feature.geometry.distanceTo(pt);
  173.             });
  174.             //console.log(closest);
  175.             var wrappedText = wordWrap(venue.attributes.name, 30);
  176.             var textFeature = new OpenLayers.Feature.Vector( pt, {labelText: wrappedText, fontColor: '#F0F0F0', pointRadius: 0 } );
  177.             labelFeatures.push(textFeature);
  178.             routeLayer.addFeatures(labelFeatures);        
  179.             //if(closest != Infinity && closest.geometry.bounds.intersectsBounds(textFeature.geometry.bounds))
  180.             //{
  181.             //    routeLayer.removeFeatures(labelFeatures);
  182.             //}
  183.         }
  184.         
  185.         // Production polygons: #d191d6, Beta editor polygons: #c290c6
  186.       if ((poly.getAttribute("fill") == "#d191d6" || poly.getAttribute("fill") == "#c290c6") && poly.getAttribute("stroke-opacity") == 1) {
  187.         var categories   = venue.attributes.categories;
  188.  
  189.           if(colorLandmarks)
  190.           {
  191.               // gas station = orange
  192.               if (categories.indexOf("GAS_STATION") > -1) {
  193.                   poly.setAttribute("fill","#f90");
  194.                   poly.setAttribute("stroke","#f90");
  195.               }
  196.               
  197.               // parking lot = cyan
  198.               else if (categories.indexOf("PARKING_LOT") > -1) {
  199.                   poly.setAttribute("fill","#099");
  200.                   poly.setAttribute("stroke","#0cc");
  201.               }
  202.                   
  203.                   // water = blue
  204.                   else if (categories.indexOf("RIVER_STREAM") > -1 ||
  205.                            categories.indexOf("SEA_LAKE_POOL") > -1) {
  206.                       poly.setAttribute("fill","#09f");
  207.                       poly.setAttribute("stroke","#06c");
  208.                   }
  209.                   
  210.                   // park/grass/trees = green
  211.                   else if (categories.indexOf("PARK") > -1 ||
  212.                            categories.indexOf("FARM") > -1 ||
  213.                            categories.indexOf("FOREST_GROVE") > -1 ||
  214.                            categories.indexOf("GOLF_COURSE") > -1) {
  215.                       poly.setAttribute("fill","#4f4");
  216.                       poly.setAttribute("stroke","#6a6");
  217.                   }
  218.         }
  219.  
  220.         poly.setAttribute("stroke-opacity",0.97);
  221.           
  222.           // highlight places which have no name
  223.           if (poly.getAttribute("fill") == "#d191d6" || poly.getAttribute("fill") == "#c290c6") {
  224.               if (specificCity && selectedCityMatch) {
  225.                   poly.setAttribute("fill","#ff8");
  226.                   poly.setAttribute("stroke","#cc0");
  227.               }
  228.           }
  229.           // if was yellow and now not yellow, reset
  230.           else if (poly.getAttribute("fill") == "#ff8" && (!specificCity || !selectedCityMatch)) {
  231.               poly.setAttribute("fill","#d191d6");
  232.               poly.setAttribute("stroke","#d191d6");
  233.               poly.setAttribute("stroke-opacity",1);
  234.           }        
  235.       }
  236.     }
  237.     if(poly !== null && venue.geometry.toString().match(/^POINT/) && showPoints == true && showNames == true && venue.attributes.name.length > 0)
  238.     {
  239.         // Add label texts
  240.         var labelFeatures = [];        
  241.         var pt = new OpenLayers.Geometry.Point(venue.geometry.x, venue.geometry.y);
  242.         var wrappedText = wordWrap(venue.attributes.name, 30);
  243.         var textFeature = new OpenLayers.Feature.Vector( pt, {labelText: wrappedText, fontColor: '#F0F0F0', pointRadius: 0 } );
  244.         labelFeatures.push(textFeature);
  245.         routeLayer.addFeatures(labelFeatures);        
  246.     }
  247.   }
  248. }
  249.  
  250. function toggleOptions () {
  251.   return false;
  252. }
  253.  
  254. /* helper function */
  255. function getElementsByClassName(classname, node) {
  256.   if(!node) node = document.getElementsByTagName("body")[0];
  257.   var a = [];
  258.   var re = new RegExp('\\b' + classname + '\\b');
  259.   var els = node.getElementsByTagName("*");
  260.   for (var i=0,j=els.length; i<j; i++)
  261.     if (re.test(els[i].className)) a.push(els[i]);
  262.   return a;
  263. }
  264.  
  265. function getId(node) {
  266.   return document.getElementById(node);
  267. }
  268.  
  269. /* =========================================================================== */
  270.  
  271. function initialiseLandmarkNames()
  272. {
  273.   // global variables
  274.   advancedMode = false;
  275.   betaMode = location.hostname.match(/editor-beta.waze.com/);
  276.   lastSelected = null;
  277.   lastModified = false;
  278.   selectedLines = [];
  279.  
  280.   // add new box to left of the map
  281.   var addon = document.createElement('section');
  282.   addon.id = "landmarkname-addon";
  283.  
  284.   if (navigator.userAgent.match(/Chrome/)) {
  285.     addon.innerHTML  = '<b>'
  286.                      + 'WME PlaceNames</b> &nbsp; v' + wmepn_version;
  287.   } else {
  288.     addon.innerHTML  = '<b>'
  289.                      + 'WME PlaceNames</b> &nbsp; v' + wmepn_version;
  290.   }
  291.  
  292.   // highlight landmarks
  293.   section = document.createElement('p');
  294.   section.style.padding = "8px 16px";
  295.   //section.style.textIndent = "-16px";
  296.   section.id = "nameLandmarks";
  297.   section.innerHTML  = '<input type="checkbox" id="_cbLandmarkColors" /> <b>Color places</b><br>'
  298.   					+  '<input type="checkbox" id="_cbLandmarkHiliteNoName" /> <b>Highlight places without name</b><br>'
  299.   					+  '<input type="checkbox" id="_cbLandmarkPoints" /> <b>Include point place names</b><br>';
  300.   addon.appendChild(section);
  301.  
  302.   var userTabs = getId('user-info');
  303.   var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  304.   var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  305.  
  306.   newtab = document.createElement('li');
  307.   newtab.innerHTML = '<a href="#sidepanel-landmarknames" data-toggle="tab">PlaceNames</a>';
  308.   navTabs.appendChild(newtab);
  309.  
  310.   addon.id = "sidepanel-landmarknames";
  311.   addon.className = "tab-pane";
  312.   tabContent.appendChild(addon);
  313.  
  314.   // setup onclick handlers for instant update:
  315.     getId('_cbLandmarkColors').onclick = resetLandmarks;
  316.     getId('_cbLandmarkHiliteNoName').onclick = resetLandmarks;
  317.     getId('_cbLandmarkPoints').onclick = resetLandmarks;
  318.  
  319.   // restore saved settings
  320.   if (localStorage.WMELandmarkNamesScript) {
  321.     console.log("WME LandmarkNames: loading options");
  322.     options = JSON.parse(localStorage.WMELandmarkNamesScript);
  323.  
  324.     getId('_cbLandmarkColors').checked   	    = options[1];
  325.     getId('_cbLandmarkHiliteNoName').checked    = options[2];
  326.     getId('_cbLandmarkPoints').checked    		= options[3];
  327.   } else {
  328.     getId('_cbLandmarkColors').checked = true;
  329.     getId('_cbLandmarkHiliteNoName').checked = true;
  330.     getId('_cbLandmarkPoints').checked = false;
  331.   }
  332.  
  333.   if (typeof Waze.model.venues == "undefined") {
  334.     getId('_cbLandmarkColors').checked = false;
  335.     getId('_cbLandmarkHiliteNoName').checked = false;
  336.     getId('_cbLandmarkPoints').checked = false;
  337.     getId('_cbLandmarkColors').disabled = true;
  338.     getId('_cbLandmarkHiliteNoName').disabled = true;
  339.     getId('_cbLandmarkPoints').disabled = true;      
  340.   }
  341.  
  342.   // overload the WME exit function
  343.   saveLandmarkNamesOptions = function() {
  344.     if (localStorage) {
  345.       console.log("WME LandmarkNames: saving options");
  346.       var options = [];
  347.  
  348.       // preserve previous options which may get lost after logout
  349.       if (localStorage.WMELandmarkNamesScript)
  350.           options = JSON.parse(localStorage.WMELandmarkNamesScript);
  351.         
  352.         options[1] = getId('_cbLandmarkColors').checked;
  353.         options[2] = getId('_cbLandmarkHiliteNoName').checked;
  354.         options[3] = getId('_cbLandmarkPoints').checked;
  355.         
  356.       localStorage.WMELandmarkNamesScript = JSON.stringify(options);
  357.     }
  358.   }
  359.   window.addEventListener("beforeunload", saveLandmarkNamesOptions, false);
  360.  
  361.   // begin periodic updates
  362.   window.setInterval(showLandmarkNames,500);
  363.  
  364.   // trigger code when page is fully loaded, to catch any missing bits
  365.   window.addEventListener("load", function(e) {
  366.     var mapProblems = getId('map-problems-explanation')
  367.     if (mapProblems !== null) mapProblems.style.display = "none";
  368.   });
  369.  
  370.   // register some events...
  371.   Waze.map.events.register("zoomend", null, showLandmarkNames);
  372.   Waze.map.events.register("changelayer", null, showLandmarkNames);
  373. }
  374.  
  375. /* engage! =================================================================== */
  376. bootstrapLandmarkNames();
  377.  
  378. /* end ======================================================================= */

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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