☰

WME Open Other Maps

Links for opening external resources at the WME location and WME from external resources

目前为 2018-02-20 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         WME Open Other Maps
  3. // @namespace    https://greasyfork.org/users/30701-justins83-waze
  4. // @version      2018.02.20.01
  5. // @description  Links for opening external resources at the WME location and WME from external resources
  6. // @author       JustinS83
  7. // @include      https://www.waze.com/editor*
  8. // @include      https://www.waze.com/*/editor*
  9. // @include      https://beta.waze.com*
  10. // @include      https://www.google.com/maps*
  11. // @include      *wv511.org/*
  12. // @exclude      https://www.waze.com/user/editor*
  13. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  14. // @require      https://greasyfork.org/scripts/13097-proj4js/code/Proj4js.js
  15. // @grant        none
  16. // ==/UserScript==
  17.  
  18. (function() {
  19.     'use strict';
  20.     //var jqUI_CssSrc = GM_getResourceText("jqUI_CSS");
  21.     //GM_addStyle(jqUI_CssSrc);
  22.  
  23.     var settings = {};
  24.     var gmapsIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHiSURBVDhPY/hPCPx+9eLjtg3vVy/9evr4vz9/IIIEtL1fteSev9NdbzsIepwV/+v5U6A4SNvR59fW3TuGic5uXATXAEePMuOAdjIA9SguScKKtsS5AdXd8bZbbGEw0Uj7mLMFRCfQtQxr7h4FqnDZWLX37tmTD68m7emHazsX5AhUdMbVqkFXHYjmmulBtH3YsBqq7fD9i+6baoxW5VmuLVJemgLRtiPWFajotpfdbDO9TgPNA07mEG1fjh+Garv45Lby0uTp5zfffP4gaFsLRFtRXRBEHTJ6EBv07+dPqLbe02tWXt3fdHzJqYfXNJdnAEW0liUeOe39KM0eTdvnQ3tBIQnRBkRROzvzD0w3WJUL0XP0nPffO87fDrveQYqAJ211oGhB1gZHcD1/brtdOTX7XE8bRM+tMK9bFy9g1wbX8/d+4M9PV06dOnXowIGbMYFAbWcn9d68eROLNrien7fc3r+9CpT+8eMHUOe5vo7bIR6H9+/Dog1ZT9v8udnTzr799BOi89zO7VeKsw8dOoSuDU1PYMtRIELo/P798uL56Nqw6kHXCXYtQtu2+4dx6YEgZJ0PHz6Eavv7+QAePRAE1wkHDP///fr3du7RM1smbbqNB605+vgfVMv/////AwB1kYZCu5TA6gAAAABJRU5ErkJggg==";
  25.     var mapillaryIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAatJREFUOE+tlFtLAkEUx/er9CEyA+sbRM9BH8EuWhL0oC8h9B7dFAIXoqe8RGgP9RDkipoSZkJpeQk1N8swldW108ywa3uZLKKFH7sz/3P+c2Z2Zhj8GPzmEYN3jh31mkvoLSDgBwQplsW5XyaHZl4T+HtwLjZDDVYnSiyGt8CdCVE1DSwjlUgTIViMQafXhekTB1WXwR64IuqaTASs0BQ60O9/wHEhqtM1CNiIJoCNcxGTJJ8DUezD7Nk6NU5GZ2RCldgiLsi8FCHXKIPJb4HHJg/h6o0qTsvACC9ssBBD02mTSrLIZCXiJtpqdA8SfBbGfQuqZCUDI1cmCO2uQEyunu9JZcpAe8wD5+UUjCn6lKimNhWyQyDPQU8UofxeBwdKljVLeJsMIlephbrYM6dOMnqqngdH3ANWbof0x2u38PBWpU6RaiSDE7AhruSydgcXlTT5diYPdLFDjWSWuV30ByvEBPPUasBkYEkVg41+c0hJdWuJfai2XonZZvpIqQtDjwgNvOM3rv1QQnvLKK2VfES+PbTDMPrmlW32/66RwZ2EXKVp/uFiY5hPR2AhGcMUotsAAAAASUVORK5CYII=";
  26.     var terraIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAACSUlEQVQ4T6XUzW/SYBwHcLLEg8aTmVdv/gV6EJ6Wlj6FQV0NFhEQeRMGpmgW0BnjxlB8O0iixpdMmS5ZiB58iWMzvmRZFjfRbOyw+HryoIlZYjyRqLvsZwvPRGIHbH6T76F52s/T9tdU10qy2Wx7NBqVyOH/RRCE/YwRLXAdLIiiOOl0OreQpdUlHo9vt9lscwf26eHjOIKjU3fBcrwPDAiVWZZNFgqFDeTUxpFleaPJZDpjxmjpzhUEv95TsPiBgp7XD8A5PQv2eyPAuD1A0/S8JElGcpl2XEqU3b8mDhrgy8sqtNxlsNKpGbBlLwHCGDDGuXA4vIkQtQSDQZfQoYdnw6gO0gRJpacTwHXFQHnPbwlTSyAQCF49q42p1QLVikN5FfxEmFqagYdu9EHnwC2Qxp7XgZ0Dg2sDAx496PXVMi4PiLfzVfD6zdWDP5RJx2QEgpsC6x4ENGOowJbefth5+Vrr4Lc3NIy+MMG5xxj6R/k/TY3wELvAAi+iyt02BX8qnXzFwqmxGqLV1CMedofpxmD5HQXDE5wmoNXQSWZl8OJpBLnx1jG1K4J+v3+XzY6WErnWwWN5DIILgcPhmCFMfbxer8Vs5j/vPUzDifv1g/i76lACKUaZNlpECHUXi8X1hNBMm9VqzdB4R7nrPPsPlhjkwGJXPiFBmM1kMtvINc2j/Em28jw/rT7SkSEOeh9icHcbgaKp75FIpCedTreRU1tPqVRa5/P5ZCNDL7BmAyibPAmFQpvJ8tqTTCbblfeLyWGD6HS/AREwNmot2NXWAAAAAElFTkSuQmCC";
  27.     var wikimapiaIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAACeklEQVQ4T5VUTWgTQRRebf2v9Te0m5nNJjuzaRuxl4LoQUMPCnoRKcWjUD14K+LFm+LFS6ngD57Eo6AXEdGDQsSDilQP2oOK6EHSmN2djaFYawrZfm+yYlpCbB88mJ33vW++997sGM0WDQ2tUzyzN2DynOJOwWeiGnL5OA6vzD5LuUFxcSVgohhwWQfZHL5fY30xhvzf6pxvUklxHyQ1xcQfkNzw2IAbSNkd2fbGGNbeYiWT8FrAxdfAkkciw1gbOs62kGUHg153IIa2txJ394HAC5gzD5LDRFJhYhj9eQplPxSTD2Joe1OWe5l6goTrROJx9xDKm1FcRuQgexJD2xuAb6mxZUuKes/gFqh7pIlXTyTmAZ6inlSZ4+L7y1+SVRHpBCae+7v6tipL7EHTvzcTIaagsNDsZStNA1kTsMxIY885QYpCnPrpZyq1Y6Y3bWP9YQnRMkd8zmPOURIRWnJC7yezJw3dEyYXAhMT0zdbXMXewnKCfy6mvFS/GeXznRjQRyierfT0pUEkx+BRyMUrmlrRzO4G+EUrEhz4m66GLivpnkIepi0elhO5LqOUymZQ3nsNZuJS0TQ3R7nc+pDJCwC+RPI0FL7Dvbrt29l+kHRgPYw9HwfOhpY4TsQGqQB4xGdOlQKKOdcC7jJ96k7ZTWtSeQ8E0ehoBzBncOA3UgMBN0u4MnpqZAUj30nMANCPWvOTooxbPhFa7kH8g1bjRXDGEX9DzW6UKe6WE4mumGKpAbQfgGeQ7en6m/rTcPFLt8GSZ6dRfpzW2iq2vR0qDoDoNBInMZk7IL6F9XmUfSw0nZTuyUqNelfHy0BPDD0lVH4camGGsQj+znJFw2F9rQAAAABJRU5ErkJggg==";
  28.     var bingIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAB70lEQVQ4T62TOUtDURCFn/uuiCIIojYWKhZi7y+w8S9obS1iYmJcUQIuQSsRQWy10SJErFxQ0UKwECxMXELAECMhhMQc51xzJS/kaaEXJu/lzcx3z70zYwD4F1M/1dPTqJqaAp8lTieKHA7UyHv295/MBKKVTU6id20NfevrKBZgZQZSlfFbmQlUK2aMj8N1dIREKoWt62s0zs2hwuXKm5xtJlDdzAwMmw02n48OROJxtLvdSiWP+dMRyTAryoDS6TQCkQhaFhfVfXGTWjGdmAs1gbQi++EhHQi8vaFzZQVN8/MosNthiFXKMRmXq5AMS5BfFPV4PDi4u8Pm1RUGtrfRIHfGGFaWORpGhiUo+P6O+tlZuI+P1X+um2AQy6en6F5dRanAdIvIsga9RKNoXlhAlySd+P2IJRLqO9eExLDCzPkV9CygNqmaMTqKjqUlXD49qbZIfnyoFlGgfIpyq/Ygd8TyD+/t4TYUQkoAaolvaHdXxTInvyLZhbKZ9BqL4TwQYND3unh8xODODsqlepZV04rGvF46TOs+HMbI/v7XZtIG1RlI3qrROA68YJuoCouieDIJz9kZWnlXsgn7SDempSLtKJeRYBIHt39jQyngmOgKMS4bQjOBdBCfTOL0F8p4UIHu5FyAtm/Q3w3GJ+jeRjZzKMG3AAAAAElFTkSuQmCC";
  29.     var osmIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAEAUlEQVQ4T32Ue0xTVwDGL1vYw7kty+YykJAtY2FuIYASgyzBGTNn1Lm4ZE83idPJssUZ1i0ukT8U2YZBNGGMAUJb2tIHUAqUR73lJX15y20F2gJFkL54tLS08hLd49tpQaPZ40u+nD/O+X73O+eee6m+kORldlZmMfqkDYxHnMWy5eus3u4X7MGeA9qpBq50+MKQyFZQr/cKs/qnBU9c8ys3WgOqT2yBDvlwsKuUul/GWWkvAcE4Wo0+b+3KUIgG42uG2iWBYqwMSmsp5L0S0IxmpdvUBxXThTptNWx+tQ9A1BqGgHySE4xXAsbKg8EhgNmnADMjR5uDB4GhBDqrBd6l25hdvoPpxRW452/BOhOErFMBs1v5yhqGimpiS9OZGQn0k0LoBypxdUoMk68eV8ZroDYZI+GwJxdW7bp5C8P+RZinQ/iprOLkGoeiWJfy4EioE9bAZQxOtcDkrkWXswpc9a+RYIA08RMHV34nrW5jIrSMfu98xA0ao3sNQ1GWuTaxNajCoL8Vg7MtMAxXQ2j7mYAkcJBQuEF4dNxcxo3gMgZ9C/dA2jEPUlMzYimAihoINHuII2dzzS5Dnb0Ichsfks4W2AOLkXDYo3NLBLIKuGvd+CSSk9M3Urxu3mOGyZpl44wMrEsKZkyILlcV6AkxqhrrMUCCQ/4FWO5rcdcj5CEqAzudkJDwaHhn0fRIBW2YroHeTt7amACmmWbQTikq6ppQLKz9B2CAeDy4BDfZ6qlzRXnx8UnPREB8+myefkoE/XU+dKN8GJw0cS+qlT3YtWc/uI3tD0DCZ+WYW4CovfGPdz98+8XY2FefDYOiCkWc93QeATQuPrpZEQwWGU4XfIuiH49h74G9+Or7wxC0i9FqNEBlNpGxE0KVFHIND+crc/cnJiY+GQZR3TbZp+wUaeFug8ZZh29ys/HWzl3Yt2c7fhOVkrtUhdreYojpQkhVhbioOoXyjrNQmiV/fnxs3zaCeDgC6vP0CLvccjCTCnx98gu8mbkD6ekZ+JJzCJfJp6EbUqP/uhysvQ5X+rmoYM/gkvkMyrR5dhJ/LgIhekg1XuPQORTIzvkcGelvIC1tK45zskBrfkHvjWZoJzpw1UVgPiUUoyWo7M8D15KP8/R3fJJfbXPw+O6nmmy80JETn/21ZXMaklNSwcnPhtp+CS10iVPSU8honTWLOmc7GE8r5MMXwbXmo9x0ev4H/pHDEciaooleF5YcZTenbLqTtm1rHyf/qPCdj3Z8QOZeIn5+w4anU3IvZOdUKouk5wQ5xe9zdmetX//Ia2RuXRhwT3FxcY9nZm45tHN7SsGmpKTMmJiYBxesKvy7iCZe3cp/KQyLT4pcrP9f+K+iqL8B4XkGClAVarkAAAAASUVORK5CYII=";
  30.     var yandexIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABa0lEQVQ4T62TPc8BQRSF/SdfER8FFZH4ASoSnYpCIkGCjoRGpaHS04iWUqHS+0hQoxPHnR12dnauxvtu8uTOPfecm9lN1gPgX2HFv8CKGpsNMJkAg4Gs6zXJjO8NK1qcz0CzCaTTQCQC+P2yJpNS5zIEK1rUakAgAHi9JkLvdMhm5gzBYrmUtxFhcbNMBshmZQ0GpR6LwfK5slpjUyqp24jX2++BxwM4HIB2W82Ez5XVGptEQoUuF5Icz+mkZsLnymqNTTSqQvc7SY7ndlMzgSurNTaFggqMx3LJ8wlcr8BopGa5HNn1rNbYzGZAKCRDolYqQLcLlMtAOKwWDodk17Nao1EsqiCH+H7bLVn1nNYY5POAz8cvbLXIYmYMwWCxAOp1IJVSy+JxYLWisek3hK/0empho0ES4yFYkeWzUPxBxyNJjIdgRZbPwumUWmb+hhVZ+n2gWqUjM3PAiizzObDb0ZGZOWDF34HnBbQcm5EIFazJAAAAAElFTkSuQmCC";
  31.     var hereIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAB0klEQVQ4T62RSy9DURSF+69U79XWq9p6NDEgMRAxEI1XQjqQGBATP8AjaElJKxGPlqLCmDAyEI8IpYKqViJ+wLLPuXo5vSclavDl7L3W2evs5JgA/CtSsRikYjFIxWIwCGvrG1iLbFIp6oyd+B4dRv07QrOyGkFpWQ3hQHRjiyRNj25uw+FuhFmt5l5f/6Du5SM03X0+KHYXVIKd8d19kmFivZmCzIoWqNhc8HYPcC8fg+Dt6ofF6oTF5kSFw4NO6tlmJUoVGhpbeG2x1vA7zMufF5oc7HU2wLYxq9pGg0MjSKfTCIWXea/a6VG609Xro5GvWSHoOzyUtrRV1vGA4dExkjUvEo19hrp4aGu7V/eEkHy00K/B9UiMZM1jn5b7wPGpWV0XAmR0UKhSXouycjffNrYVJ1nzVlajmA+G9J6hF4UY6PFBpVDV7ubnwuISyfK7erH4lIQ/dY/Awy38j3cIMO4TmMs+IZy4wow/iIkpP2dyOkAjxjCGXsSeH+C6O4fn7RF1qRviGp73FOpvTnH0mqErxmEZQnOcSaMpecFDaom25CUuXrNkiUOFMAgHLyk03J6hOXGG0+zvN8shFQ8p9CTzQqXR+wmpWAxS8e/A9AGMrnKfuSpKAAAAAABJRU5ErkJggg==";
  32.     var midriveIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QsdDy4g/1qyDQAAA1JJREFUOMt1lH9oVnUUxj/n+saS/lhSkBNKKJL+yCAiaQNtP2KBLgyMChuIe0P/qEgsMymzbNnmyKgIjLUpLDShpKJgQriEBhKD0IxCAyMhoyhyi7Xe+z3n6Y/37nU/6gvn3vu9nOe55/uc5x5rebSvif9fGRFnRwa3/9rS1QOIkcEdtJR7F4HdCgTw18jAM6daynu7gIcAAT+UQKM1Gs2gNEAC0zctXT0dI4PP/gTQ0rVnMdJRjMYi8xywDMVyzNqrGJaWiJhTpKoXYRKYsVziQHP51TUCJ9gv1Giq4f4AkGIS4QXFeEkKTEIGJhA2CjoPdGJGFa9WkvYaXJTZWiRUPVJxNGBqaidmL05XVyKcwGTimGBY8qNm1g38I1FXqOKCTUAdClBBahQywxeHd0dtA5QkATEmRfnE0Es/N2/sziLysikbBjYCh2T2iaS7gcdBqwQlapzVxqzs3PUAqKPgPV8KOcCdwIWVnS8Me6WyW8bpL9/bdRg43LT++frM7Fqhr0x0mWWHMOY5SYpGYEOx/baky83LgNXAakKDTet3bDGyVzDaJd0IXBFwAPl1VJs6y0QKpemuA3nJw+e7V2wA+13oEUwDkrYZ9hRm/ZZpYbheAzpnQrzKWzNWofE85gUSW0BNiOOGvS40cPL9nglgYsWD23+zOYiI2TyZh+PuuCfcE8kTyQMPfy653+wRYyeP9Gz92338jnVPFyR+IoUzHQApEikKjkiU3H2OCgIY//rDfX23r9vab7I9AKc+6KuVlIe/a9gvwOKaFB7UrA1kKYL/iI8AkseVleRjMz+8/P4tL0eod3Li0vXJ/VxeNN8lkl/mKKWiYrPqaCjW6SqxfwdWD/x5U8dmFl11NWNHendOJ91y3xNnkJYUuczs1yxXzHg/VeyHUuRDQHNlEqYWTM2SLfdkVmDy5DN/PLLcndydSnEvnpcAfP/pWxc8dHDpvZu7Lxx/hzMfv0HDPWUAbmjf9HCefG2lsEMlEhWPWmR5cvIU5MnJowhPrQDL1jzG+eH9Bz38UkNbeVtDW7nu4ucDXLNqo6WIJ1OEJU8G4Mnrqu5ykvvCUpo3NgFY0dBWbj372dvHq6DYR2a3Af0NbeU3gXpJd80ZtqNAfTHufvwXtm8nDnLoEBMAAAAASUVORK5CYII=";
  33.     var NYFCIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADL0lEQVQ4T2VUSUtjQRDObRzw7kSdgyKiiCIo7stBPMw4MyB4M4mDB8E/oF48eBJUPImIDqIgiOKCJ3HfsrgkuB4EBb0paojGLC8Jz5rva19EZxrqdb+q+r6upbtN/w4R+QKxQIZ1XXdrmuaDPGLtgW4EYn15eUk23P8fMH6C0/doNDp9c3Nzd3x87He73ZrdbtcpBwcHGnW0hcPhOfj/gH+CAX8dV1dXCVBaYLT7fL7gxcWFnJycCIBydHSkhP+np6dCG3xC8HUAY/tAhp9vANknJiai/f390tPT8ya9vb3S19enhGvquB4dHY3t7+87ga2LkyR7vd7ptra2SHFxseTk5EhBQYEUFhZKSUmJVFVVSXV1tZSVlSldfn6+ZGdnS2Njo2xubkaBn0V0KSSyoAZ39fX1kpeXp8ClpaUKSMKMjAxJS0uTrKwsKSoqUmQVFRXS0dGhUkeaDyCymtCN4fn5ef/g4KAMDAzI0NAQw1Zr7pqZmanImpqa3uxjY2OyvLwsaADJArFYbMQUDAbdq6ur2u7urng8HlVY7jQ5OalSSk9Pl5qaGsFmynZ4eCiojSALRba0tKSFQiG36enpybeysqJDZGNjQ/b29mRmZkYaGhokKSlJpdXd3a2A29vbgk1lbW1N+XJeX1/X/X6/z4TPI5Q6FGqnra0t6ezsVCnl5uZKc3OzIiARbSiwEuqIIRGCeWRqHkSj0ciwWQcW3Gw2q4IzJZfLpYD0iZPx34hKIweLPQJWP0kIslgskpqaqtrc1dWl6razs/MmJIjPJMLMYv/h1bBeX1/fcZfW1lZ1RtglpuRwOATXRJxOp4qKM3WcScYGXV5eesFhI9FXnKU5FDhSWVkpiYmJUltbK+Pj43J2dqZqQ/B74aZsCq5LNBAILJAjfrrrAHC0tLTEysvLpb29XTkyfNaEM8HxTpHs/Pw89vz87AL2pyLhwA8vrQ2hOqempkKLi4sqJXaFYJLEC8wUEUkY3SbJb0Tz2aB5HcYLwKdh9v7+/oEnFic3gnroiEAHcYS629vbBzw1C/D7Bfn4jLwf2MEMBytEPWx4e3yQ9w+bDT4phrsxTKa/NeZmq7YI4fAAAAAASUVORK5CYII=";
  34.  
  35.     function initInterface(){
  36.         var $section = $("<div>");
  37.         $section.html([
  38.             '<div>',
  39.             '<p>The below maps are legal to use and do not violate copyright</p>',
  40.             `<div><input type="checkbox" id="chkMiDrive" class="OOMchk"><label for="chkMiDrive"><img src="${midriveIcon}" height="18" width="18">MiDrive</label></div>`,
  41.             `<div><input type="checkbox" id="chkNYFC" class="OOMchk"><img src="${NYFCIcon}" height="18" width="18">NY FC</div>`,
  42.             '</br>',
  43.             "<p>The below maps are for <span style='color:red; font-weight:bold;'>reference only</span> and <b>no data</b> should be copied from them as it violates copyright.</p>",
  44.             `<div><input type="checkbox" id="chkGMaps" class="OOMchk"><label for="chkGMaps"><img src="${gmapsIcon}" height="18" width="18">Google Maps</label></div>`,
  45.             `<div><input type="checkbox" id="chkMapillary" class="OOMchk"><label for="chkMapillary"><img src="${mapillaryIcon}" height="18" width="18">Mapillary</label></div>`,
  46.             `<div><input type="checkbox" id="chkTerraserver" class="OOMchk"><label for="chkTerraserver"><img src="${terraIcon}" height="18" width="18">Terraserver</label></div>`,
  47.             `<div><input type="checkbox" id="chkWikimapia" class="OOMchk"><label for="chkWikimapia"><img src="${wikimapiaIcon}" height="18" width="18">Wikimapia</label></div>`,
  48.             `<div><input type="checkbox" id="chkBing" class="OOMchk"><label for="chkBing"><img src="${bingIcon}" height="18" width="18">Bing Maps</label></div>`,
  49.             `<div><input type="checkbox" id="chkOSM" class="OOMchk"><label for="chkOSM"><img src="${osmIcon}" height="18" width ="18">Open Street Map</label></div>`,
  50.             `<div><input type="checkbox" id="chkYandex" class="OOMchk"><label for="chkYandex"><img src="${yandexIcon}" height="18" width ="18">Yandex</label></div>`,
  51.             `<div><input type="checkbox" id="chkHere" class="OOMchk"><label for="chkHere"><img src="${hereIcon}" height="18" width ="18">Here</label></div>`,
  52.             '</br><div>',
  53.             '<fieldsetstyle="border: 1px solid silver; padding: 8px; border-radius: 4px;">',
  54.             '<legend style="margin-bottom:0px; border-bottom-style:none;width:auto;"><h4>Map Language (where applicable)</h4></legend>',
  55.             '<input type="radio" name="radOOMLanguage" id="radOOMNoLang">Do not set a language</br>',
  56.             '<input type="radio" name="radOOMLanguage" id="radOOMWMELang">Use WME language</br>',
  57.             '<input type="radio" name="radOOMLanguage" id="radOOMCustomLang">Custom language <input type="text" name="txtOOMLanguage" id="txtOOMLanguage" style="border: 1px solid #000000;" size="4"/>',
  58.             '</fieldset>',
  59.             '</div>',
  60.             '</div>'
  61.         ].join(' '));
  62.  
  63.         new WazeWrap.Interface.Tab('OOM', $section.html(), init);
  64.     }
  65.  
  66.     function init(){
  67.         loadSettings();
  68.         setChecked('chkGMaps', settings.GMaps);
  69.         setChecked('chkMapillary', settings.Mapillary);
  70.         setChecked('chkTerraserver', settings.Terraserver);
  71.         setChecked('chkWikimapia', settings.Wikimapia);
  72.         setChecked('chkBing', settings.Bing);
  73.         setChecked('chkOSM', settings.OSM);
  74.         setChecked('chkYandex', settings.Yandex);
  75.         setChecked('chkHere', settings.Here);
  76.         setChecked('chkMiDrive', settings.MiDrive);
  77.         setChecked('chkNYFC', settings.NYFC);
  78.  
  79.         if(settings.LangSetting == 0)
  80.             setChecked("radOOMNoLang", true);
  81.         else if(settings.LangSetting == 1)
  82.             setChecked("radOOMWMELang", true);
  83.         else
  84.             setChecked("radOOMCustomLang", true);
  85.  
  86.         $('#txtOOMLanguage')[0].value = settings.CustLang;
  87.  
  88.         $('.olControlAttribution').css("right", "400px");
  89.  
  90.         LoadMapButtons();
  91.         $('.OOMchk').change(function() {
  92.              var settingName = $(this)[0].id.substr(3);
  93.             settings[settingName] = this.checked;
  94.             saveSettings();
  95.             LoadMapButtons();
  96.         });
  97.         $("[id^='rad']").change(function() {
  98.             if(isChecked("radOOMNoLang"))
  99.                 settings.LangSetting = 0;
  100.             else if(isChecked("radOOMWMELang"))
  101.                 settings.LangSetting = 1;
  102.             else
  103.                 settings.LangSetting = 2;
  104.             saveSettings();
  105.         });
  106.         $('#txtOOMLanguage').focusout(function(){
  107.             settings.CustLang = $('#txtOOMLanguage').val();
  108.             saveSettings();
  109.         });
  110.     }
  111.  
  112.     function GetLanguage()
  113.     {
  114.         if(isChecked("radOOMNoLang"))
  115.             return "";
  116.         else if(isChecked("radOOMWMELang"))
  117.             return I18n.currentLocale().replace("en-US", "en");
  118.         else //Custom Language
  119.             return $('#txtOOMLanguage').val();
  120.     }
  121.  
  122.     function LoadMapButtons()
  123.     {
  124.         $('#OOMMiDrive').remove();
  125.         if(settings.MiDrive)
  126.         {
  127.             let $section = $("<div>", {style:"padding:8px 16px"});
  128.             $section.html([
  129.                 '<span id="OOMMiDrive">',
  130.                 `<img src="${midriveIcon}" alt="MiDrive" width="18" height="18" id="OOMMiDriveImg" title="Open in MiDrive" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  131.                 '</span>'
  132.             ].join(' '));
  133.  
  134.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  135.  
  136.             $('#OOMMiDriveImg').click(function(){
  137.                 var topleft= (new OpenLayers.LonLat(Waze.map.getExtent().left,Waze.map.getExtent().top));
  138.                 var bottomright= (new OpenLayers.LonLat(Waze.map.getExtent().right,Waze.map.getExtent().bottom));
  139.                 var xmin = topleft.lon;
  140.                 var xmax = bottomright.lon;
  141.                 var ymin = bottomright.lat;
  142.                 var ymax = topleft.lat;
  143.  
  144.                 window.open('http://mdotnetpublic.state.mi.us/drive/Default.aspx?xmin=' + xmin + '&xmax=' + xmax + '&ymin=' + ymin + '&ymax=' + ymax + '&lc=true&cam=true&tb=false&bc=false&bh1=false&bh2=false&sensor=false&inc=true&mp=false&sign=false&mb=false&cps=false&aps=false&bing=false&source=social&rsp=false&rest=false&park=false&plow=false', 'MiDrive');
  145.             });
  146.         }
  147.  
  148.         $('#OOMGMaps').remove();
  149.         if(settings.GMaps)
  150.         {
  151.             let $section = $("<div>", {style:"padding:8px 16px"});
  152.             $section.html([
  153.                 '<span id="OOMGMaps">',
  154.                 `<img src="${gmapsIcon}" alt="Google Maps" width="18" height="18" id="OOMGMapsImg" title="Open in Google Maps" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  155.                 '</span>'
  156.             ].join(' '));
  157.  
  158.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  159.  
  160.             $('#OOMGMapsImg').click(function(){
  161.                 let projI = new OpenLayers.Projection("EPSG:900913");
  162.                 let projE = new OpenLayers.Projection("EPSG:4326");
  163.                 let center_lonlat = (new OpenLayers.LonLat(Waze.map.center.lon, Waze.map.center.lat)).transform(projI,projE);
  164.                 let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  165.                 let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  166.                 let lang = GetLanguage();
  167.  
  168.                 window.open('https://www.google.com/maps/@' + lat + ',' + lon + ',' + ( W.map.zoom + 12) + 'z' + (lang != "" ? "?hl=" + lang : ""), 'Google Maps');
  169.             });
  170.         }
  171.  
  172.  
  173.         //************** Mapillary *****************
  174.         $('#OOMMapillary').remove();
  175.         if(settings.Mapillary){
  176.             let $sectionMapillary = $("<div>", {style:"padding:8px 16px"});
  177.             $sectionMapillary.html([
  178.                 '<span id="OOMMapillary">',
  179.                 `<img src="${mapillaryIcon}" alt="Mapillary" width="18" height="18" id="OOMMapillaryImg" title="Open in Mapillary" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  180.                 '</span>'
  181.             ].join(' '));
  182.  
  183.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionMapillary.html());
  184.             $('#OOMMapillaryImg').click(function(){
  185.                 var projI=new OpenLayers.Projection("EPSG:900913");
  186.                 var projE=new OpenLayers.Projection("EPSG:4326");
  187.                 var center_lonlat = (new OpenLayers.LonLat(Waze.map.center.lon, Waze.map.center.lat)).transform(projI,projE);
  188.                 var lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  189.                 var lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  190.  
  191.                 window.open(`https://www.mapillary.com/app/?lat=${lat}&lng=${lon}&z=${( W.map.zoom + 11)}`, 'Mapillary');
  192.             });
  193.         }
  194.  
  195.  
  196.         //****************** Terraserver *********************
  197.         $('#OOMTerraserver').remove();
  198.         if(settings.Terraserver){
  199.             var $sectionTerraserver = $("<div>", {style:"padding:8px 16px"});
  200.             $sectionTerraserver.html([
  201.                 '<span id="OOMTerraserver">',
  202.                 `<img src="${terraIcon}" alt="Terraserver" width="18" height="18" id="OOMTerraserverImg" title="Open in Terraserver" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  203.                 '</span>'
  204.             ].join(' '));
  205.  
  206.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionTerraserver.html());
  207.             $('#OOMTerraserverImg').click(function(){
  208.                 var center_lonlat=OpenLayers.Layer.SphericalMercator.inverseMercator(Waze.map.getCenter().lon,Waze.map.getCenter().lat);
  209.                 window.open(`http://www.terraserver.com/view?utf8=✓&searchLng=${center_lonlat.lon}&searchLat=${center_lonlat.lat}`);
  210.             });
  211.         }
  212.  
  213.  
  214.         //********************* Wikimapia *********************
  215.         $('#OOMWikimapia').remove();
  216.         if(settings.Wikimapia){
  217.             let $sectionWikimapia = $("<div>", {style:"padding:8px 16px"});
  218.             $sectionWikimapia.html([
  219.                 '<span id="OOMWikimapia">',
  220.                 `<img src="${wikimapiaIcon}" alt="Wikimapia" width="18" height="18" id="OOMWikimapiaImg" title="Open in Wikimapia" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  221.                 '</span>'
  222.             ].join(' '));
  223.  
  224.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionWikimapia.html());
  225.             $('#OOMWikimapiaImg').click(function(){
  226.                 //var center_lonlat=OpenLayers.Layer.SphericalMercator.inverseMercator(Waze.map.getCenter().lon,Waze.map.getCenter().lat);
  227.                 var projI=new OpenLayers.Projection("EPSG:900913");
  228.                 var projE=new OpenLayers.Projection("EPSG:4326");
  229.                 var center_lonlat = (new OpenLayers.LonLat(Waze.map.center.lon, Waze.map.center.lat)).transform(projI,projE);
  230.                 var lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  231.                 var lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  232.                 let lang = GetLanguage();
  233.                 if(lang === "")
  234.                     lang = "en";
  235.                 window.open(`http://wikimapia.org/#${(lang !== "" ? "lang=" + lang : "")}&lat=${lat}&lon=${lon}&z=${( W.map.zoom + 12)}&m=b`);
  236.             });
  237.         }
  238.  
  239.         $('#OOMBing').remove();
  240.         if(settings.Bing)
  241.         {
  242.             let $sectionBing = $("<div>", {style:"padding:8px 16px"});
  243.             $sectionBing.html([
  244.                 '<span id="OOMBing">',
  245.                 `<img src="${bingIcon}" alt="Bing Maps" width="18" height="18" id="OOMBingImg" title="Open in Bing Maps" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  246.                 '</span>'
  247.             ].join(' '));
  248.  
  249.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionBing.html());
  250.  
  251.             $('#OOMBingImg').click(function(){
  252.                 let projI = new OpenLayers.Projection("EPSG:900913");
  253.                 let projE = new OpenLayers.Projection("EPSG:4326");
  254.                 let center_lonlat = (new OpenLayers.LonLat(Waze.map.center.lon, Waze.map.center.lat)).transform(projI,projE);
  255.                 let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  256.                 let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  257.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  258.  
  259.                 window.open(`https://www.bing.com/maps?&cp=${lat}~${lon}&lvl=${( W.map.zoom + 12)}`);
  260.             });
  261.         }
  262.  
  263.         $('#OOMOSM').remove();
  264.         if(settings.OSM){
  265.             //https://www.openstreetmap.org/#map=16/39.5588/-84.2365
  266.             let $sectionOSM = $("<div>", {style:"padding:8px 16px"});
  267.             $sectionOSM.html([
  268.                 '<span id="OOMOSM">',
  269.                 `<img src="${osmIcon}" alt="Open Street Map" width="18" height="18" id="OOMOSMImg" title="Open in Open Street Maps" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  270.                 '</span>'
  271.             ].join(' '));
  272.  
  273.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionOSM.html());
  274.  
  275.             $('#OOMOSMImg').click(function(){
  276.                 let projI = new OpenLayers.Projection("EPSG:900913");
  277.                 let projE = new OpenLayers.Projection("EPSG:4326");
  278.                 let center_lonlat = (new OpenLayers.LonLat(Waze.map.center.lon, Waze.map.center.lat)).transform(projI,projE);
  279.                 let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  280.                 let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  281.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  282.  
  283.                 window.open(`https://www.openstreetmap.org/#map=${(W.map.zoom + 12)}/${lat}/${lon}`);
  284.             });
  285.         }
  286.  
  287.         $('#OOMYandex').remove();
  288.         if(settings.Yandex){
  289.             //https://n.maps.yandex.ru/#!/?z=14&ll=46.019795%2C51.505120&l=nk%23sat
  290.             let $sectionYandex = $("<div>", {style:"padding:8px 16px"});
  291.             $sectionYandex.html([
  292.                 '<span id="OOMYandex">',
  293.                 `<img src="${yandexIcon}" alt="Yandex" width="18" height="18" id="OOMYandexImg" title="Open in Yandex" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  294.                 '</span>'
  295.             ].join(' '));
  296.  
  297.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionYandex.html());
  298.  
  299.             $('#OOMYandexImg').click(function(){
  300.                 let projI = new OpenLayers.Projection("EPSG:900913");
  301.                 let projE = new OpenLayers.Projection("EPSG:4326");
  302.                 let center_lonlat = (new OpenLayers.LonLat(Waze.map.center.lon, Waze.map.center.lat)).transform(projI,projE);
  303.                 let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  304.                 let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  305.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  306.  
  307.                 window.open(`https://n.maps.yandex.ru/#!/?z=${(W.map.zoom + 12)}&ll=${lon}%2C${lat}&l=nk%23sat`);
  308.             });
  309.         }
  310.  
  311.         $('#OOMHere').remove();
  312.         if(settings.Here){
  313.             //https://wego.here.com/?map=39.56508,-84.26224,16,normal&x=ep
  314.             let $sectionHere = $("<div>", {style:"padding:8px 16px"});
  315.             $sectionHere.html([
  316.                 '<span id="OOMHere">',
  317.                 `<img src="${hereIcon}" alt="Here" width="18" height="18" id="OOMHereImg" title="Open in Here" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  318.                 '</span>'
  319.             ].join(' '));
  320.  
  321.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionHere.html());
  322.  
  323.             $('#OOMHereImg').click(function(){
  324.                 let projI = new OpenLayers.Projection("EPSG:900913");
  325.                 let projE = new OpenLayers.Projection("EPSG:4326");
  326.                 let center_lonlat = (new OpenLayers.LonLat(Waze.map.center.lon, Waze.map.center.lat)).transform(projI,projE);
  327.                 let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  328.                 let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  329.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  330.  
  331.                 window.open(`https://wego.here.com/?map=${lat},${lon},${(W.map.zoom + 12)},satellite&x=ep`);
  332.             });
  333.         }
  334.  
  335.         $('#OOMNYFC').remove();
  336.         if(settings.NYFC){
  337.             let $sectionNYFC = $("<div>", {style:"padding:8px 16px"});
  338.             $sectionNYFC.html([
  339.                 '<span id="OOMNYFC">',
  340.                 `<img src="${NYFCIcon}" alt="NY FC" width="18" height="18" id="OOMNYFCImg" title="Open in NY FC" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  341.                 '</span>'
  342.             ].join(' '));
  343.  
  344.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNYFC.html());
  345.  
  346.             $('#OOMNYFCImg').click(function(){
  347.                 let e=W.map.getExtent();
  348.                 let geoNW=new OL.Geometry.Point(e.left,e.top);
  349.                 let geoSE=new OL.Geometry.Point(e.right,e.bottom);
  350.  
  351.                 Proj4js.defs["EPSG:26918"] = "+proj=utm +zone=18 +ellps=GRS80 +datum=NAD83 +units=m +no_defs";
  352.  
  353.                 let source = new Proj4js.Proj('EPSG:900913');
  354.                 let dest = new Proj4js.Proj('EPSG:26918');
  355.  
  356.                 geoNW = new Proj4js.Point(geoNW.x,geoNW.y);
  357.                 geoSE = new Proj4js.Point(geoSE.x,geoSE.y);
  358.  
  359.                 Proj4js.transform(source, dest, geoNW);
  360.                 Proj4js.transform(source, dest, geoSE);
  361.  
  362.                 let mapScale = 36111.909643;
  363.  
  364.                 switch (W.map.zoom) {
  365.                     case 0:
  366.                     case 1:
  367.                         mapScale = 72223.819286;
  368.                         break;
  369.                     case 2:
  370.                         mapScale = 36111.909643;
  371.                         break;
  372.                     case 3:
  373.                         mapScale = 18055.954822;
  374.                         break;
  375.                     default:
  376.                         mapScale = 9027.977411;
  377.                         break;
  378.                 }
  379.  
  380.                 let URL='http://gis3.dot.ny.gov/html5viewer/?viewer=FC&scale='+mapScale+'&extent='+geoNW.x+'%2C'+geoNW.y+'%2C'+geoSE.x+'%2C'+geoSE.y;
  381.                 window.open(URL,"_blank");
  382.             });
  383.         }
  384.     }
  385.  
  386.     function loadSettings() {
  387.         var loadedSettings = $.parseJSON(localStorage.getItem("OOM_Settings"));
  388.         var defaultSettings = {
  389.             GMaps: true,
  390.             Mapillary: true,
  391.             Terraserver: true,
  392.             Wikimapia: false,
  393.             Bing: false,
  394.             OSM: false,
  395.             LangSetting: 1,
  396.             CustLang: "",
  397.             Yandex: false,
  398.             Here: false,
  399.             MiDrive: false,
  400.             NYFC: false
  401.         };
  402.         settings = loadedSettings ? loadedSettings : defaultSettings;
  403.         for (var prop in defaultSettings) {
  404.             if (!settings.hasOwnProperty(prop))
  405.                 settings[prop] = defaultSettings[prop];
  406.         }
  407.     }
  408.  
  409.     function saveSettings() {
  410.         if (localStorage) {
  411.             var localsettings = {
  412.                 GMaps: settings.GMaps,
  413.                 Mapillary: settings.Mapillary,
  414.                 Terraserver: settings.Terraserver,
  415.                 Wikimapia: settings.Wikimapia,
  416.                 Bing: settings.Bing,
  417.                 OSM: settings.OSM,
  418.                 LangSetting: settings.LangSetting,
  419.                 CustLang: settings.CustLang,
  420.                 Yandex: settings.Yandex,
  421.                 Here: settings.Here,
  422.                 MiDrive: settings.MiDrive,
  423.                 NYFC: settings.NYFC
  424.             };
  425.  
  426.             localStorage.setItem("OOM_Settings", JSON.stringify(localsettings));
  427.         }
  428.     }
  429.  
  430.     function isChecked(checkboxId) {
  431.         return $('#' + checkboxId).is(':checked');
  432.     }
  433.  
  434.     function setChecked(checkboxId, checked) {
  435.         $('#' + checkboxId).prop('checked', checked);
  436.     }
  437.  
  438.     function bootstrap(tries = 1) {
  439.         if(location.href.indexOf("google.com/maps") > -1)
  440.             bootstrapGeneral(initGoogleMaps, 1);
  441.         else if(location.href.indexOf("wv511.org") > -1)
  442.             bootstrapGeneral(initWV511, 1);
  443.         else{
  444.             if (W &&
  445.                 W.map &&
  446.                 W.model &&
  447.                 $ && WazeWrap.Ready) {
  448.                 initInterface();
  449.             } else if (tries < 1000) {
  450.                 setTimeout(function () {bootstrap(tries++);}, 200);
  451.             }}
  452.     }
  453.  
  454.     function initGoogleMaps(){
  455.         let $OOMWazeButton = document.createElement("div");
  456.         $OOMWazeButton.innerHTML = '<div id="OOMWazeButtonDiv" style="height:30px; width:34px; position: fixed; right:30px; top:75px; cursor: pointer; background-image: url(https://imgur.com/NTLWfFz.png); background-repeat: no-repeat;" title="Open in WME"></div>';
  457.         let parent = document.getElementById("content-container");
  458.         parent.appendChild($OOMWazeButton);
  459.  
  460.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  461.             window.open(GMToWaze());
  462.         });
  463.  
  464.         document.getElementById('OOMWazeButtonDiv').addEventListener("mouseenter",function(e) {
  465.             document.addEventListener('keydown', copyPLHotkeyEvent);
  466.             document.getElementsByClassName('widget-scene-canvas')[0].addEventListener('keydown', copyPLHotkeyEvent);
  467.         });
  468.  
  469.         document.getElementById('OOMWazeButtonDiv').addEventListener('mouseleave', function() {
  470.             document.removeEventListener('keydown', copyPLHotkeyEvent);
  471.             document.getElementsByClassName('widget-scene-canvas')[0].removeEventListener('keydown', copyPLHotkeyEvent);
  472.         });
  473.     }
  474.  
  475.     var copyToClipboard = function(str) {
  476.         var temp = document.createElement("input");
  477.         document.body.append(temp);
  478.         temp.value = str;
  479.         temp.select();
  480.         document.execCommand('copy');
  481.         document.body.removeChild(temp);
  482.     };
  483.  
  484.     var copyPLHotkeyEvent = function(e) {
  485.         if ((e.metaKey || e.ctrlKey) && (e.which === 67))
  486.             copyToClipboard(GMToWaze());
  487.     };
  488.  
  489.     function GMToWaze(){
  490.         let lon, lat, zoom;
  491.         let curURL = location.href.split('@').pop().split(',');
  492.         lon = curURL[1];
  493.         lat = curURL[0];
  494.         zoom = parseInt(curURL[2]);
  495.         return `https://www.waze.com/en-US/editor/?lon=${lon}&lat=${lat}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`;
  496.     }
  497.  
  498.     function bootstrapGeneral(initdelegate, tries = 1){
  499.         if(document.readyState !== 'complete' )
  500.             setTimeout(function() {bootstrapGeneral(initdelegate, tries++);}, 200);
  501.         else
  502.             initdelegate();
  503.     }
  504.  
  505.     function initWV511(){
  506.         if(document.getElementById("OOMWazeButtonDi") !== null)
  507.             document.getElementById("OOMWazeButtonDi").remove();
  508.  
  509.         let $OOMWazeButton = document.createElement("div");
  510.         $OOMWazeButton.setAttribute("id", "OOMWazeButtonDiv");
  511.         $OOMWazeButton.setAttribute("style", "position:absolute; right:15px; top:190px; height:30px; width:34px; cursor:pointer; background-image:url(https://imgur.com/NTLWfFz.png); background-repeat:no-repeat;");
  512.         $OOMWazeButton.setAttribute("title", "Open in WME");
  513.         document.body.appendChild($OOMWazeButton);
  514.  
  515.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  516.             let lon1, lon2, lonCenter, lat1, lat2, latCenter;
  517.             let latlon = location.href.split(":");
  518.             lon1 = latlon[2];
  519.             lat1 = latlon[3];
  520.             lon2 = latlon[4];
  521.             lat2 = latlon[5];
  522.  
  523.             lonCenter = Math.min(lon1,lon2) + (Math.abs(lon1 - lon2)/2);
  524.             latCenter = Math.min(lat1, lat2) + (Math.abs(lat1 - lat2)/2);
  525.             window.open(`https://www.waze.com/en-US/editor/?lon=${lonCenter}&lat=${latCenter}&zoom=5`);
  526.         });
  527.     }
  528.  
  529.     bootstrap();
  530. })();