WME Street View Availability

Shows a layer displaying the available street view roads and locations

当前为 2017-04-27 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name WME Street View Availability
  3. // @namespace http://www.tomputtemans.com/
  4. // @description Shows a layer displaying the available street view roads and locations
  5. // @include /^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/.*$/
  6. // @icon data:image/png;base64,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
  7. // @version 0.6.1
  8. // @grant none
  9. // ==/UserScript==
  10. (function() {
  11. var tilelayerServers = [
  12. 'https://mts0.google.com/mapslt',
  13. 'https://mts1.google.com/mapslt',
  14. 'https://mts2.google.com/mapslt',
  15. 'https://mts3.google.com/mapslt'
  16. ];
  17.  
  18. function init(e) {
  19. if (e && e.user === null) {
  20. return;
  21. }
  22. if (typeof I18n === 'undefined') {
  23. setTimeout(init, 300);
  24. return;
  25. }
  26. if (typeof Waze === 'undefined' ||
  27. typeof Waze.loginManager === 'undefined') {
  28. setTimeout(init, 100);
  29. return;
  30. }
  31. if (!Waze.loginManager.hasUser()) {
  32. Waze.loginManager.events.register("login", null, init);
  33. Waze.loginManager.events.register("loginStatus", null, init);
  34. if (!Waze.loginManager.hasUser()) {
  35. return;
  36. }
  37. }
  38. if (document.getElementById('layer-switcher') === null && document.getElementById('layer-switcher-group_display') === null) {
  39. setTimeout(init, 200);
  40. return;
  41. }
  42. var streetViewControl = document.querySelector('.street-view-control');
  43. if (streetViewControl === null) {
  44. setTimeout(init, 400);
  45. log('Street view elements unavailable, retrying in 400ms');
  46. }
  47.  
  48. var enteringStreetView = false, // Set to true when the marker is being dragged to the map
  49. ignoreStreetViewExit = false; // Set to true to indicate that the street view availability was set to visible manually and should not be reverted
  50.  
  51. // Change the opacity with the following bookmarklet:
  52. // javascript:localStorage.WME_StreetViewAvailability=JSON.stringify({opacity:prompt('Give a percentage between 0 and 100',100)/100});Waze.map.getLayersByName('Street View Availability')[0].setOpacity(JSON.parse(localStorage.WME_StreetViewAvailability).opacity);
  53.  
  54. // Add the map layer, hidden by default
  55. I18n.translations[I18n.currentLocale()].layers.name.street_view_availability = 'Street View Availability';
  56. var streetViewLayer = new OL.Layer.XYZ('Street View', tilelayerServers[Math.floor(Math.random() * tilelayerServers.length)] + '?lyrs=svv&x=${x}&y=${y}&z=${z}&w=256&h=256&style=40', {
  57. isBaseLayer: false,
  58. uniqueName: 'street_view_availability',
  59. tileSize: new OL.Size(256, 256),
  60. transitionEffect: 'resize',
  61. shortcutKey: 'S+t',
  62. accelerator: 'toggleStreetView',
  63. zoomOffset: 12,
  64. displayInLayerSwitcher: true,
  65. opacity: localStorage.WME_StreetViewAvailability ? JSON.parse(localStorage.WME_StreetViewAvailability).opacity : 1,
  66. visibility: false
  67. });
  68. /*Waze.accelerators.events.register('toggleStreetViewAvailability', this, function() { streetViewLayer.setVisibility(!streetViewLayer.getVisibility()); });
  69. Waze.accelerators.addAction('toggleStreetViewAvailability', {
  70. group: 'layers',
  71. toggler: 'ITEM_STREET_VIEW_AVAILABILITY'
  72. });
  73. Waze.accelerators.registerShortcut('S+t', 'toggleStreetViewAvailability');*/
  74. Waze.map.addLayer(streetViewLayer);
  75.  
  76. // Add layer entry in the new layer drawer
  77. var displayGroupSelector = document.getElementById('layer-switcher-group_display');
  78. if (displayGroupSelector != null) {
  79. var displayGroup = displayGroupSelector.parentNode.parentNode.querySelector('.children');
  80. var toggler = document.createElement('li');
  81. var togglerContainer = document.createElement('div');
  82. togglerContainer.className = 'controls-container toggler';
  83. var checkbox = document.createElement('input');
  84. checkbox.type = 'checkbox';
  85. checkbox.id = 'layer-switcher-item_street_view';
  86. checkbox.disabled = !displayGroupSelector.checked;
  87. checkbox.className = 'toggle';
  88. checkbox.addEventListener('click', function(e) {
  89. streetViewLayer.setVisibility(e.target.checked);
  90. });
  91. togglerContainer.appendChild(checkbox);
  92. var label = document.createElement('label');
  93. label.htmlFor = checkbox.id;
  94. var labelText = document.createElement('span');
  95. labelText.className = 'label-text';
  96. labelText.appendChild(document.createTextNode('Street View'));
  97. label.appendChild(labelText);
  98. togglerContainer.appendChild(label);
  99. toggler.appendChild(togglerContainer);
  100. displayGroup.appendChild(toggler);
  101. displayGroupSelector.addEventListener('change', function() {
  102. checkbox.disabled = !displayGroupSelector.checked;
  103. streetViewLayer.setVisibility(displayGroupSelector.checked && checkbox.checked);
  104. });
  105. }
  106.  
  107. // Add an observer to activate the script whenever the street view marker gets dragged around
  108. var controlObserver = new MutationObserver(function(mutationRecords) {
  109. if (mutationRecords[mutationRecords.length-1].target.style.display == 'none' && displayGroupSelector.checked) {
  110. enteringStreetView = true;
  111. streetViewLayer.setVisibility(true);
  112. enteringStreetView = false;
  113. } else if (!ignoreStreetViewExit) {
  114. streetViewLayer.setVisibility(false);
  115. }
  116. });
  117. controlObserver.observe(streetViewControl, { attributes: true, attributeFilter: ['style'] });
  118.  
  119. // Deal with changes to the layer visibility
  120. streetViewLayer.events.register('visibilitychanged', null, function() {
  121. if (!enteringStreetView && streetViewLayer.getVisibility()) {
  122. ignoreStreetViewExit = true;
  123. }
  124. if (!streetViewLayer.getVisibility()) {
  125. ignoreStreetViewExit = false;
  126. }
  127. });
  128. }
  129. init();
  130.  
  131. function log(message) {
  132. console.log(message);
  133. }
  134. })();