☰

WME Open Other Maps

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

当前为 2018-03-19 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         WME Open Other Maps
  3. // @namespace    https://greasyfork.org/users/30701-justins83-waze
  4. // @version      2018.03.19.02
  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. // @include      http://www.511virginia.org/mobile/?menu_id=incidents
  13. // @include      https://mdotnetpublic.state.mi.us/drive/
  14. // @include      http://pkk5.rosreestr.ru*
  15. // @include      http://www.511pa.com/Traffic.aspx*
  16. // @include      http://newengland511.org*
  17. // @include      https://www.mdottraffic.com*
  18. // @include      http://www.511nj.org/trafficmap*
  19. // @include      http://nmroads.com/mapIndex.html*
  20. // @exclude      https://www.waze.com/*/user/editor*
  21. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  22. // @require      https://greasyfork.org/scripts/13097-proj4js/code/Proj4js.js
  23. // @grant        none
  24. // ==/UserScript==
  25.  
  26. (function() {
  27.     'use strict';
  28.     //var jqUI_CssSrc = GM_getResourceText("jqUI_CSS");
  29.     //GM_addStyle(jqUI_CssSrc);
  30.  
  31.     var settings = {};
  32.     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==";
  33.     var mapillaryIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAatJREFUOE+tlFtLAkEUx/er9CEyA+sbRM9BH8EuWhL0oC8h9B7dFAIXoqe8RGgP9RDkipoSZkJpeQk1N8swldW108ywa3uZLKKFH7sz/3P+c2Z2Zhj8GPzmEYN3jh31mkvoLSDgBwQplsW5XyaHZl4T+HtwLjZDDVYnSiyGt8CdCVE1DSwjlUgTIViMQafXhekTB1WXwR64IuqaTASs0BQ60O9/wHEhqtM1CNiIJoCNcxGTJJ8DUezD7Nk6NU5GZ2RCldgiLsi8FCHXKIPJb4HHJg/h6o0qTsvACC9ssBBD02mTSrLIZCXiJtpqdA8SfBbGfQuqZCUDI1cmCO2uQEyunu9JZcpAe8wD5+UUjCn6lKimNhWyQyDPQU8UofxeBwdKljVLeJsMIlephbrYM6dOMnqqngdH3ANWbof0x2u38PBWpU6RaiSDE7AhruSydgcXlTT5diYPdLFDjWSWuV30ByvEBPPUasBkYEkVg41+c0hJdWuJfai2XonZZvpIqQtDjwgNvOM3rv1QQnvLKK2VfES+PbTDMPrmlW32/66RwZ2EXKVp/uFiY5hPR2AhGcMUotsAAAAASUVORK5CYII=";
  34.     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";
  35.     var wikimapiaIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAACeklEQVQ4T5VUTWgTQRRebf2v9Te0m5nNJjuzaRuxl4LoQUMPCnoRKcWjUD14K+LFm+LFS6ngD57Eo6AXEdGDQsSDilQP2oOK6EHSmN2djaFYawrZfm+yYlpCbB88mJ33vW++997sGM0WDQ2tUzyzN2DynOJOwWeiGnL5OA6vzD5LuUFxcSVgohhwWQfZHL5fY30xhvzf6pxvUklxHyQ1xcQfkNzw2IAbSNkd2fbGGNbeYiWT8FrAxdfAkkciw1gbOs62kGUHg153IIa2txJ394HAC5gzD5LDRFJhYhj9eQplPxSTD2Joe1OWe5l6goTrROJx9xDKm1FcRuQgexJD2xuAb6mxZUuKes/gFqh7pIlXTyTmAZ6inlSZ4+L7y1+SVRHpBCae+7v6tipL7EHTvzcTIaagsNDsZStNA1kTsMxIY885QYpCnPrpZyq1Y6Y3bWP9YQnRMkd8zmPOURIRWnJC7yezJw3dEyYXAhMT0zdbXMXewnKCfy6mvFS/GeXznRjQRyierfT0pUEkx+BRyMUrmlrRzO4G+EUrEhz4m66GLivpnkIepi0elhO5LqOUymZQ3nsNZuJS0TQ3R7nc+pDJCwC+RPI0FL7Dvbrt29l+kHRgPYw9HwfOhpY4TsQGqQB4xGdOlQKKOdcC7jJ96k7ZTWtSeQ8E0ehoBzBncOA3UgMBN0u4MnpqZAUj30nMANCPWvOTooxbPhFa7kH8g1bjRXDGEX9DzW6UKe6WE4mumGKpAbQfgGeQ7en6m/rTcPFLt8GSZ6dRfpzW2iq2vR0qDoDoNBInMZk7IL6F9XmUfSw0nZTuyUqNelfHy0BPDD0lVH4camGGsQj+znJFw2F9rQAAAABJRU5ErkJggg==";
  36.     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";
  37.     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=";
  38.     var yandexIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABa0lEQVQ4T62TPc8BQRSF/SdfER8FFZH4ASoSnYpCIkGCjoRGpaHS04iWUqHS+0hQoxPHnR12dnauxvtu8uTOPfecm9lN1gPgX2HFv8CKGpsNMJkAg4Gs6zXJjO8NK1qcz0CzCaTTQCQC+P2yJpNS5zIEK1rUakAgAHi9JkLvdMhm5gzBYrmUtxFhcbNMBshmZQ0GpR6LwfK5slpjUyqp24jX2++BxwM4HIB2W82Ez5XVGptEQoUuF5Icz+mkZsLnymqNTTSqQvc7SY7ndlMzgSurNTaFggqMx3LJ8wlcr8BopGa5HNn1rNbYzGZAKCRDolYqQLcLlMtAOKwWDodk17Nao1EsqiCH+H7bLVn1nNYY5POAz8cvbLXIYmYMwWCxAOp1IJVSy+JxYLWisek3hK/0empho0ES4yFYkeWzUPxBxyNJjIdgRZbPwumUWmb+hhVZ+n2gWqUjM3PAiizzObDb0ZGZOWDF34HnBbQcm5EIFazJAAAAAElFTkSuQmCC";
  39.     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==";
  40.     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=";
  41.     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=";
  42.     var rosreestrIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABy0lEQVQ4T2PABdbvPy+w//R1h+v3nzvsP3/d4fz1+w7r9592gEoTD05evLG/b+rc/8Xldf93HDjxv6656//ClZv+3338sgGqhDC4dOvetcTU7P/Wdq7/za0c/2/ZdeC/pY3zfztHj/8tnf2/rtx+6AdVihvsO3lhVUpm4X8zSwc4BhkEYzs4e/2fv3z9//X7zwRAtWAHdU0dq2zs3XAaBMJpWYX/dxy78B+qBRPcfvLSqrii7gfIO8gat+5GNcjBxev/6cu3cBt0/PJth92HT4E1IuNDZ6+h8LfsOvj/4LkbuA26//y1Q15xJYrtIAzSjMz3C4r8f/zCTXIMOojCb2zr/r/lwHFNqDZMgMugbXsQBgWFxfxv6ZoQCtWCHYAMyi+uQjEEhHfsPfzf2y/0f2Vty/+d+49cvfX4sQxUC3ZwGBjY567f+3/55n0UfOLK3f8nL936v+Xwhf/3778XgCrHDbC5yMs35P/p6w/fz15/mPh8hs2gvkkzgAY9Ji2zohsUFpXwv6OjH3fs4AIggwpKq8H5KTYx439Ley/+2MEFjgPLnC17Dv9fvXnX/43b94Y+fvMGf+zgAmfO/Ge9deuZ6DkghgoRCRgYAAGFe4VDwIAnAAAAAElFTkSuQmCC";
  43.     var PA511Icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACClBMVEX//vz//vv8+/r4+Pj7+vn9/Pr///709vfn6u7U2+Td4ei/ydmotc/r7fBziLHHz92+x9qsuc/y9Pf////29/fX2+b9/f7+/v79/v18j7Q9WZPO1eH//v7n6u3+///AydpbcaG5xNfO1eS2wdiyvtavu9TFzt7m6e6/x9j///3p7fDDzdu+yNkML3kaPIDk6PD5+fktSokWOYBMZpxBXZeDlLbd4us6V5EkRYTY3uhFYJUYPH/7/PtziLMzUpKRo8Pi5u0QNYA1VJOTo8Wgrsjv8/aRpMEAH25je6mltc0CKXU4V5O4w9Zddqdrgq3R1uQaPIE8WpROap8AJXJofqzGzt0AJnOFmb73+foWO4BIZJnd4u1Rap9cdKbK0d6Aj7Xr7vH8/vwZPYRHYZuotc0AJHWntM8CJ3NyiLDM1OJacqNfeKiTpMEAHnC0v9avutIAI3N6jrKYqMcAHm7Aydumss0AG22frsqKnb5feKZxhbDl6e5FYJYpSYgnSIlAXJjl6fCClLgdP4Lh5OqOn8AbPYLV3ebs7/NlfKpOaJy9x9r+/vzr7fPt7/Tz9Pbx8/b09/b29/h9kLRMZ5p/k7jZ3+l6j7ZOZ5uNn775+/v//v35+vrJ0d/t8PPu8fXd4uqvu9OMnb1Sa6F5j7XCzN78/fzQ1+K9x9m1wNaksc6aqMart8/X3ef+//0JSeH9AAAAAWJLR0QTDLtclgAAAAd0SU1FB+IDCA8HAr9f8sAAAAD7SURBVBjTY2BgYGBkZGJmZGFlgAA2dg5OLm4eXj5+AUEhYWFhBhFRTjFxYWEJYTZJKWlhYRkGWWEokBMWlldQFGZgU1JWUVUTVtfQ1NLW0dXTZzAwNDI2MTUzt7C0sraxtbNncHB0cnZxdXP38PTyFvbx9WPwDwgMCg4JDQuPiIwSjo6JZYiLT0hMSk5JTeNMzxDOzMpmyMnNyy8oLCouKS0rF66orGKorqmtq29obGpuaW1r7+jsYmDr7ullE+7rl5gQMXHS5CnCDJowhwlPnTZ9xkxhhlnCs+eYzZ03f8HCRYuXgPwyi23psuUrVq5aLb9mLRsQAP2OCgBLzD+TNb5HDAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMy0wOFQxNTowNzowMi0wNTowMAebKzMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDMtMDhUMTU6MDc6MDItMDU6MDB2xpOPAAAAAElFTkSuQmCC";
  44.     var Miss511Icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABjUlEQVQ4T2MYWsClYXM+Q/CcEoZAVGxfvakkpHWbKFQZflA272iXXOqyXwxBs/+jY8eaTf+jenfpQpXiBpuP356uV7j6B1PwHAxDQNivdfv/7BkHCBtkULTmElvYXKyGgHDipL3/21eexm/Q2iM3luHyEgwXzz3yf96u6/gNOnLlwQ6zsnX/JRKX4MT9G8/9P3DxEX6Dbj58saNvw7n/dUtP4sRHrzz8/+jFW/wGXbr7bEf+nMP/I3v34MY9u9yhynGDG0AX1S498T91yv7/KVhwzsxD/4vmHcRv0K2HL90qFx2/IZm05D9H+DysWClj+X+jojX4DVp96MZMy4oN/3GlHxCWSVn6Xy+fgEEJk/bOlAYqxGYADIvEL/qvkLEUv0Hz91yd2bP+7P+GZSf/1y87AcfiwCiHGcQdOf+/YOxC/AbtPnOXf9mus1JzNqBihfTlcIOYQ+b8Zw6bh98gXGD2jkv/PZu2/m9ddfp/84pT/6sWHiXPoFWrVjGHhq5iBtEgzPD/PyNUCgoYGACx+Fztt2VvAQAAAABJRU5ErkJggg==";
  45.     var LAFCIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKM+Vkc8rRFEUxz/MiBhRLCiLScPKyI8SG2WkoSZNY5TBZuZ5b0bNjNd7T5Ktsp2ixMavBX8BW2WtFJGShZU1sUHPeZ6aSc3Cvd1zPvd77zndcy5UxrNKzvT2QC5vGbFwyD+TmPVXP+HBRzNeWpOKqY9EoxHKjvdbKhx/HXRy8b9Rt6CaClTUCA8rumEJjwtHVizd4S3hZiWTXBA+Ee4y5IHCN46ecvnZ4bTLnw4b8dio1NYo7E+XcKqElYyRE5bKCeSyy8rve5xKfGp+ekp8u6w2TGKECeFngjFGGaCXIbEDBOmjW3aUie/5iZ9kSWIVsTqrGCySJoNFl6jLkl0Vr4muysyy6vT/b19Nrb/Pze4LQdWjbb92QPUmfBVs++PAtr8OwfMA5/li/NI+DL6JXihqgT1oWIfTi6KW2oazDWi515NG8kfyyKrUNHg5hvoENF1B7Zzbs99zju4gviZfdQk7u9Ap9xvmvwH7o2e1G6/3lQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAJJSURBVDhPlZRPSBRRHMfX3Zm34+JCFFoKHqIuHTxnoVSUUJAX0xWL3Cz6Y6ZphZm5TMm6amnrzJt/C3rpWl4K6iDU0Q5CaAYRdQhvarf+0AZO3zd/lhl3GegLX2YO3+9n3r73exviCLkHf208cnReVrUVWdXf3R2+/0ZS1AXm0fTYa04Q5iLR6PFQkBB4AtC3vv6BTarqJvPk42nrySxR1dxVVfWRi0ZvOJXSihBi7K6uXsxKtFDuvdlfeGduOnnqE0DziIftVglhRTNn2to/eIsp8YEPdL23bxMf1BHn7FYJCRUVjSnxYd5bzEw88oHGxifz8Xj8oFMpLdM0y6iqffEWL1256gPBEqJldiNACE55i8mui4V3WdH+SIaxz4kGi1KjDqW/bnng9h0PSF8SRbGwN2bQyrLZ7A6UfrllnxVtDasampGVoZ2VlRfY3OGARuFMKBbb4yBsUU07jdKWWx7Zdmqu6w83rGIM8rAJ4DqqxCY4wldfuGE2Ty1tiSIIc8f5zh9YyWcLxICC0OAgbCH0yg2zqW5NtBdBmDEmJsrvHRDzS9QjNgXCHVt1w+nMhJnoOFsEYWbXpaa2dtmB/AwLQpLn+ToLoijKfsyRgeAUTuj58Ejq97nOJCt+lzV9ml1kL+zYiaYN7M8Gg+FnLnPl5fUWaLuam1v3dvf03MK/wGAul4tROltDVeMZTs46jMvXurcAWsCVWcRzDhX/hgfJmn6qdgG2lM6Mz2I1TwkhBwAahN+GeT7hRP9bAsyzF2z+oQghLf8AAjyYhRxw+xIAAAAASUVORK5CYII=";
  46.     //var NJ511Icon = "";
  47.     var NM511Icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAACg0lEQVQ4T6WTX0iTURjGF10k3QVO56CLQPKmDBUMUbEyDYUwXSOFlQqCf6AIIyhRWtIwRBGCJPVCqzUyNrzKNGem3yRJpvvC5qbml6bln/VtTTedzvdp06+CZGDrB4fznvc87wPnPeeI9gIg3y+EwUPzjck0WdAgLIMDXEoIfa1XkPXKMzDHDwnpfwNAKFlzMmn6qo4m8nVkjGoRtvbGB40mvFcuVzIymXKmuWiQ7yoy/xjIN6+8STSaKio1/nxvWVmpIA+MsbY2eioiAjZJOFZLJPCOFGHLfBPe/mzwcaFYCgvDYFbWW0EeGL8RJ5VivToGWJv1nRDY9G6ByDe4J+CTxOhNO6cU5H8gonD/DK41hNjEDMfr9NKFi2IQz8Lp8mCBd2N81g7rDA+Hcw2eV9dga481kim+hSzZZ/y1vyG+I5mW2xX0+ZbOM35D71LLoHrO4tFLC0obh1D1dBTlLe8x882B9SkGdl1KOxlEMnonyiHGN+bqDu8YWfMqyHJJTZZcrddcqHe35uGuhkV9x0dcrmNQ2GDYNhyfsoE3MXB0Ksw0fV1Hs1WVxN3OIffkjpEfzN85SOzJBxsjSTpXUzoswywu3OvDC4bDxBc7+kbn0GmYhrvtPha0ijYyHDhNXHmMUL6b7WZHSOGUncX64iJca5uwOXy98Wxio78Hy5FS9KSl7W723/y6NbtEAvuxKLgfVsP9uAmrykIsRR7BnFiM7tTUvRlN+N7RWELC/HBsNOvsPu+wd2WMrRjkDpNK1cAUFyuZmppTgjwwAyqVeCA3l/mk18f71zR6QkvWAjWxcdptQbDQ985M36dV01LzUSEVPDRZohbC/wMQ7RPCAIhEPwGmF45ZgI9RNAAAAABJRU5ErkJggg==";
  48.  
  49.     function initInterface(){
  50.         var $section = $("<div>");
  51.         $section.html([
  52.             '<div>',
  53.             "<p>The below maps are legal to use and do not violate Waze's external sources policy</p>",
  54.             `<div><input type="checkbox" id="chkMiDrive" class="OOMchk"><label for="chkMiDrive"><img src="${midriveIcon}" height="18" width="18">MiDrive</label></div>`,
  55.             `<div><input type="checkbox" id="chkNYFC" class="OOMchk"><img src="${NYFCIcon}" height="18" width="18">NY FC</div>`,
  56.             `<div><input type="checkbox" id="chkrosreestr" class="OOMchk"><label for="chkrosreestr"><img src="${rosreestrIcon}" height ="18" width="18">Rosreestr</label></div>`,
  57.             `<div><input type="checkbox" id="chkPA511" class="OOMchk"><label for="chkPA511"><img src="${PA511Icon}" height = 18 width="18">511PA</label></div>`,
  58.             `<div><input type="checkbox" id="chkMiss511" class="OOMchk"><label for="chkMiss511"><img src="${Miss511Icon}" height=18 width="18">Mississippi 511</label></div>`,
  59.             `<div><input type="checkbox" id="chkLAFC" class="OOMchk"><label for="chkLAFC"><img src="${LAFCIcon}" height="18" width="18">Louisiana FC</label></div>`,
  60.             //`<div><input type="checkbox" id="chkNJ511" class="OOMchk"><label for="chkNJ511"><img src="${NJ511Icon}" height="18" width="18">New Jersey 511</label></div>`,//NJ does not directly use the map at this time
  61.             `<div><input type="checkbox" id="chkNM511" class="OOMchk"><label for="chkNM511"><img src="${NM511Icon}" height="18" width="18">New Mexico 511</label></div>`,
  62.             '</br>',
  63.             "<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 Waze's external sources policy.</p>",
  64.             `<div><input type="checkbox" id="chkGMaps" class="OOMchk"><label for="chkGMaps"><img src="${gmapsIcon}" height="18" width="18">Google Maps</label></div>`,
  65.             `<div><input type="checkbox" id="chkMapillary" class="OOMchk"><label for="chkMapillary"><img src="${mapillaryIcon}" height="18" width="18">Mapillary</label></div>`,
  66.             `<div><input type="checkbox" id="chkTerraserver" class="OOMchk"><label for="chkTerraserver"><img src="${terraIcon}" height="18" width="18">Terraserver</label></div>`,
  67.             `<div><input type="checkbox" id="chkWikimapia" class="OOMchk"><label for="chkWikimapia"><img src="${wikimapiaIcon}" height="18" width="18">Wikimapia</label></div>`,
  68.             `<div><input type="checkbox" id="chkBing" class="OOMchk"><label for="chkBing"><img src="${bingIcon}" height="18" width="18">Bing Maps</label></div>`,
  69.             `<div><input type="checkbox" id="chkOSM" class="OOMchk"><label for="chkOSM"><img src="${osmIcon}" height="18" width ="18">Open Street Map</label></div>`,
  70.             `<div><input type="checkbox" id="chkYandex" class="OOMchk"><label for="chkYandex"><img src="${yandexIcon}" height="18" width ="18">Yandex</label></div>`,
  71.             `<div><input type="checkbox" id="chkHere" class="OOMchk"><label for="chkHere"><img src="${hereIcon}" height="18" width ="18">Here</label></div>`,
  72.             '</br><div>',
  73.             '<fieldsetstyle="border: 1px solid silver; padding: 8px; border-radius: 4px;">',
  74.             '<legend style="margin-bottom:0px; border-bottom-style:none;width:auto;"><h4>Map Language (where applicable)</h4></legend>',
  75.             '<input type="radio" name="radOOMLanguage" id="radOOMNoLang">Do not set a language</br>',
  76.             '<input type="radio" name="radOOMLanguage" id="radOOMWMELang">Use WME language</br>',
  77.             '<input type="radio" name="radOOMLanguage" id="radOOMCustomLang">Custom language <input type="text" name="txtOOMLanguage" id="txtOOMLanguage" style="border: 1px solid #000000;" size="4"/>',
  78.             '</fieldset>',
  79.             '</div>',
  80.             '</div>'
  81.         ].join(' '));
  82.  
  83.         new WazeWrap.Interface.Tab('OOM', $section.html(), init);
  84.     }
  85.  
  86.     function init(){
  87.         loadSettings();
  88.         setChecked('chkGMaps', settings.GMaps);
  89.         setChecked('chkMapillary', settings.Mapillary);
  90.         setChecked('chkTerraserver', settings.Terraserver);
  91.         setChecked('chkWikimapia', settings.Wikimapia);
  92.         setChecked('chkBing', settings.Bing);
  93.         setChecked('chkOSM', settings.OSM);
  94.         setChecked('chkYandex', settings.Yandex);
  95.         setChecked('chkHere', settings.Here);
  96.         setChecked('chkMiDrive', settings.MiDrive);
  97.         setChecked('chkNYFC', settings.NYFC);
  98.         setChecked('chkrosreestr', settings.rosreestr);
  99.         setChecked('chkPA511', settings.PA511);
  100.         setChecked('chkMiss511', settings.Miss511);
  101.         setChecked('chkLAFC', settings.LAFC);
  102.         setChecked('chkNM511', settings.NM511);
  103.         //setChecked('chkNJ511', settings.NJ511);
  104.  
  105.         if(settings.LangSetting == 0)
  106.             setChecked("radOOMNoLang", true);
  107.         else if(settings.LangSetting == 1)
  108.             setChecked("radOOMWMELang", true);
  109.         else
  110.             setChecked("radOOMCustomLang", true);
  111.  
  112.         $('#txtOOMLanguage')[0].value = settings.CustLang;
  113.  
  114.         $('.olControlAttribution').css("right", "400px");
  115.  
  116.         LoadMapButtons();
  117.         $('.OOMchk').change(function() {
  118.              var settingName = $(this)[0].id.substr(3);
  119.             settings[settingName] = this.checked;
  120.             saveSettings();
  121.             LoadMapButtons();
  122.         });
  123.         $("[id^='rad']").change(function() {
  124.             if(isChecked("radOOMNoLang"))
  125.                 settings.LangSetting = 0;
  126.             else if(isChecked("radOOMWMELang"))
  127.                 settings.LangSetting = 1;
  128.             else
  129.                 settings.LangSetting = 2;
  130.             saveSettings();
  131.         });
  132.         $('#txtOOMLanguage').focusout(function(){
  133.             settings.CustLang = $('#txtOOMLanguage').val();
  134.             saveSettings();
  135.         });
  136.     }
  137.  
  138.     function GetLanguage()
  139.     {
  140.         if(isChecked("radOOMNoLang"))
  141.             return "";
  142.         else if(isChecked("radOOMWMELang"))
  143.             return I18n.currentLocale().replace("en-US", "en");
  144.         else //Custom Language
  145.             return $('#txtOOMLanguage').val();
  146.     }
  147.  
  148.     function get4326CenterPoint(){
  149.         let projI = new OL.Projection("EPSG:900913");
  150.         let projE = new OL.Projection("EPSG:4326");
  151.         let center_lonlat = (new OL.LonLat(W.map.center.lon, W.map.center.lat)).transform(projI,projE);
  152.         let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  153.         let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  154.         return new OL.LonLat(lon, lat);
  155.     }
  156.  
  157.     function LoadMapButtons()
  158.     {
  159.         $('#OOMMiDrive').remove();
  160.         if(settings.MiDrive)
  161.         {
  162.             let $section = $("<div>", {style:"padding:8px 16px"});
  163.             $section.html([
  164.                 '<span id="OOMMiDrive">',
  165.                 `<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;">`,
  166.                 '</span>'
  167.             ].join(' '));
  168.  
  169.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  170.  
  171.             $('#OOMMiDriveImg').click(function(){
  172.                 var topleft= (new OL.LonLat(W.map.getExtent().left,W.map.getExtent().top));
  173.                 var bottomright= (new OL.LonLat(W.map.getExtent().right,W.map.getExtent().bottom));
  174.                 var xmin = topleft.lon;
  175.                 var xmax = bottomright.lon;
  176.                 var ymin = bottomright.lat;
  177.                 var ymax = topleft.lat;
  178.  
  179.                 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');
  180.             });
  181.         }
  182.  
  183.         $('#OOMGMaps').remove();
  184.         if(settings.GMaps)
  185.         {
  186.             let $section = $("<div>", {style:"padding:8px 16px"});
  187.             $section.html([
  188.                 '<span id="OOMGMaps">',
  189.                 `<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;">`,
  190.                 '</span>'
  191.             ].join(' '));
  192.  
  193.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  194.  
  195.             $('#OOMGMapsImg').click(function(){
  196.                 let latlon = get4326CenterPoint();
  197.                 let lang = GetLanguage();
  198.  
  199.                 window.open('https://www.google.com/maps/@' + latlon.lat + ',' + latlon.lon + ',' + ( W.map.zoom + 12) + 'z' + (lang != "" ? "?hl=" + lang : ""), 'Google Maps');
  200.             });
  201.         }
  202.  
  203.  
  204.         //************** Mapillary *****************
  205.         $('#OOMMapillary').remove();
  206.         if(settings.Mapillary){
  207.             let $sectionMapillary = $("<div>", {style:"padding:8px 16px"});
  208.             $sectionMapillary.html([
  209.                 '<span id="OOMMapillary">',
  210.                 `<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;">`,
  211.                 '</span>'
  212.             ].join(' '));
  213.  
  214.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionMapillary.html());
  215.             $('#OOMMapillaryImg').click(function(){
  216.                 let latlon = get4326CenterPoint();
  217.  
  218.                 window.open(`https://www.mapillary.com/app/?lat=${latlon.lat}&lng=${latlon.lon}&z=${( W.map.zoom + 11)}`, 'Mapillary');
  219.             });
  220.         }
  221.  
  222.  
  223.         //****************** Terraserver *********************
  224.         $('#OOMTerraserver').remove();
  225.         if(settings.Terraserver){
  226.             var $sectionTerraserver = $("<div>", {style:"padding:8px 16px"});
  227.             $sectionTerraserver.html([
  228.                 '<span id="OOMTerraserver">',
  229.                 `<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;">`,
  230.                 '</span>'
  231.             ].join(' '));
  232.  
  233.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionTerraserver.html());
  234.             $('#OOMTerraserverImg').click(function(){
  235.                 var center_lonlat=OL.Layer.SphericalMercator.inverseMercator(W.map.getCenter().lon,W.map.getCenter().lat);
  236.                 window.open(`http://www.terraserver.com/view?utf8=✓&searchLng=${center_lonlat.lon}&searchLat=${center_lonlat.lat}`);
  237.             });
  238.         }
  239.  
  240.  
  241.         //********************* Wikimapia *********************
  242.         $('#OOMWikimapia').remove();
  243.         if(settings.Wikimapia){
  244.             let $sectionWikimapia = $("<div>", {style:"padding:8px 16px"});
  245.             $sectionWikimapia.html([
  246.                 '<span id="OOMWikimapia">',
  247.                 `<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;">`,
  248.                 '</span>'
  249.             ].join(' '));
  250.  
  251.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionWikimapia.html());
  252.             $('#OOMWikimapiaImg').click(function(){
  253.                 let latlon = get4326CenterPoint();
  254.                 let lang = GetLanguage();
  255.                 if(lang === "")
  256.                     lang = "en";
  257.                 window.open(`http://wikimapia.org/#${(lang !== "" ? "lang=" + lang : "")}&lat=${latlon.lat}&lon=${latlon.lon}&z=${( W.map.zoom + 12)}&m=b`);
  258.             });
  259.         }
  260.  
  261.         $('#OOMBing').remove();
  262.         if(settings.Bing)
  263.         {
  264.             let $sectionBing = $("<div>", {style:"padding:8px 16px"});
  265.             $sectionBing.html([
  266.                 '<span id="OOMBing">',
  267.                 `<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;">`,
  268.                 '</span>'
  269.             ].join(' '));
  270.  
  271.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionBing.html());
  272.  
  273.             $('#OOMBingImg').click(function(){
  274.                 let latlon = get4326CenterPoint();
  275.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  276.  
  277.                 window.open(`https://www.bing.com/maps?&cp=${latlon.lat}~${latlon.lon}&lvl=${( W.map.zoom + 12)}`);
  278.             });
  279.         }
  280.  
  281.         $('#OOMOSM').remove();
  282.         if(settings.OSM){
  283.             //https://www.openstreetmap.org/#map=16/39.5588/-84.2365
  284.             let $sectionOSM = $("<div>", {style:"padding:8px 16px"});
  285.             $sectionOSM.html([
  286.                 '<span id="OOMOSM">',
  287.                 `<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;">`,
  288.                 '</span>'
  289.             ].join(' '));
  290.  
  291.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionOSM.html());
  292.  
  293.             $('#OOMOSMImg').click(function(){
  294.                 let latlon = get4326CenterPoint();
  295.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  296.  
  297.                 window.open(`https://www.openstreetmap.org/#map=${(W.map.zoom + 12)}/${latlon.lat}/${latlon.lon}`);
  298.             });
  299.         }
  300.  
  301.         $('#OOMYandex').remove();
  302.         if(settings.Yandex){
  303.             //https://n.maps.yandex.ru/#!/?z=14&ll=46.019795%2C51.505120&l=nk%23sat
  304.             let $sectionYandex = $("<div>", {style:"padding:8px 16px"});
  305.             $sectionYandex.html([
  306.                 '<span id="OOMYandex">',
  307.                 `<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;">`,
  308.                 '</span>'
  309.             ].join(' '));
  310.  
  311.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionYandex.html());
  312.  
  313.             $('#OOMYandexImg').click(function(){
  314.                 let latlon = get4326CenterPoint();
  315.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  316.  
  317.                 window.open(`https://n.maps.yandex.ru/#!/?z=${(W.map.zoom + 12)}&ll=${latlon.lon}%2C${latlon.lat}&l=nk%23sat`);
  318.             });
  319.         }
  320.  
  321.         $('#OOMHere').remove();
  322.         if(settings.Here){
  323.             //https://wego.here.com/?map=39.56508,-84.26224,16,normal&x=ep
  324.             let $sectionHere = $("<div>", {style:"padding:8px 16px"});
  325.             $sectionHere.html([
  326.                 '<span id="OOMHere">',
  327.                 `<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;">`,
  328.                 '</span>'
  329.             ].join(' '));
  330.  
  331.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionHere.html());
  332.  
  333.             $('#OOMHereImg').click(function(){
  334.                 let latlon = get4326CenterPoint();
  335.  
  336.                 window.open(`https://wego.here.com/?map=${latlon.lat},${latlon.lon},${(W.map.zoom + 12)},satellite&x=ep`);
  337.             });
  338.         }
  339.  
  340.         $('#OOMNYFC').remove();
  341.         if(settings.NYFC){
  342.             let $sectionNYFC = $("<div>", {style:"padding:8px 16px"});
  343.             $sectionNYFC.html([
  344.                 '<span id="OOMNYFC">',
  345.                 `<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;">`,
  346.                 '</span>'
  347.             ].join(' '));
  348.  
  349.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNYFC.html());
  350.  
  351.             $('#OOMNYFCImg').click(function(){
  352.                 let e=W.map.getExtent();
  353.                 let geoNW=new OL.Geometry.Point(e.left,e.top);
  354.                 let geoSE=new OL.Geometry.Point(e.right,e.bottom);
  355.  
  356.                 Proj4js.defs["EPSG:26918"] = "+proj=utm +zone=18 +ellps=GRS80 +datum=NAD83 +units=m +no_defs";
  357.  
  358.                 let source = new Proj4js.Proj('EPSG:900913');
  359.                 let dest = new Proj4js.Proj('EPSG:26918');
  360.  
  361.                 geoNW = new Proj4js.Point(geoNW.x,geoNW.y);
  362.                 geoSE = new Proj4js.Point(geoSE.x,geoSE.y);
  363.  
  364.                 Proj4js.transform(source, dest, geoNW);
  365.                 Proj4js.transform(source, dest, geoSE);
  366.  
  367.                 let mapScale = 36111.909643;
  368.  
  369.                 switch (W.map.zoom) {
  370.                     case 0:
  371.                     case 1:
  372.                         mapScale = 72223.819286;
  373.                         break;
  374.                     case 2:
  375.                         mapScale = 36111.909643;
  376.                         break;
  377.                     case 3:
  378.                         mapScale = 18055.954822;
  379.                         break;
  380.                     default:
  381.                         mapScale = 9027.977411;
  382.                         break;
  383.                 }
  384.  
  385.                 let URL='http://gis3.dot.ny.gov/html5viewer/?viewer=FC&scale='+mapScale+'&extent='+geoNW.x+'%2C'+geoNW.y+'%2C'+geoSE.x+'%2C'+geoSE.y;
  386.                 window.open(URL,"_blank");
  387.             });
  388.         }
  389.  
  390.         $('#OOMrosreestr').remove();
  391.         if(settings.rosreestr){
  392.             let $sectionRosreestr = $("<div>", {style:"padding:8px 16px"});
  393.             $sectionRosreestr.html([
  394.                 '<span id="OOMrosreestr">',
  395.                 `<img src="${rosreestrIcon}" alt="Rosreestr" width="18" height="18" id="OOMrosreestrImg" title="Open in Rosreestr" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  396.                 '</span>'
  397.             ].join(' '));
  398.  
  399.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionRosreestr.html());
  400.  
  401.             $('#OOMrosreestrImg').click(function(){
  402.                 window.open(`http://pkk5.rosreestr.ru/#x=${W.map.center.lon}&y=${W.map.center.lat}&z=${(W.map.zoom + 12)}`);
  403.             });
  404.         }
  405.  
  406.         $('#OOMPA511').remove();
  407.         if(settings.PA511){
  408.             let $sectionPA511 = $("<div>", {style:"padding:8px 16px"});
  409.             $sectionPA511.html([
  410.                 '<span id="OOMPA511">',
  411.                 `<img src="${PA511Icon}" alt="511PA" width="18" height="18" id="OOMPA511Img" title="Open in 511PA" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  412.                 '</span>'
  413.             ].join(' '));
  414.  
  415.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionPA511.html());
  416.  
  417.             $('#OOMPA511Img').click(function(){
  418.                 let latlon = get4326CenterPoint();
  419.                 window.open(`http://www.511pa.com/Traffic.aspx?${latlon.lat},${latlon.lon},${(W.map.zoom + 12)}z`);
  420.             });
  421.         }
  422.  
  423.         $('#OOMMiss511').remove();
  424.         if(settings.Miss511)
  425.         {
  426.             let $section = $("<div>", {style:"padding:8px 16px"});
  427.             $section.html([
  428.                 '<span id="OOMMiss511">',
  429.                 `<img src="${Miss511Icon}" alt="Google Maps" width="18" height="18" id="OOMMiss511Img" title="Open in Mississippi 511" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  430.                 '</span>'
  431.             ].join(' '));
  432.  
  433.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  434.  
  435.             $('#OOMMiss511Img').click(function(){
  436.                 let latlon = get4326CenterPoint();
  437.                 let lang = GetLanguage();
  438.  
  439.                 window.open(`https://www.mdottraffic.com/default.aspx?lat=${latlon.lat}&lon=${latlon.lon}&zoom=${(W.map.zoom + 12)}`, 'Mississippi 511');
  440.             });
  441.         }
  442.  
  443.         $('#OOMLAFC').remove();
  444.         if(settings.LAFC){
  445.             let $sectionLAFC = $("<div>");
  446.             $sectionLAFC.html([
  447.                 '<span id="OOMLAFC">',
  448.                 `<img src="${LAFCIcon}" alt="LAFC" width="18" height="18" id="OOMLAFCImg" title="Open in Louisiana FC Map" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  449.                 '</span>'
  450.             ].join(' '));
  451.  
  452.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionLAFC.html());
  453.             $('#OOMLAFCImg').click(function(){
  454.                 let latlon = get4326CenterPoint();
  455.                 window.open(`http://www.arcgis.com/home/webmap/viewer.html?webmap=8a893b672da94be793b83b4581ca877d&center=${latlon.lon},${latlon.lat}&level=${(W.map.zoom + 12)}`);
  456.             });
  457.         }
  458.  
  459.         /*$('#OOMNJ511').remove();
  460.         if(settings.NJ511){
  461.             let $sectionNJ511 = $("<div>");
  462.             $sectionNJ511.html([
  463.                 '<span id="OOMNJ511">',
  464.                 `<img src="${LAFCIcon}" alt="LAFC" width="18" height="18" id="OOMNJ511Img" title="Open in New Jersey 511 Map" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  465.                 '</span>'
  466.             ].join(' '));
  467.  
  468.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNJ511.html());
  469.             $('#OOMNJ511Img').click(function(){
  470.                 let latlon = get4326CenterPoint();
  471.                 window.open(`http://www.511nj.org/trafficmap.aspx?X=${latlon.lat}&Y=${latlon.lon}&zoom=${(W.map.zoom + 12)}`);
  472.             });
  473.         }*/
  474.  
  475.         $('#OOMNM511').remove();
  476.         if(settings.NM511){
  477.             let $sectionNM511 = $("<div>");
  478.             $sectionNM511.html([
  479.                 '<span id="OOMNM511">',
  480.                 `<img src="${NM511Icon}" alt="New Mexico 511" width="18" height="18" id="OOMNM511Img" title="Open in New Mexico 511 Map" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  481.                 '</span>'
  482.             ].join(' '));
  483.  
  484.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNM511.html());
  485.             $('#OOMNM511Img').click(function(){
  486.                 let latlon = W.map.center;
  487.  
  488.                 //http://nmroads.com/mapIndex.html?
  489.                 window.open(`http://nmroads.com/mapIndex.html?X=${latlon.lon}&Y=${latlon.lat}&zoom=${(W.map.zoom + 12)}`);
  490.             });
  491.         }
  492.     }
  493.  
  494.     function loadSettings() {
  495.         var loadedSettings = $.parseJSON(localStorage.getItem("OOM_Settings"));
  496.         var defaultSettings = {
  497.             GMaps: true,
  498.             Mapillary: true,
  499.             Terraserver: true,
  500.             Wikimapia: false,
  501.             Bing: false,
  502.             OSM: false,
  503.             LangSetting: 1,
  504.             CustLang: "",
  505.             Yandex: false,
  506.             Here: false,
  507.             MiDrive: false,
  508.             NYFC: false,
  509.             rosreestr: false,
  510.             PA511: false,
  511.             Miss511: false,
  512.             LAFC: false,
  513.             NM511: false
  514.             //NJ511: false
  515.         };
  516.         settings = loadedSettings ? loadedSettings : defaultSettings;
  517.         for (var prop in defaultSettings) {
  518.             if (!settings.hasOwnProperty(prop))
  519.                 settings[prop] = defaultSettings[prop];
  520.         }
  521.     }
  522.  
  523.     function saveSettings() {
  524.         if (localStorage) {
  525.             var localsettings = {
  526.                 GMaps: settings.GMaps,
  527.                 Mapillary: settings.Mapillary,
  528.                 Terraserver: settings.Terraserver,
  529.                 Wikimapia: settings.Wikimapia,
  530.                 Bing: settings.Bing,
  531.                 OSM: settings.OSM,
  532.                 LangSetting: settings.LangSetting,
  533.                 CustLang: settings.CustLang,
  534.                 Yandex: settings.Yandex,
  535.                 Here: settings.Here,
  536.                 MiDrive: settings.MiDrive,
  537.                 NYFC: settings.NYFC,
  538.                 rosreestr: settings.rosreestr,
  539.                 PA511: settings.PA511,
  540.                 Miss511: settings.Miss511,
  541.                 LAFC: settings.LAFC,
  542.                 NM511: settings.NM511
  543.                 //NJ511: settings.NJ511
  544.             };
  545.  
  546.             localStorage.setItem("OOM_Settings", JSON.stringify(localsettings));
  547.         }
  548.     }
  549.  
  550.     function isChecked(checkboxId) {
  551.         return $('#' + checkboxId).is(':checked');
  552.     }
  553.  
  554.     function setChecked(checkboxId, checked) {
  555.         $('#' + checkboxId).prop('checked', checked);
  556.     }
  557.  
  558.     function bootstrapGeneral(initdelegate, tries = 1){
  559.         if(document.readyState !== 'complete' )
  560.             setTimeout(function() {bootstrapGeneral(initdelegate, tries++);}, 200);
  561.         else
  562.             initdelegate();
  563.     }
  564.  
  565.     let is511PAloaded = false;
  566.     function bootstrap511PA(tries = 1){
  567.         if(iFrameVar.map){
  568.             iFrameVar.map.addListener('tilesloaded', function() {
  569.                 //http://www.511pa.com/Traffic.aspx?40.85,-77.6,12z
  570.                 if(!is511PAloaded){
  571.                     if(location.search.indexOf("?") > -1){
  572.                         let params = location.search.split("?")[1].slice(0,-1);
  573.                         iFrameVar.recenterMap(params);
  574.                     }
  575.                     is511PAloaded = true;
  576.                 }
  577.             });
  578.         }
  579.         else{
  580.             setTimeout(function(){bootstrap511PA(tries +=1);}, 100);
  581.         }
  582.  
  583.         $(document).ready(function(){
  584.             init511PA();
  585.         });
  586.     }
  587.  
  588.     function bootstrapNM511(tries = 1){
  589.         if(map && map.extent && map.loaded){
  590.             initNM511();
  591.         }
  592.         else{
  593.             setTimeout(function() {bootstrapNM511(tries++);}, 100);
  594.         }
  595.     }
  596.  
  597.     function bootstrap(tries = 1) {
  598.         if(location.href.indexOf("google.com/maps") > -1)
  599.             bootstrapGeneral(initGoogleMaps, 1);
  600.         else if(location.href.indexOf("wv511.org") > -1)
  601.             bootstrapGeneral(initWV511, 1);
  602.         else if(location.href.indexOf("511virginia.org") > -1)
  603.             bootstrapGeneral(init511virginia, 1);
  604.         else if(location.href.indexOf("mdotnetpublic.state.mi.us") > -1)
  605.             bootstrapGeneral(initmiDrive, 1);
  606.         else if(location.href.indexOf("http://pkk5.rosreestr.ru") > -1)
  607.             bootstrapRosreestr(1);
  608.         else if(location.href.indexOf("http://www.511pa.com/Traffic") > -1)
  609.             bootstrap511PA(1);//bootstrapGeneral(init511PA, 1);
  610.         else if(location.href.indexOf("http://newengland511.org") > -1)
  611.             bootstrapGeneral(initNE511, 1);
  612.         else if(location.href.indexOf("https://www.mdottraffic.com") > -1){
  613.             if(document.getElementById("map-container") != null)
  614.                 initMississipie511();
  615.             else if(tries < 1000)
  616.                 setTimeout(function () {bootstrap(tries++);}, 200);
  617.         }
  618.         else if(location.href.indexOf("http://nmroads.com/mapIndex.html") > -1){
  619.             bootstrapNM511(1);
  620.         }
  621.         /*else if(location.href.indexOf("http://www.511nj.org/trafficmap") > -1){
  622.             bootstrapGeneral(initNJ511, 1);
  623.         }*/
  624.         else{
  625.             if (W &&
  626.                 W.map &&
  627.                 W.model &&
  628.                 $ && WazeWrap.Ready) {
  629.                 initInterface();
  630.             } else if (tries < 1000) {
  631.                 setTimeout(function () {bootstrap(tries++);}, 200);
  632.             }
  633.         }
  634.     }
  635.  
  636.     function RosreestrToWaze(){
  637.         let lon, lat, zoom;
  638.         let curURL = location.href.match(/x=(\d*.\d*)&y=(\d*.\d*)&z=(\d+)/);
  639.         lon = curURL[1];
  640.         lat = curURL[2];
  641.         zoom = parseInt(curURL[3]);
  642.  
  643.         let source = new Proj4js.Proj('EPSG:900913');
  644.  
  645.         var point = new Proj4js.Point(parseFloat(lon), parseFloat(lat));
  646.         Proj4js.transform(source, Proj4js.WGS84, point);
  647.         return `https://www.waze.com/en-US/editor/?lon=${point.x}&lat=${point.y}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`;
  648.     }
  649.  
  650.     function initRosreestr(){
  651.         var observer = new MutationObserver(function(mutations) {
  652.             mutations.forEach(function(mutation) {
  653.                 if (mutation.type === "attributes" && mutation.target == document.getElementsByClassName("btn btn-default btn-tool-lg js-showList")[0]) insertWMELinkRosreestr();
  654.             });
  655.         });
  656.  
  657.         observer.observe(document.getElementById("sidebar-region"), { childList: true, subtree: true, attributes:true});
  658.  
  659.         insertWMELinkRosreestr();
  660.     }
  661.  
  662.     function insertWMELinkRosreestr(){
  663.         if(document.getElementById("OOMWazeButton") !== null)
  664.             document.getElementById("OOMWazeButton").remove();
  665.  
  666.         let $OOMWazeButton = document.createElement("div");
  667.  
  668.         $OOMWazeButton.innerHTML = '<button type="button" class="btn btn-default btn-tool-lg" data-toggle="tooltip" data-placement="right" title="" id="OOMWazeButton" style="background-image: url(https://imgur.com/NTLWfFz.png); background-repeat: no-repeat; background-position: center;"></button>'; //'<div id="OOMWazeButtonDiv" style="height:30px; width:34px; position: fixed; right:30px; top:75px; cursor: pointer; ></div>';
  669.         document.getElementsByClassName('btn-group-vertical js-appList')[0].appendChild($OOMWazeButton);
  670.  
  671.         document.getElementById("OOMWazeButton").addEventListener("click", function(){
  672.             window.open(RosreestrToWaze());
  673.         });
  674.     }
  675.  
  676.     function bootstrapRosreestr(tries=1){
  677.         if (document.getElementsByClassName('btn-group-vertical js-appList').length > 0) {
  678.             initRosreestr();
  679.         } else if (tries < 1000) {
  680.             setTimeout(function () {bootstrapRosreestr(tries++);}, 200);
  681.         }
  682.     }
  683.  
  684.     function initGoogleMaps(){
  685.         let $OOMWazeButton = document.createElement("div");
  686.         $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>';
  687.         let parent = document.getElementById("content-container");
  688.         parent.appendChild($OOMWazeButton);
  689.  
  690.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  691.             window.open(GMToWaze());
  692.         });
  693.  
  694.         document.getElementById('OOMWazeButtonDiv').addEventListener("mouseenter",function(e) {
  695.             document.addEventListener('keydown', copyPLHotkeyEvent);
  696.             document.getElementsByClassName('widget-scene-canvas')[0].addEventListener('keydown', copyPLHotkeyEvent);
  697.         });
  698.  
  699.         document.getElementById('OOMWazeButtonDiv').addEventListener('mouseleave', function() {
  700.             document.removeEventListener('keydown', copyPLHotkeyEvent);
  701.             document.getElementsByClassName('widget-scene-canvas')[0].removeEventListener('keydown', copyPLHotkeyEvent);
  702.         });
  703.     }
  704.  
  705.     let isMiss511Loaded = false;
  706.     function initMississipie511(){
  707.         map.addListener('tilesloaded', function() {
  708.             //https://www.mdottraffic.com/default.aspx?lat=32.36435&lon=-88.70366&zoom=15
  709.             if(!isMiss511Loaded){
  710.                 if(location.search.indexOf("?") > -1 && location.search.indexOf("loadAlertid") === -1){
  711.                     let params = location.search.match(/lat=(-?\d*.\d*)&lon=(-?\d*.\d*)&zoom=(\d+)/);
  712.                     map.setCenter({lat: parseFloat(params[1]), lng: parseFloat(params[2])});
  713.                     map.setZoom(parseInt(params[3]));
  714.                 }
  715.                 isMiss511Loaded = true;
  716.             }
  717.         });
  718.  
  719.         let $OOMWazeButton = document.createElement("div");
  720.         $OOMWazeButton.innerHTML = '<div id="OOMWazeButtonDiv" style="height:30px; width:34px; position: fixed; right:40px; top:83px; cursor: pointer; background-image: url(https://imgur.com/NTLWfFz.png); background-repeat: no-repeat;" title="Open in WME"></div>';
  721.         //let parent = document.getElementById("content-container");
  722.         document.getElementById("map-container").appendChild($OOMWazeButton);
  723.  
  724.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  725.             let center = map.getCenter();
  726.             window.open(`https://www.waze.com/en-US/editor/?lon=${center.lng()}&lat=${center.lat()}&zoom=${(Math.max(0,Math.min(10,(map.getZoom() - 12))))}`);
  727.         });
  728.     }
  729.  
  730. /*    function initNJ511(){
  731.         $(document).ready(function() {
  732.                 if(location.search.indexOf("?") > -1){
  733.                     let params = location.search.match(/X=(-?\d*.\d*)&Y=(-?\d*.\d*)&zoom=(\d+)/);
  734.                     $("#EvetnsMap").attr('src', `http://icx1-map21x.lan.511nj.org/mapwidget/mapwidget.aspx?FullScreen=false&fss=0&njlegend=1&search=0&X=${parseFloat(params[1])}Y=${parseFloat(params[2])}&zoom=${parseFloat(params[3])}&maplegend=2&Weather=1&Congestion=1&Construction=1&Incident=1&Detour=1&SpecialEvents=1&AirportParking=0&height=100&width=100&ispercent=1&WinkCamera=2&zoom=14&refershcamera=1&refershevent=1&refershspeed=1`);
  735.                 }
  736.         });
  737.     }*/
  738.  
  739.     function insertWMELinkNM511(){
  740.         if(document.getElementById("OOMWazeButton") !== null)
  741.             document.getElementById("OOMWazeButton").remove();
  742.  
  743.         let $OOMWazeButton = document.createElement("li");
  744.  
  745.         $OOMWazeButton.innerHTML = '<span id="OOMWazeButton" style="background-image: url(https://imgur.com/NTLWfFz.png;"></span>';
  746.         document.getElementsByClassName('mapSettingsList')[0].appendChild($OOMWazeButton);
  747.  
  748.         document.getElementById("OOMWazeButton").addEventListener("click", function(){
  749.             let source = new Proj4js.Proj('EPSG:900913');
  750.             let center = map.extent.getCenter();
  751.             var point = new Proj4js.Point(parseFloat(center.x), parseFloat(center.y));
  752.             Proj4js.transform(source, Proj4js.WGS84, point);
  753.             window.open(`https://www.waze.com/en-US/editor/?lon=${point.x}&lat=${point.y}&zoom=${(Math.max(0,Math.min(10,(map.getZoom() - 12))))}`);
  754.         });
  755.     }
  756.  
  757.     function initNM511(){
  758.         if(location.search.indexOf("?") > -1){
  759.             let params = location.search.match(/X=(-?\d*.\d*)&Y=(-?\d*.\d*)&zoom=(\d+)/);
  760.             setTimeout(function(){
  761.                 try{
  762.                     map.centerAt({x:parseFloat(params[1]), y:parseFloat(params[2])});
  763.                     setTimeout(function(){map.setLevel(parseInt(params[3]));}, 500);
  764.                 }
  765.                 catch(err) {
  766.                     console.log(err);
  767.                 }
  768.             }, 1000);
  769.         }
  770.  
  771.         var observer = new MutationObserver(function(mutations) {
  772.             mutations.forEach(function(mutation) {
  773.                 if (mutation.type === "attributes" && mutation.target == document.getElementsByClassName("mapSettingsList")[0]) insertWMELinkNM511();
  774.             });
  775.         });
  776.  
  777.         observer.observe(document.getElementsByClassName('mapSettings')[0], { childList: true, subtree: true, attributes:true});
  778.  
  779.         insertWMELinkNM511();
  780.     }
  781.  
  782.     var copyToClipboard = function(str) {
  783.         var temp = document.createElement("input");
  784.         document.body.append(temp);
  785.         temp.value = str;
  786.         temp.select();
  787.         document.execCommand('copy');
  788.         document.body.removeChild(temp);
  789.     };
  790.  
  791.     var copyPLHotkeyEvent = function(e) {
  792.         if ((e.metaKey || e.ctrlKey) && (e.which === 67))
  793.             copyToClipboard(GMToWaze());
  794.     };
  795.  
  796.     function GMToWaze(){
  797.         let lon, lat, zoom;
  798.         let curURL = location.href.split('@').pop().split(',');
  799.         lon = curURL[1];
  800.         lat = curURL[0];
  801.         zoom = parseInt(curURL[2]);
  802.         return `https://www.waze.com/en-US/editor/?lon=${lon}&lat=${lat}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`;
  803.     }
  804.  
  805.     function init511PA(){
  806.         $('#OOMWazeButtonDiv').remove();
  807.         let $wazer = $("<div>", {style:"padding:8px 16px"});
  808.         $wazer.html([
  809.             '<li>',
  810.             '<div id="OOMWazeButtonDiv" style="height:30px; width:34px;  cursor: pointer; background-image: url(https://imgur.com/NTLWfFz.png); background-repeat: no-repeat;" title="Open in WME"></div>',
  811.             '</li>'
  812.         ].join(' '));
  813.  
  814.         $('#optMain').append($wazer.html());
  815.  
  816.         $('#OOMWazeButtonDiv').click(function(){
  817.             let lon, lat, zoom;
  818.             let latlon = iFrameVar.getCenterOfMap().split(',');
  819.             lon = latlon[1];
  820.             lat = latlon[0];
  821.             zoom = iFrameVar.zoom;
  822.             window.open(`https://www.waze.com/en-US/editor/?lon=${lon}&lat=${lat}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`);
  823.         });
  824.     }
  825.  
  826.     function init511virginia(){
  827.         $('#incident_table_paginate > a').click(insertWazeLinks511Virginia);
  828.         insertWazeLinks511Virginia();
  829.     }
  830.  
  831.     function insertWazeLinks511Virginia(){
  832.         $('#incident_table > tbody > tr > td > a').parent().append(function(){
  833.             if($(this).find("a").length === 1){
  834.                 let latlons = $(this).find("a")[0].href.match(/lon1=(.*)&lat1=(.*)&lon2=(.*)&lat2=(.*)/);
  835.  
  836.                 let lonCenter = Math.min(latlons[1],latlons[3]) + (Math.abs(latlons[1] - latlons[3])/2);
  837.                 let latCenter = Math.min(latlons[2], latlons[4]) + (Math.abs(latlons[2] - latlons[4])/2);
  838.                 return ` <a href='https://www.waze.com/editor/?env=usa&lon=${lonCenter}&lat=${latCenter}&zoom=4' target='_blank'>Open in WME</a>`;
  839.             }
  840.             return "";
  841.         });
  842.     }
  843.  
  844.     function initNE511(){
  845.         var observer = new MutationObserver(function(mutations) {
  846.                mutations.forEach(function(mutation) {
  847.                    if ($(mutation.target)[0] == $('.ol-overlay-container.ol-selectable')[0] && $(mutation.target).css('display') == "block") {
  848.                        insertWMELinkNE511();
  849.                    }
  850.                });
  851.            });
  852.  
  853.         observer.observe($('.ol-overlay-container.ol-selectable').parent()[0], { childList: true, subtree: true, attributes:true});
  854.     }
  855.  
  856.     function insertWMELinkNE511(){
  857.         //http://newengland511.org/
  858.         let selectedIncident = $('.popover-content > [data-ng-bind="item.Description"]')[0];
  859.         let incidentDesc = selectedIncident.innerHTML;
  860.         let incidents = Leidos.Traffic.Data.events.find(function(e){ return e.Description == incidentDesc;});
  861.  
  862.         $(selectedIncident).append(`<br><a href='https://www.waze.com/en-US/editor/?env=usa&lon=${incidents.StartLongitude}&lat=${incidents.StartLatitude}&zoom=6' target="_blank">Open in WME</a>`);
  863.     }
  864.  
  865.     function initmiDrive(){
  866.         //g$('#dialog')
  867.         var observer = new MutationObserver(function(mutations) {
  868.                mutations.forEach(function(mutation) {
  869.                    if (g$(mutation.target).is("#dialog")) insertWMELinkMiDrive(mutation.target);
  870.                });
  871.            });
  872.  
  873.         observer.observe(g$('#dialog').parent()[0], { childList: true, subtree: true });
  874.     }
  875.  
  876.     function insertWMELinkMiDrive(changedDiv){
  877.         for(let i=0; i<incidents.graphics.length; i++){
  878.             if(incidents.graphics[i].attributes.Message.replace("<br/>", "<br>").indexOf(g$(changedDiv).html().replace("<br/>", "<br>").replace("&amp;", "&")) > -1 && g$(changedDiv).html().indexOf("Open in WME") === -1){
  879.                 g$(changedDiv).append(`<br><a href='https://www.waze.com/en-US/editor/?env=usa&lon=${incidents.graphics[i].attributes.XCoord}&lat=${incidents.graphics[i].attributes.YCoord}&zoom=6' target="_blank">Open in WME</a>`);
  880.                 break;
  881.             }
  882.         }
  883.     }
  884.  
  885.     function initWV511(){
  886.         if(document.getElementById("OOMWazeButtonDiv") !== null)
  887.             document.getElementById("OOMWazeButtonDiv").remove();
  888.  
  889.         let $OOMWazeButton = document.createElement("div");
  890.         $OOMWazeButton.setAttribute("id", "OOMWazeButtonDiv");
  891.         $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;");
  892.         $OOMWazeButton.setAttribute("title", "Open in WME");
  893.         document.body.appendChild($OOMWazeButton);
  894.  
  895.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  896.             let lon1, lon2, lonCenter, lat1, lat2, latCenter;
  897.             let latlon = location.href.split(":");
  898.             lon1 = latlon[2];
  899.             lat1 = latlon[3];
  900.             lon2 = latlon[4];
  901.             lat2 = latlon[5];
  902.  
  903.             lonCenter = Math.min(lon1,lon2) + (Math.abs(lon1 - lon2)/2);
  904.             latCenter = Math.min(lat1, lat2) + (Math.abs(lat1 - lat2)/2);
  905.             window.open(`https://www.waze.com/en-US/editor/?lon=${lonCenter}&lat=${latCenter}&zoom=5`);
  906.         });
  907.     }
  908.  
  909.     bootstrap();
  910. })();