☰

WME WazeMY

WME script for WazeMY editing moderation

当前为 2022-09-24 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         WME WazeMY
  3. // @namespace    https://greasyfork.org/en/scripts/404584-wazemy
  4. // @version      2022.09.24.01
  5. // @description  WME script for WazeMY editing moderation
  6. // @author       junyianl
  7. // @match        https://beta.waze.com/*
  8. // @match        https://www.waze.com/editor*
  9. // @match        https://www.waze.com/*/editor*
  10. // @exclude      https://www.waze.com/user/editor*
  11. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  12. // @require      https://greasyfork.org/scripts/449165-wme-wazemy-trafcamlist/code/wme-wazemy-trafcamlist.js
  13. // @grant        GM_xmlhttpRequest
  14. // @license      MIT
  15. // ==/UserScript==
  16.  
  17. // @connect      p3.fgies.com
  18. // @connect      p4.fgies.com
  19. // @connect      t2.fgies.com
  20. // @connect      jalanow.com
  21. // @connect      llm.gov.my
  22.  
  23. /* global W */
  24. /* global WazeWrap */
  25. /* global $ */
  26. /* global OL */
  27. /* global OpenLayers */
  28.  
  29. /**
  30.  * All mentions of script names and links in this script is my way of giving
  31.  * credit to where it's due.
  32.  * Without those scripts, I would have no place to start.
  33.  * Big thanks to the original script authors.
  34.  *
  35.  * Huge thanks to the following contributors for cam locations around Malaysia.
  36.  * :: epailxi | dckj | firman_bakti | rickylo103 | kweeheng ::
  37.  */
  38.  
  39. // var trafficCamsData = [
  40. //     { desc: 'Jalan Sultan Ismail / Jalan Imbi near Berjaya Times Square KL', lat: 3.14369, lon: 101.71245, url: { Jalanow: 'https://p4.fgies.com/kl8/img/K012W.jpg' } },
  41. //     { desc: 'PLS CAM C2 SLIM RIVER IC KM372.6 NB', lat: 3.84943, lon: 101.39765, url: {LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=PLS|PLS CAM C2 SLIM RIVER IC KM372.6 NB'} },
  42. //     { desc: 'PLUS-Utara near Tapah KM324.4 SB', lat: 4.236409, lon: 101.255623, url: {Jalanow: 'https://p3.fgies.com/bucket-e1e2/E1E2-22.jpg',LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=PLS|PLS CAM C1 TAPAH KM324.4 SB'} },
  43. //     { desc: 'DUKE CAM 10 SENTUL PASAR KM0.7 NB', lat: 3.19891, lon: 101.69867, url: {Jalanow: 'https://p3.fgies.com/bucket-duke/DUKE-10.jpg',LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=DUKE'} },
  44. //     { desc: 'PLUS-Utara near Slim River KM373.9 NB', lat: 3.841385, lon: 101.407039, url: {Jalanow: 'https://p3.fgies.com/bucket-e1e2/E1E2-06.jpg',LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=PLS|PLS CAM C2 SLIM RIVER KM373.9 NB'} },
  45. // ];
  46.  
  47.  
  48. const updateMessage = `
  49. ► Updates to existing cam list.
  50. `;
  51.  
  52. var staticUpdateID;
  53.  
  54. (function () {
  55.     'use strict';
  56.     var settings = {};
  57.  
  58.     function bootstrap(tries = 1) {
  59.         if (W && W.map && W.model && W.loginManager.user &&
  60.             $ && WazeWrap.Ready) {
  61.             init();
  62.         } else if (tries < 1000) {
  63.             setTimeout(function () { bootstrap(++tries); }, 200);
  64.         } else {
  65.             WazeWrap.Alerts.error(GM_info.script.name, "Bootstrap timeout.")
  66.         }
  67.     }
  68.  
  69.     async function init() {
  70.         let $section = $('<div>');
  71.         $section.html([
  72.             '<div>',
  73.             'Version: <span id="wazemyVersion"></span><br>',
  74.             '<span id="wazemyUsername"></span> (<span id="wazemyRank"></span>)',
  75.             '</div><br>',
  76.             '<div id="wazemySettings">',
  77.             '<b>Settings</b><br>',
  78.             '<input type="checkbox" id="wazemySettings_tooltip">',
  79.             '<label for="wazemySettings_tooltip">Map tooltip</label><br>',
  80.             '<input type="checkbox" id="wazemySettings_trafcam">',
  81.             '<label for="wazemySettings_trafcam">Traffic cameras</label><br>',
  82.             '</div><br>',
  83.             '<div>',
  84.             '<b>Shortcuts</b><br>',
  85.             'Ctrl+Alt+C: Copy lat/lon of mouse position to clipboard.<br>',
  86.             '</div>'
  87.         ].join(' '));
  88.  
  89.         // Initialize features of WME WazeMY
  90.         wazemyTooltip_init();
  91.         wazemyTrafcam_init();
  92.  
  93.         new WazeWrap.Interface.Tab('WazeMY', $section.html(), initializeSettings);
  94.         WazeWrap.Interface.ShowScriptUpdate("WME WazeMY", GM_info.script.version,
  95.             updateMessage, "https://greasyfork.org/en/scripts/404584-wazemy", null);
  96.  
  97.         // Initialize keyboard shortcuts
  98.         new WazeWrap.Interface.Shortcut('WazeMY_latloncopy',
  99.             'Copies lat/lon of mouse position', 'wazemy', 'WazeMY', 'CA+c',
  100.             wazemyCopyLatLon, null).add();
  101.     }
  102.  
  103.     /* ******* */
  104.     /* Tooltip */
  105.     /* ******* */
  106.     function wazemyTooltip_init() {
  107.         let $tooltip = $('<div/>');
  108.         $tooltip.attr('id', 'wazemyTooltip');
  109.         $tooltip.css({
  110.             'height': 'auto',
  111.             'width': 'auto',
  112.             'background': 'rgba(0,0,0,0.5)',
  113.             'color': 'white',
  114.             'borderRadius': '5px',
  115.             'padding': '5px',
  116.             'position': 'absolute',
  117.             'top': '0px',
  118.             'left': '0px',
  119.             'visibility': 'hidden',
  120.             'zIndex': '10000'
  121.         })
  122.         $tooltip.appendTo('body');
  123.     }
  124.  
  125.     function wazemyTooltip_initSettings() {
  126.         setChecked('wazemySettings_tooltip', settings.tooltip);
  127.         if (settings.tooltip) {
  128.             WazeWrap.Events.register('mousemove', null, wazemyTooltip_show);
  129.         }
  130.         $('#wazemySettings_tooltip').change(function () {
  131.             var settingName = $(this)[0].id.substr(15); // strip off the "wazemySettings_" prefix
  132.             settings[settingName] = this.checked;
  133.             saveSettings();
  134.             if (this.checked) {
  135.                 WazeWrap.Events.register('mousemove', null, wazemyTooltip_show);
  136.             }
  137.             else {
  138.                 $('#wazemyTooltip').css('visibility', 'hidden');
  139.                 WazeWrap.Events.unregister('mousemove', null, wazemyTooltip_show);
  140.             }
  141.         });
  142.     }
  143.  
  144.     function wazemyTooltip_show(e) { // from URO+
  145.         var result = '';
  146.         var showTooltip = false;
  147.  
  148.         let landmark = W.map.venueLayer.getFeatureBy('renderIntent', 'highlight');
  149.         let segment = W.map.segmentLayer.getFeatureBy('renderIntent', 'highlight');
  150.  
  151.         if (landmark != null) {
  152.             result = '<b>' + landmark.model.attributes.name + '</b><br>';
  153.             let address = landmark.model.getAddress();
  154.             try {
  155.                 result += address.attributes.houseNumber ? (address.attributes.houseNumber + ', ') : ''
  156.                 result += (address.attributes.street.name ? address.attributes.street.name : 'No street') + '<br>';
  157.                 result += address.attributes.city.attributes.name + ', ';
  158.                 result += address.attributes.state.name + '<br>';
  159.             }
  160.             catch {
  161.                 result += 'No address<br>';
  162.             }
  163.             result += '<b>Lock:</b> ' + (landmark.model.getLockRank() + 1);
  164.             showTooltip = true;
  165.         } else if (segment != null) {
  166.             let segmentId = segment.model.attributes.id;
  167.             // let primaryStreetId = WazeWrap.Model.getPrimaryStreetId(segmentId);
  168.             let address = segment.model.getAddress();
  169.             result = '<b>';
  170.             result += address.attributes.street.name ? address.attributes.street.name : 'No street';
  171.             result += '</b><br>';
  172.             result += address.attributes.city.attributes.name + ', ' + address.attributes.state.name;
  173.             result += '<br>';
  174.             result += '<b>ID:</b> ' + segmentId + '<br>';
  175.             result += '<b>Lock:</b> ' + (segment.model.getLockRank() + 1);
  176.             showTooltip = true;
  177.         }
  178.  
  179.         if (showTooltip == true) {
  180.             let tw = $('#wazemyTooltip').width();
  181.             let th = $('#wazemyTooltip').height();
  182.             var tooltipX = e.clientX + window.scrollX + 15;
  183.             var tooltipY = e.clientY + window.scrollY + 15;
  184.             // Handle cases where tooltip is too near the edge.
  185.             if ((tooltipX + tw) > W.map.$map.innerWidth()) {
  186.                 tooltipX -= tw + 20; // 20 = scroll bar size
  187.                 if (tooltipX < 0) tooltipX = 0;
  188.             }
  189.             if ((tooltipY + th) > W.map.$map.innerHeight()) {
  190.                 tooltipY -= th + 20;
  191.                 if (tooltipY < 0) tooltipY = 0;
  192.             }
  193.             $('#wazemyTooltip').html(result);
  194.             $('#wazemyTooltip').css({
  195.                 'top': tooltipY + 'px',
  196.                 'left': tooltipX + 'px',
  197.                 'visibility': 'visible'
  198.             });
  199.         } else {
  200.             $('#wazemyTooltip').css('visibility', 'hidden');
  201.         }
  202.     }
  203.  
  204.     /* *************** */
  205.     /* Traffic cameras */
  206.     /* *************** */
  207.     // Adapted from WME DOT Cameras
  208.     var wazemyTrafcamLayer;
  209.  
  210.     function wazemyTrafcam_init() {
  211.         if (!OpenLayers.Icon) {
  212.             wazemyTrafcam_installIconClass();
  213.         }
  214.         wazemyTrafcamLayer = new OpenLayers.Layer.Markers("wazemyTrafcamLayer");
  215.         W.map.addLayer(wazemyTrafcamLayer);
  216.         wazemyTrafcam_showIcons();
  217.         wazemyTrafcamLayer.setVisibility(false);
  218.     }
  219.  
  220.     function wazemyTrafcam_initSettings() {
  221.         setChecked('wazemySettings_trafcam', settings.trafcam);
  222.         if (settings.trafcam) {
  223.             wazemyTrafcamLayer.setVisibility(true);
  224.             // WazeWrap.Events.register('moveend', null, wazemyTrafcam_show);
  225.         }
  226.         $('#wazemySettings_trafcam').change(function () {
  227.             var settingName = $(this)[0].id.substr(15); // strip off the "wazemySettings_" prefix
  228.             settings[settingName] = this.checked;
  229.             saveSettings();
  230.             if (this.checked) {
  231.                 wazemyTrafcamLayer.setVisibility(true);
  232.                 // WazeWrap.Events.register('moveend', null, wazemyTrafcam_show);
  233.             } else {
  234.                 // WazeWrap.Events.unregister('moveend', null, wazemyTrafcam_show);
  235.                 wazemyTrafcamLayer.setVisibility(false);
  236.             }
  237.         });
  238.     }
  239.  
  240.     function wazemyTrafcam_showIcons() {
  241.         trafficCamsData.forEach((e, idx) => {
  242.             wazemyTrafcam_drawCamIcon({
  243.                 idx: idx,
  244.                 desc: e.desc,
  245.                 src: e.url,
  246.                 width: 20,
  247.                 height: 20,
  248.                 lat: e.lat,
  249.                 lon: e.lon
  250.             });
  251.         });
  252.     }
  253.  
  254.     function wazemyTrafcam_drawCamIcon(spec) {
  255.         const camIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRDNGNTkwRTYzQThFMzExQTc4MDhDNjAwODdEMzdEQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2OUI0RUEyN0IwRjcxMUUzOERFM0E1OTJCRUY3NTFBOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OUI0RUEyNkIwRjcxMUUzOERFM0E1OTJCRUY3NTFBOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGOEJBMzExNkZCMEUzMTFCOEY5QTU3QUQxM0M2MjI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFEM0Y1OTBFNjNBOEUzMTFBNzgwOEM2MDA4N0QzN0RBIi8+IDwvcmRmOkRlc2NyaXB0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';
  256.         let size = new OpenLayers.Size(20, 20);
  257.         let icon = new OpenLayers.Icon(camIcon, size);
  258.         let epsg4326 = new OpenLayers.Projection("EPSG:4326"); // WGS 1984 projection. Malaysia uses EPSG:900913
  259.         let projectTo = W.map.getProjectionObject();
  260.         let lonLat = new OpenLayers.LonLat(spec.lon, spec.lat).transform(epsg4326, projectTo);
  261.         var newMarker = new OpenLayers.Marker(lonLat, icon);
  262.         newMarker.idx = spec.idx;
  263.         newMarker.title = spec.desc;
  264.         newMarker.url = spec.src;
  265.         newMarker.width = spec.width;
  266.         newMarker.height = spec.height;
  267.         newMarker.location = lonLat;
  268.         newMarker.events.register('click', newMarker, wazemyTrafcam_popupCam);
  269.         wazemyTrafcamLayer.addMarker(newMarker);
  270.     }
  271.  
  272.     function wazemyTrafcam_popupCam(e) {
  273.         // console.log("wazemyTrafcam_popupCam");
  274.  
  275.         clearInterval(staticUpdateID);
  276.         $("#gmPopupContainerCam").remove();
  277.         $("#gmPopupContainerCam").hide();
  278.  
  279.         var popupHTML = ([`
  280.             <div id="gmPopupContainerCam" style="margin: 1;text-align: center;padding: 5px;z-index: 1100; position: absolute; color: white; background: rgba(0,0,0,0.5)">
  281.             <table border=0>
  282.                 <tr>
  283.                     <td><div id="mycamdivheader" style="min-height: 20px;white-space: pre-wrap;white-space: -moz-pre-wrap; white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;width:380px">${this.title}</div></td>
  284.                     <td align="right"><a href="#close" id="gmCloseCamDlgBtn" title="Close" style="color:red">X</a></td>
  285.                 </tr>
  286.                 <tr><td colspan=2>Select source:
  287.                     <select id="wazemy_camSource">
  288.                     </select>
  289.                     <div hidden id="mycamid">${this.idx}</div>
  290.                 </td></tr>
  291.                 <tr><td colspan=2><img style="width:400px" id="staticimage"></td></tr>
  292.             </table></div>
  293.         `]);
  294.         $("body").append(popupHTML);
  295.  
  296.         for (var urlsrc in this.url) {
  297.             if (urlsrc == 'LLM') {
  298.                 let sp = this.url['LLM'].split('|');
  299.                 if (sp.length == 2) {
  300.                     $('#wazemy_camSource').append($('<option>').val(urlsrc).text(urlsrc));
  301.                 }
  302.             } else {
  303.                 $('#wazemy_camSource').append($('<option>').val(urlsrc).text(urlsrc));
  304.             }
  305.         }
  306.  
  307.         $("#wazemy_camSource").change(function (e) {
  308.             switch (this.value) {
  309.                 case 'Jalanow':
  310.                     wazemyTrafcam_getJalanowImage(trafficCamsData[$('#mycamid').text()]['url']['Jalanow']);
  311.                     break;
  312.                 case 'LLM':
  313.                     wazemyTrafcam_getLLMImage(trafficCamsData[$('#mycamid').text()]['url']['LLM']);
  314.                     break;
  315.             }
  316.         });
  317.  
  318.         // Get image for the first time when popup is displayed.
  319.         switch (Object.keys(this.url)[0]) {
  320.             case 'Jalanow':
  321.                 wazemyTrafcam_getJalanowImage(this.url['Jalanow']);
  322.                 break;
  323.             case 'LLM':
  324.                 wazemyTrafcam_getLLMImage(this.url['LLM']);
  325.                 break;
  326.         }
  327.  
  328.         // Handle cases where popup is too near the edge.
  329.         let tw = $('#gmPopupContainerCam').width();
  330.         let th = $('#gmPopupContainerCam').height() + 200;
  331.         var tooltipX = e.clientX + window.scrollX + 15;
  332.         var tooltipY = e.clientY + window.scrollY + 15;
  333.         if ((tooltipX + tw) > W.map.$map.innerWidth()) {
  334.             tooltipX -= tw + 20; // 20 = scroll bar size
  335.             if (tooltipX < 0) tooltipX = 0;
  336.         }
  337.         if ((tooltipY + th) > W.map.$map.innerHeight()) {
  338.             tooltipY -= th + 20;
  339.             if (tooltipY < 0) tooltipY = 0;
  340.         }
  341.  
  342.         $("#gmPopupContainerCam").css({ left: tooltipX });
  343.         $("#gmPopupContainerCam").css({ top: tooltipY });
  344.  
  345.         //Add listener for popup's "Close" button
  346.         $("#gmCloseCamDlgBtn").click(function () {
  347.             clearInterval(staticUpdateID);
  348.             $("#gmPopupContainerCam").remove();
  349.             $("#gmPopupContainerCam").hide();
  350.         });
  351.         wazemyTrafcam_dragElement(document.getElementById("gmPopupContainerCam"));
  352.  
  353.     }
  354.  
  355.     function wazemyTrafcam_getJalanowImage(url) {
  356.         GM_xmlhttpRequest({
  357.             method: 'GET',
  358.             responseType: 'blob',
  359.             headers: {
  360.                 "authority": "p4.fgies.com",
  361.                 "referer": 'https://www.jalanow.com/',
  362.                 'accept': 'image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8'
  363.             },
  364.             url: url,
  365.             onload: function (response) {
  366.                 document.getElementById('staticimage').src = URL.createObjectURL(response.response);
  367.             }
  368.         });
  369.     }
  370.  
  371.     function wazemyTrafcam_getLLMImage(url) {
  372.         let camImg = url.split("|");
  373.  
  374.         GM_xmlhttpRequest({
  375.             method: 'GET',
  376.             responseType: 'document',
  377.             url: camImg[0],
  378.             onload: function (response) {
  379.                 const re = new RegExp('src="data:image\/png;base64, ([A-Za-z0-9/+=]*)" title="' + camImg[1] + '"');
  380.                 const m = response.responseText.match(re);
  381.                 document.getElementById('staticimage').src = "data:image/png;base64," + m[1];
  382.             }
  383.         })
  384.     }
  385.  
  386.     function wazemyTrafcam_installIconClass() {
  387.         OpenLayers.Icon = OpenLayers.Class({
  388.             url: null,
  389.             size: null,
  390.             offset: null,
  391.             calculateOffset: null,
  392.             imageDiv: null,
  393.             px: null,
  394.             initialize: function (a, b, c, d) {
  395.                 this.url = a;
  396.                 this.size = b || {
  397.                     w: 20,
  398.                     h: 20
  399.                 };
  400.                 this.offset = c || {
  401.                     x: -(this.size.w / 2),
  402.                     y: -(this.size.h / 2)
  403.                 };
  404.                 this.calculateOffset = d;
  405.                 a = OpenLayers.Util.createUniqueID("OL_Icon_");
  406.                 let div = this.imageDiv = OpenLayers.Util.createAlphaImageDiv(a);
  407.                 $(div.firstChild).removeClass('olAlphaImg'); // LEAVE THIS LINE TO PREVENT WME-HARDHATS SCRIPT FROM TURNING ALL ICONS INTO HARDHAT WAZERS --MAPOMATIC
  408.             },
  409.             destroy: function () {
  410.                 this.erase();
  411.                 OpenLayers.Event.stopObservingElement(this.imageDiv.firstChild);
  412.                 this.imageDiv.innerHTML = "";
  413.                 this.imageDiv = null;
  414.             },
  415.             clone: function () {
  416.                 return new OpenLayers.Icon(this.url, this.size, this.offset, this.calculateOffset);
  417.             },
  418.             setSize: function (a) {
  419.                 null !== a && (this.size = a);
  420.                 this.draw();
  421.             },
  422.             setUrl: function (a) {
  423.                 null !== a && (this.url = a);
  424.                 this.draw();
  425.             },
  426.             draw: function (a) {
  427.                 OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, this.size, this.url, "absolute");
  428.                 this.moveTo(a);
  429.                 return this.imageDiv;
  430.             },
  431.             erase: function () {
  432.                 null !== this.imageDiv && null !== this.imageDiv.parentNode && OpenLayers.Element.remove(this.imageDiv);
  433.             },
  434.             setOpacity: function (a) {
  435.                 OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, null, null, null, null, null, a);
  436.             },
  437.             moveTo: function (a) {
  438.                 null !== a && (this.px = a);
  439.                 null !== this.imageDiv && (null === this.px ? this.display(!1) : (
  440.                     this.calculateOffset && (this.offset = this.calculateOffset(this.size)),
  441.                     OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, {
  442.                         x: this.px.x + this.offset.x,
  443.                         y: this.px.y + this.offset.y
  444.                     })
  445.                 ));
  446.             },
  447.             display: function (a) {
  448.                 this.imageDiv.style.display = a ? "" : "none";
  449.             },
  450.             isDrawn: function () {
  451.                 return this.imageDiv && this.imageDiv.parentNode && 11 != this.imageDiv.parentNode.nodeType;
  452.             },
  453.             CLASS_NAME: "OpenLayers.Icon"
  454.         });
  455.     }
  456.  
  457.     // Make the DIV element draggable:
  458.     function wazemyTrafcam_dragElement(elmnt) {
  459.         var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  460.         if (document.getElementById("mycamdivheader")) {
  461.             // if present, the header is where you move the DIV from:
  462.             document.getElementById("mycamdivheader").onmousedown = dragMouseDown;
  463.         } else {
  464.             // otherwise, move the DIV from anywhere inside the DIV:
  465.             elmnt.onmousedown = dragMouseDown;
  466.         }
  467.  
  468.         function dragMouseDown(e) {
  469.             e = e || window.event;
  470.             e.preventDefault();
  471.             // get the mouse cursor position at startup:
  472.             pos3 = e.clientX;
  473.             pos4 = e.clientY;
  474.             document.onmouseup = closeDragElement;
  475.             // call a function whenever the cursor moves:
  476.             document.onmousemove = elementDrag;
  477.         }
  478.  
  479.         function elementDrag(e) {
  480.             e = e || window.event;
  481.             e.preventDefault();
  482.             // calculate the new cursor position:
  483.             pos1 = pos3 - e.clientX;
  484.             pos2 = pos4 - e.clientY;
  485.             pos3 = e.clientX;
  486.             pos4 = e.clientY;
  487.             // set the element's new position:
  488.             elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  489.             elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  490.         }
  491.  
  492.         function closeDragElement() {
  493.             // stop moving when mouse button is released:
  494.             document.onmouseup = null;
  495.             document.onmousemove = null;
  496.         }
  497.     }
  498.  
  499.     /* ************ */
  500.     /* Copy lat/lon */
  501.     /* ************ */
  502.     function wazemyCopyLatLon() {
  503.         copyToClipboard($('.mouse-position').text());
  504.     }
  505.  
  506.     function initializeSettings() {
  507.         loadSettings();
  508.  
  509.         $('#wazemyVersion').text(GM_info.script.version);
  510.         $('#wazemyUsername').text(WazeWrap.User.Username());
  511.         $('#wazemyRank').text(WazeWrap.User.Rank());
  512.  
  513.         wazemyTooltip_initSettings();
  514.         wazemyTrafcam_initSettings();
  515.     }
  516.  
  517.     function saveSettings() {
  518.         if (localStorage) {
  519.             var localsettings = {
  520.                 tooltip: settings.tooltip,
  521.                 trafcam: settings.trafcam
  522.             };
  523.  
  524.             localStorage.setItem('WME_wazemySettings', JSON.stringify(localsettings));
  525.         }
  526.     }
  527.  
  528.     function loadSettings() {
  529.         var loadedSettings = $.parseJSON(localStorage.getItem("WME_wazemySettings"));
  530.         var defaultSettings = {
  531.             tooltip: false,
  532.         };
  533.         settings = loadedSettings ? loadedSettings : defaultSettings;
  534.         for (var prop in defaultSettings) {
  535.             if (!settings.hasOwnProperty(prop)) {
  536.                 settings[prop] = defaultSettings[prop];
  537.             }
  538.         }
  539.     }
  540.  
  541.     function setChecked(checkboxId, checked) {
  542.         $('#' + checkboxId).prop('checked', checked);
  543.     }
  544.  
  545.     // utility functions
  546.     var copyToClipboard = function (str) { // from PIE
  547.         var $temp = $('<input>');
  548.         $('body').append($temp);
  549.         $temp.val(str).select();
  550.         document.execCommand('copy');
  551.         $temp.remove();
  552.     };
  553.  
  554.     bootstrap();
  555. })();