☰

WME Open Other Maps

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

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

  1. // ==UserScript==
  2. // @name         WME Open Other Maps
  3. // @namespace    https://greasyfork.org/users/30701-justins83-waze
  4. // @version      2018.06.23.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. // @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. // @include      https://gis.transportation.wv.gov/measures*
  21. // @include      https://www.mapwv.gov/flood/map*
  22. // @exclude      https://www.waze.com/*/user/editor*
  23. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  24. // @require      https://greasyfork.org/scripts/13097-proj4js/code/Proj4js.js
  25. // @grant        none
  26. // ==/UserScript==
  27.  
  28. (function() {
  29.     'use strict';
  30.     //var jqUI_CssSrc = GM_getResourceText("jqUI_CSS");
  31.     //GM_addStyle(jqUI_CssSrc);
  32.  
  33.     var settings = {};
  34.     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==";
  35.     var mapillaryIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAatJREFUOE+tlFtLAkEUx/er9CEyA+sbRM9BH8EuWhL0oC8h9B7dFAIXoqe8RGgP9RDkipoSZkJpeQk1N8swldW108ywa3uZLKKFH7sz/3P+c2Z2Zhj8GPzmEYN3jh31mkvoLSDgBwQplsW5XyaHZl4T+HtwLjZDDVYnSiyGt8CdCVE1DSwjlUgTIViMQafXhekTB1WXwR64IuqaTASs0BQ60O9/wHEhqtM1CNiIJoCNcxGTJJ8DUezD7Nk6NU5GZ2RCldgiLsi8FCHXKIPJb4HHJg/h6o0qTsvACC9ssBBD02mTSrLIZCXiJtpqdA8SfBbGfQuqZCUDI1cmCO2uQEyunu9JZcpAe8wD5+UUjCn6lKimNhWyQyDPQU8UofxeBwdKljVLeJsMIlephbrYM6dOMnqqngdH3ANWbof0x2u38PBWpU6RaiSDE7AhruSydgcXlTT5diYPdLFDjWSWuV30ByvEBPPUasBkYEkVg41+c0hJdWuJfai2XonZZvpIqQtDjwgNvOM3rv1QQnvLKK2VfES+PbTDMPrmlW32/66RwZ2EXKVp/uFiY5hPR2AhGcMUotsAAAAASUVORK5CYII=";
  36.     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";
  37.     var wikimapiaIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAACeklEQVQ4T5VUTWgTQRRebf2v9Te0m5nNJjuzaRuxl4LoQUMPCnoRKcWjUD14K+LFm+LFS6ngD57Eo6AXEdGDQsSDilQP2oOK6EHSmN2djaFYawrZfm+yYlpCbB88mJ33vW++997sGM0WDQ2tUzyzN2DynOJOwWeiGnL5OA6vzD5LuUFxcSVgohhwWQfZHL5fY30xhvzf6pxvUklxHyQ1xcQfkNzw2IAbSNkd2fbGGNbeYiWT8FrAxdfAkkciw1gbOs62kGUHg153IIa2txJ394HAC5gzD5LDRFJhYhj9eQplPxSTD2Joe1OWe5l6goTrROJx9xDKm1FcRuQgexJD2xuAb6mxZUuKes/gFqh7pIlXTyTmAZ6inlSZ4+L7y1+SVRHpBCae+7v6tipL7EHTvzcTIaagsNDsZStNA1kTsMxIY885QYpCnPrpZyq1Y6Y3bWP9YQnRMkd8zmPOURIRWnJC7yezJw3dEyYXAhMT0zdbXMXewnKCfy6mvFS/GeXznRjQRyierfT0pUEkx+BRyMUrmlrRzO4G+EUrEhz4m66GLivpnkIepi0elhO5LqOUymZQ3nsNZuJS0TQ3R7nc+pDJCwC+RPI0FL7Dvbrt29l+kHRgPYw9HwfOhpY4TsQGqQB4xGdOlQKKOdcC7jJ96k7ZTWtSeQ8E0ehoBzBncOA3UgMBN0u4MnpqZAUj30nMANCPWvOTooxbPhFa7kH8g1bjRXDGEX9DzW6UKe6WE4mumGKpAbQfgGeQ7en6m/rTcPFLt8GSZ6dRfpzW2iq2vR0qDoDoNBInMZk7IL6F9XmUfSw0nZTuyUqNelfHy0BPDD0lVH4camGGsQj+znJFw2F9rQAAAABJRU5ErkJggg==";
  38.     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";
  39.     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=";
  40.     var yandexIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABa0lEQVQ4T62TPc8BQRSF/SdfER8FFZH4ASoSnYpCIkGCjoRGpaHS04iWUqHS+0hQoxPHnR12dnauxvtu8uTOPfecm9lN1gPgX2HFv8CKGpsNMJkAg4Gs6zXJjO8NK1qcz0CzCaTTQCQC+P2yJpNS5zIEK1rUakAgAHi9JkLvdMhm5gzBYrmUtxFhcbNMBshmZQ0GpR6LwfK5slpjUyqp24jX2++BxwM4HIB2W82Ez5XVGptEQoUuF5Icz+mkZsLnymqNTTSqQvc7SY7ndlMzgSurNTaFggqMx3LJ8wlcr8BopGa5HNn1rNbYzGZAKCRDolYqQLcLlMtAOKwWDodk17Nao1EsqiCH+H7bLVn1nNYY5POAz8cvbLXIYmYMwWCxAOp1IJVSy+JxYLWisek3hK/0empho0ES4yFYkeWzUPxBxyNJjIdgRZbPwumUWmb+hhVZ+n2gWqUjM3PAiizzObDb0ZGZOWDF34HnBbQcm5EIFazJAAAAAElFTkSuQmCC";
  41.     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==";
  42.     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=";
  43.     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=";
  44.     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";
  45.     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";
  46.     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==";
  47.     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=";
  48.     //var NJ511Icon = "";
  49.     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==";
  50.     var WVFloodIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAACvElEQVQ4T42T3W/SUBTA+88oDCjQUr636OY+oGtH+Sg4YLBNmPsQaEtpESWbiQ/G/8DsxT27aNziXLI5xxKzrYx9RxPjHoxPJkYTE2OicvEy0Omi0eT3dHN+59xz7rmI1sXp3LyW5LXujM6VQd0cSnL6XkFP1THQ2QZGWsRo4SdNDe3lUZJHXRm9mzOQvIEWrX6pLSzjXtlURyL8sonJmb0ShGByiI7k6g5M6cnhjGRiZMKbt7Ly3Ky8W+I7orIjlC/enpq8VRCmblgY0XIsIzAaa6ZsYgvKCw8EsGMFW9jB6khgNPflRT/YsR2uTZjotMUrQhDoNGjcxxHMP5nnwLYFKCpItWJ4Xer7WiFqivpwOWZwjRB+iQjkm1q9jg86culRurptrimqmnK2yaa6jqI+WB7QdV8ifDlzQG5oEuzKGcw9e5wC22ZY5MQ5QX2wFNG0x7E+3sSICErxeoq3s+L64jiowDqnon+wqXq7TncGhzCKM1I8Ah1nUCwvjVYrpuOIP5aC2llQ1r/ZiFODPEbzCO4RpmduvlM8f7nbb3za6rw3W3R4U4gBbgOZXrk/DMr/1FSvnobOOFm0O4kYaNgbt/pwBJThuE7FnUJ1tBZWn49gvRNQg4vHl+YuV5X/0SIt7VGcSiPGPhHz5ErzY0BpgeP6dSSgTuOkgRpqmo4BjE4h0IGPtrJY/LgbAHvnQFlXd8oasGP/vEdV97trW3jDARX8aGNc2zVI+HioiTgjtrE84YolM8nNheS3lwPPV4eLkwk7GWFiQzPTo+/3Yh/243fvJMlQVN+TIHwCQvgkSyBvYSWzTzB7OZwaM3bF0M640Z0gPFesfp7wpIyuYbQjrLkQRXsSJk/a7BcQW7BgZfO2YN4eKthDV+E3sbEixBmSW/uvtYavt4YLjouy1Z+1BrIWVjQHsoRf+A79jNM0D/QKqgAAAABJRU5ErkJggg==";
  51.     var GMDMIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAINSURBVDhPnZPfS1NhGMcf6A8QgpIVpczN82vKCCyoLvpxWdRutMn5uTGhvJEoiIl0kxeDLOqiKBqSsKCrrIyCJhGlIl14IavAMFs4IU3BmIUz9+054w3GcKF94L047/t8v+f7Puc5VBVZ95Bih0ixukhxoiQ7+8TJJtCcTvLpX8lrgBrcZYJ2t6+SbKZI7vCIqipoVjf5LHiOX8SlW4MYHn+P/icjOBS7CpKjIMmaoGZjp6iuQLWDVNe+5j8Rx0xuHuX8LhYRS6RAfhukmNeFogLF6CPJwY1HI3g9vYJnk9+R/rCIpZVCySRfKMB/qgdU3zZHgXCtUJXREE5vP3oBw5lZJMe+4Vo6i97nMxiaXCgZ/FoDTncnQXtD66TpLUJVhi/8quZwF95+nMXSz3VkcnlcfjqNHl73x+fwYuoHQvF7oLpqBrJ50+347cE3pTe6vPuyjP6xHB5OLCC7mId0Ms4JwvMkRXcJVRmqtZ/8erH2yHmMZj4Li78UEe0dAPm4iaqVFIoN0OyE2+mag504m3iAgaFR9KVeosW4wmKeh0b7E8/JHlG9Aa2t29jkMckRvmsbd/yM23WQVwfvL/OXOiAq/0EwsoM0c4qaYm5cFjqgAA+RauuiYhOozjFq1AsU4CTNHWxi3BEnW0Ax71LwnJsgW0q1ZSS7nqOv8jXiYuc/0Ph3bop4xVMFRH8AgigQaceEwpQAAAAASUVORK5CYII=";
  52.     var PennDOTIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAQXRFWHREZXNjcmlwdGlvbgBjaHJvbWUKNi8xMy8yMDE4ICwgOTowMTo1NCBBTQpPbmUgTWFwIC0gR29vZ2xlIENocm9tZYnkUN8AAANFSURBVDhPpZPfb5NVGMd74YXxTh3grf+CXbuhkHUrqXZZMWgEg8lUYFXSICPbiEw0c0F0vwoUN+THZlZr0ETmiIYpdOuK7WCsQFiHrLRAu7qBLf2xMsYce/14+p4u0Wsvnve85znP8/l+z/Pm1eRyOf5vaPKPIrODolcccq2wU7Sug6LKQzJXeZiV5oOsqmjlGdMhnjD1oCl3saryKJtsO+k/aZCQFTXf8Ow2JytrXDz51gmequ5mhdWl5p6zOnl6qwvN6yfRbPqZ599zUmPfjvuSjnj8Bb78caOEVHWMYLGPYG6/gP6TYUqbvFS2+7Ec8GNsuYa2aQLTvn7sfbsJ3TbAYz3hmBnrVy5e/HhAQtY7rqlhOnCVdW0BEZcpa5ukwh7F2v0r33tsxOJr1Oa5bCldZ/aztiXMtqPfEYwYJcTs+J2XHdfZcOQGrx6JYu76g3e6/biG6rj/52q1OR8TEQtbenxov0jSOdAsgCXwl05CNvfG2Nh7l6oTs9R8G6J3uI3pGWF7Uac2P8rq6R9txHIsw4bjdxm8ugUWxNnDYpjVSsiO04vs/GmBLs8PhO5UycN80SMdmeRaOgdPUX58idpTQW7G1ktnc6Imq1XrVEi7J8zoZB2P50pVe2qBiPi0hcPeMd7tU9h3dpTpeyYJyGklQIjlMmsk5H7SKJUfFMsQhzdjb9N6PsoHvyj0XPSSShmlwDJAiCgP9fRdOSYhy3dTAfM6AhEbzd4EDUMKzoCPdKpciuRrlkPsL4et1A48kJC/swWImMFYpJ4P3Wm2nlHoujgmAEY1/x+A2CcSRlq8IerOKhKylJVz8IXq2Ts0yw5xhc88EaIz5oKDwhDza66YpTk9rjEXtQLQNFyAKAJyJbKL+nM53hcO9rqTTESrVcW8gJLRqTVKRg58/I6NBvc8u9wKewYLkEB4D+3+NB95FOrOLTB8o1FVXEiXMJ9eLddUiepmNllG96Ugn3oVGsXM8m5UiH0kSfN5hf2+JU6PO0knysgkDKTuVYh3A+mkgVzyJRYzJbivd9IkAK1+8dl/+5eTz31iBiLxdSDI+K3tTMY2c2uqmujUm+KfeYOp+GvMTJsI3rZxUAjmmztG5DwaBOQfz4NsOxz77pAAAAAASUVORK5CYII=";
  53.     var BogotaIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAADAUlEQVQ4T7WTW0hTcRzHz/8w6CUKISiioIhKikCbzpk3VApvky6ardK2uU3nZc7NzbnUxGvO27zmLUPEa5luriP24AnqIXywAjOhHpTwpad6jfLb/xwHIpOe6gc/DvzP+X7O7/f9/37MPw+p2lMn07ob5LoXt8Oy55LC9V69XOful2o8qyHZnpUQjbtVluNVRufORUXkcZFheo86Mp9z+uQ7kWga5EubrZDrplDblYfGR3pUdRQiu6oeiUWDsDjtqHCZYGwoh1Qzg6wKJ2Q6z6pPvhOV7Ua+hgLiC4ZxufAJYgyjMDeW4V5Fo/i0NdlwxTiEtNIOFNRVimdKR48/6Jq1mxf+aKq3Yu2VBN9WDonJDbN4/YzFj7UD2PxwBMvz+zA+lYLWATUicqb9QeG6Sd7RakGJ04qwIIL0ZIK3syw0GQQPTARvplkkxRHcUhCMTSlQ121AqHaP1oJUbl6qeQ7Bp2oLQcBBBoGnGBgyCZSpBMHnGRzYz8CoJhidVIB+T0Fz/qCbdhd/v82MMlrVMsfiwlkG9HhXHj3MYGFku6I0W+feFVmbbXzH4yyUtxXj+woLrZJAItkNyrxOsLnEYnEhHEX09vLq6v1BqeYe0SOhNWywWFtkYcslOH2CwcnjDO5cJXhHK8UXVjT7IR2P2PxJf1CwapbPqa4WQVvdVNDJormcgPiqEQzfaqPZwoqttfRr6K3N+IMu6Sf4YPXsNqiHRVMCwbCNRVQoQbycYLySoC+Rgvq3QaHZ03ubbW8pESdbGMDf6xJ86qNVUXG9jaDZQQEqgo1xekbbFrwUJjvBNOIPynC0v3T26nC3vEn86OlYIj5yZ7A0J8H7eRbr3DFw7hg4Ws3i2ghmKyxDyz75TtAlTZfrJn419WnFFaGeIcPuQk1XvlilMDdCKsy96B1WIqW4/2eIxnPDJ98dsQavVKbzChv/+SL1S9gn14AKrkEVDLVVIijaMPGVzk9nXCF3zif7eyTbvQERBk5BRSOhWjcn13tyU8x8oO/1/wqG+QNiJs5Og1W2+gAAAABJRU5ErkJggg==";
  54.  
  55.     function initInterface(){
  56.         var $section = $("<div>");
  57.         $section.html([
  58.             '<div>',
  59.             "<p>The below maps are legal to use and do not violate Waze's external sources policy</p>",
  60.             `<div><input type="checkbox" id="chkMiDrive" class="OOMchk"><label for="chkMiDrive"><img src="${midriveIcon}" height="18" width="18">MiDrive</label></div>`,
  61.             `<div><input type="checkbox" id="chkNYFC" class="OOMchk"><img src="${NYFCIcon}" height="18" width="18">NY FC</div>`,
  62.             `<div><input type="checkbox" id="chkrosreestr" class="OOMchk"><label for="chkrosreestr"><img src="${rosreestrIcon}" height ="18" width="18">Rosreestr</label></div>`,
  63.             `<div><input type="checkbox" id="chkPA511" class="OOMchk"><label for="chkPA511"><img src="${PA511Icon}" height = 18 width="18">511PA</label></div>`,
  64.             `<div><input type="checkbox" id="chkMiss511" class="OOMchk"><label for="chkMiss511"><img src="${Miss511Icon}" height=18 width="18">Mississippi 511</label></div>`,
  65.             `<div><input type="checkbox" id="chkLAFC" class="OOMchk"><label for="chkLAFC"><img src="${LAFCIcon}" height="18" width="18">Louisiana FC</label></div>`,
  66.             //`<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
  67.             `<div><input type="checkbox" id="chkNM511" class="OOMchk"><label for="chkNM511"><img src="${NM511Icon}" height="18" width="18">New Mexico 511</label></div>`,
  68.             `<div><input type="checkbox" id="chkWVFlood" class="OOMchk"><label for="chkWVFlood"><img src="${WVFloodIcon}" height="18" width="18">WV Flood</label></div>`,
  69.             `<div><input type="checkbox" id="chkGMDM" class="OOMchk"><label for="chkGMDM"><img src="${GMDMIcon}" height="18" width="18">Gaia - Mexico</label></div>`,
  70.             `<div><input type="checkbox" id="chkPennDOT" class="OOMchk"><label for="chkPennDOT"><img src="${PennDOTIcon}" height="18" width="18">PennDOT One Map</label></div>`,
  71.             '</br>',
  72.             "<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>",
  73.             `<div><input type="checkbox" id="chkGMaps" class="OOMchk"><label for="chkGMaps"><img src="${gmapsIcon}" height="18" width="18">Google Maps</label></div>`,
  74.             `<div><input type="checkbox" id="chkMapillary" class="OOMchk"><label for="chkMapillary"><img src="${mapillaryIcon}" height="18" width="18">Mapillary</label></div>`,
  75.             `<div><input type="checkbox" id="chkTerraserver" class="OOMchk"><label for="chkTerraserver"><img src="${terraIcon}" height="18" width="18">Terraserver</label></div>`,
  76.             `<div><input type="checkbox" id="chkWikimapia" class="OOMchk"><label for="chkWikimapia"><img src="${wikimapiaIcon}" height="18" width="18">Wikimapia</label></div>`,
  77.             `<div><input type="checkbox" id="chkBing" class="OOMchk"><label for="chkBing"><img src="${bingIcon}" height="18" width="18">Bing Maps</label></div>`,
  78.             `<div><input type="checkbox" id="chkOSM" class="OOMchk"><label for="chkOSM"><img src="${osmIcon}" height="18" width ="18">Open Street Map</label></div>`,
  79.             `<div><input type="checkbox" id="chkYandex" class="OOMchk"><label for="chkYandex"><img src="${yandexIcon}" height="18" width ="18">Yandex</label></div>`,
  80.             `<div><input type="checkbox" id="chkHere" class="OOMchk"><label for="chkHere"><img src="${hereIcon}" height="18" width ="18">Here</label></div>`,
  81.             `<div><input type="checkbox" id="chkBogota" class="OOMchk"><label for="chkBogota"><img src="${BogotaIcon}" height="18" width ="18">Bogota</label></div>`,
  82.             '</br><div>',
  83.             '<fieldsetstyle="border: 1px solid silver; padding: 8px; border-radius: 4px;">',
  84.             '<legend style="margin-bottom:0px; border-bottom-style:none;width:auto;"><h4>Map Language (where applicable)</h4></legend>',
  85.             '<input type="radio" name="radOOMLanguage" id="radOOMNoLang">Do not set a language</br>',
  86.             '<input type="radio" name="radOOMLanguage" id="radOOMWMELang">Use WME language</br>',
  87.             '<input type="radio" name="radOOMLanguage" id="radOOMCustomLang">Custom language <input type="text" name="txtOOMLanguage" id="txtOOMLanguage" style="border: 1px solid #000000;" size="4"/>',
  88.             '</fieldset>',
  89.             '</div>',
  90.             '</div>'
  91.         ].join(' '));
  92.  
  93.         new WazeWrap.Interface.Tab('OOM', $section.html(), init);
  94.     }
  95.  
  96.     function getolControlAttributionDivRightValue(){
  97.         return parseInt($('.olControlAttribution').css("right").slice(0,-2));;
  98.     }
  99.  
  100.     function init(){
  101.         loadSettings();
  102.         setChecked('chkGMaps', settings.GMaps);
  103.         setChecked('chkMapillary', settings.Mapillary);
  104.         setChecked('chkTerraserver', settings.Terraserver);
  105.         setChecked('chkWikimapia', settings.Wikimapia);
  106.         setChecked('chkBing', settings.Bing);
  107.         setChecked('chkOSM', settings.OSM);
  108.         setChecked('chkYandex', settings.Yandex);
  109.         setChecked('chkHere', settings.Here);
  110.         setChecked('chkMiDrive', settings.MiDrive);
  111.         setChecked('chkNYFC', settings.NYFC);
  112.         setChecked('chkrosreestr', settings.rosreestr);
  113.         setChecked('chkPA511', settings.PA511);
  114.         setChecked('chkMiss511', settings.Miss511);
  115.         setChecked('chkLAFC', settings.LAFC);
  116.         setChecked('chkNM511', settings.NM511);
  117.         //setChecked('chkNJ511', settings.NJ511);
  118.         setChecked('chkWVFlood', settings.WVFlood);
  119.         setChecked('chkGMDM', settings.GMDM);
  120.         setChecked('chkBogota', settings.Bogota);
  121.  
  122.         if(settings.LangSetting == 0)
  123.             setChecked("radOOMNoLang", true);
  124.         else if(settings.LangSetting == 1)
  125.             setChecked("radOOMWMELang", true);
  126.         else
  127.             setChecked("radOOMCustomLang", true);
  128.  
  129.         $('#txtOOMLanguage')[0].value = settings.CustLang;
  130.  
  131.         let annoyingDivRight = getolControlAttributionDivRightValue();
  132.         $('.olControlAttribution').css("right", `${annoyingDivRight+100}px`);
  133.         annoyingDivRight = getolControlAttributionDivRightValue();
  134.         let checkedBoxes = $('.OOMchk:Checked');
  135.         let totalButtonsWidth = 0;
  136.         for(let i=0; i<checkedBoxes.length;i++){
  137.             totalButtonsWidth += parseInt($(`label[for='${$(checkedBoxes[i]).attr('id')}'] img`).css('width').slice(0,-2));
  138.         }
  139.         $('.olControlAttribution').css("right", `${annoyingDivRight+totalButtonsWidth}px`);
  140.  
  141.         LoadMapButtons();
  142.         $('.OOMchk').change(function() {
  143.              var settingName = $(this)[0].id.substr(3);
  144.             settings[settingName] = this.checked;
  145.             saveSettings();
  146.             LoadMapButtons();
  147.  
  148.             let btnWidth = parseInt($(`label[for='${$(this).attr('id')}'] img`).css('width').slice(0,-2));
  149.             if(this.checked){ //add button width
  150.                 let annoyingDivRight = getolControlAttributionDivRightValue();
  151.                 $('.olControlAttribution').css("right", `${annoyingDivRight+btnWidth}px`);
  152.             }
  153.             else{ //subtract button width
  154.                 let annoyingDivRight = getolControlAttributionDivRightValue();
  155.                 $('.olControlAttribution').css("right", `${annoyingDivRight-btnWidth}px`);
  156.             }
  157.         });
  158.         $("[id^='rad']").change(function() {
  159.             if(isChecked("radOOMNoLang"))
  160.                 settings.LangSetting = 0;
  161.             else if(isChecked("radOOMWMELang"))
  162.                 settings.LangSetting = 1;
  163.             else
  164.                 settings.LangSetting = 2;
  165.             saveSettings();
  166.         });
  167.         $('#txtOOMLanguage').focusout(function(){
  168.             settings.CustLang = $('#txtOOMLanguage').val();
  169.             saveSettings();
  170.         });
  171.     }
  172.  
  173.     function GetLanguage()
  174.     {
  175.         if(isChecked("radOOMNoLang"))
  176.             return "";
  177.         else if(isChecked("radOOMWMELang"))
  178.             return I18n.currentLocale().replace("en-US", "en");
  179.         else //Custom Language
  180.             return $('#txtOOMLanguage').val();
  181.     }
  182.  
  183.     function get4326CenterPoint(){
  184.         let projI = new OL.Projection("EPSG:900913");
  185.         let projE = new OL.Projection("EPSG:4326");
  186.         let center_lonlat = (new OL.LonLat(W.map.center.lon, W.map.center.lat)).transform(projI,projE);
  187.         let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  188.         let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  189.         return new OL.LonLat(lon, lat);
  190.     }
  191.  
  192.     function LoadMapButtons()
  193.     {
  194.         $('#OOMMiDrive').remove();
  195.         if(settings.MiDrive)
  196.         {
  197.             let $section = $("<div>", {style:"padding:8px 16px"});
  198.             $section.html([
  199.                 '<span id="OOMMiDrive">',
  200.                 `<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;">`,
  201.                 '</span>'
  202.             ].join(' '));
  203.  
  204.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  205.  
  206.             $('#OOMMiDriveImg').click(function(){
  207.                 var topleft= (new OL.LonLat(W.map.getExtent().left,W.map.getExtent().top));
  208.                 var bottomright= (new OL.LonLat(W.map.getExtent().right,W.map.getExtent().bottom));
  209.                 var xmin = topleft.lon;
  210.                 var xmax = bottomright.lon;
  211.                 var ymin = bottomright.lat;
  212.                 var ymax = topleft.lat;
  213.  
  214.                 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');
  215.             });
  216.         }
  217.  
  218.         $('#OOMGMaps').remove();
  219.         if(settings.GMaps)
  220.         {
  221.             let $section = $("<div>", {style:"padding:8px 16px"});
  222.             $section.html([
  223.                 '<span id="OOMGMaps">',
  224.                 `<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;">`,
  225.                 '</span>'
  226.             ].join(' '));
  227.  
  228.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  229.  
  230.             $('#OOMGMapsImg').click(function(){
  231.                 let latlon = get4326CenterPoint();
  232.                 let lang = GetLanguage();
  233.  
  234.                 window.open('https://www.google.com/maps/@' + latlon.lat + ',' + latlon.lon + ',' + ( W.map.zoom + 12) + 'z' + (lang != "" ? "?hl=" + lang : ""), 'Google Maps');
  235.             });
  236.         }
  237.  
  238.  
  239.         //************** Mapillary *****************
  240.         $('#OOMMapillary').remove();
  241.         if(settings.Mapillary){
  242.             let $sectionMapillary = $("<div>", {style:"padding:8px 16px"});
  243.             $sectionMapillary.html([
  244.                 '<span id="OOMMapillary">',
  245.                 `<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;">`,
  246.                 '</span>'
  247.             ].join(' '));
  248.  
  249.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionMapillary.html());
  250.             $('#OOMMapillaryImg').click(function(){
  251.                 let latlon = get4326CenterPoint();
  252.  
  253.                 window.open(`https://www.mapillary.com/app/?lat=${latlon.lat}&lng=${latlon.lon}&z=${( W.map.zoom + 11)}`, 'Mapillary');
  254.             });
  255.         }
  256.  
  257.  
  258.         //****************** Terraserver *********************
  259.         $('#OOMTerraserver').remove();
  260.         if(settings.Terraserver){
  261.             var $sectionTerraserver = $("<div>", {style:"padding:8px 16px"});
  262.             $sectionTerraserver.html([
  263.                 '<span id="OOMTerraserver">',
  264.                 `<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;">`,
  265.                 '</span>'
  266.             ].join(' '));
  267.  
  268.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionTerraserver.html());
  269.             $('#OOMTerraserverImg').click(function(){
  270.                 var center_lonlat=OL.Layer.SphericalMercator.inverseMercator(W.map.getCenter().lon,W.map.getCenter().lat);
  271.                 window.open(`http://www.terraserver.com/view?utf8=✓&searchLng=${center_lonlat.lon}&searchLat=${center_lonlat.lat}`);
  272.             });
  273.         }
  274.  
  275.  
  276.         //********************* Wikimapia *********************
  277.         $('#OOMWikimapia').remove();
  278.         if(settings.Wikimapia){
  279.             let $sectionWikimapia = $("<div>", {style:"padding:8px 16px"});
  280.             $sectionWikimapia.html([
  281.                 '<span id="OOMWikimapia">',
  282.                 `<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;">`,
  283.                 '</span>'
  284.             ].join(' '));
  285.  
  286.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionWikimapia.html());
  287.             $('#OOMWikimapiaImg').click(function(){
  288.                 let latlon = get4326CenterPoint();
  289.                 let lang = GetLanguage();
  290.                 if(lang === "")
  291.                     lang = "en";
  292.                 window.open(`http://wikimapia.org/#${(lang !== "" ? "lang=" + lang : "")}&lat=${latlon.lat}&lon=${latlon.lon}&z=${( W.map.zoom + 12)}&m=b`);
  293.             });
  294.         }
  295.  
  296.         $('#OOMBing').remove();
  297.         if(settings.Bing)
  298.         {
  299.             let $sectionBing = $("<div>", {style:"padding:8px 16px"});
  300.             $sectionBing.html([
  301.                 '<span id="OOMBing">',
  302.                 `<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;">`,
  303.                 '</span>'
  304.             ].join(' '));
  305.  
  306.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionBing.html());
  307.  
  308.             $('#OOMBingImg').click(function(){
  309.                 let latlon = get4326CenterPoint();
  310.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  311.  
  312.                 window.open(`https://www.bing.com/maps?&cp=${latlon.lat}~${latlon.lon}&lvl=${( W.map.zoom + 12)}`);
  313.             });
  314.         }
  315.  
  316.         $('#OOMOSM').remove();
  317.         if(settings.OSM){
  318.             //https://www.openstreetmap.org/#map=16/39.5588/-84.2365
  319.             let $sectionOSM = $("<div>", {style:"padding:8px 16px"});
  320.             $sectionOSM.html([
  321.                 '<span id="OOMOSM">',
  322.                 `<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;">`,
  323.                 '</span>'
  324.             ].join(' '));
  325.  
  326.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionOSM.html());
  327.  
  328.             $('#OOMOSMImg').click(function(){
  329.                 let latlon = get4326CenterPoint();
  330.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  331.  
  332.                 window.open(`https://www.openstreetmap.org/#map=${(W.map.zoom + 12)}/${latlon.lat}/${latlon.lon}`);
  333.             });
  334.         }
  335.  
  336.         $('#OOMYandex').remove();
  337.         if(settings.Yandex){
  338.             //https://n.maps.yandex.ru/#!/?z=14&ll=46.019795%2C51.505120&l=nk%23sat
  339.             let $sectionYandex = $("<div>", {style:"padding:8px 16px"});
  340.             $sectionYandex.html([
  341.                 '<span id="OOMYandex">',
  342.                 `<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;">`,
  343.                 '</span>'
  344.             ].join(' '));
  345.  
  346.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionYandex.html());
  347.  
  348.             $('#OOMYandexImg').click(function(){
  349.                 let latlon = get4326CenterPoint();
  350.                 //let lang = I18n.currentLocale().replace("en-US", "en");
  351.  
  352.                 window.open(`https://n.maps.yandex.ru/#!/?z=${(W.map.zoom + 12)}&ll=${latlon.lon}%2C${latlon.lat}&l=nk%23sat`);
  353.             });
  354.         }
  355.  
  356.         $('#OOMHere').remove();
  357.         if(settings.Here){
  358.             //https://wego.here.com/?map=39.56508,-84.26224,16,normal&x=ep
  359.             let $sectionHere = $("<div>", {style:"padding:8px 16px"});
  360.             $sectionHere.html([
  361.                 '<span id="OOMHere">',
  362.                 `<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;">`,
  363.                 '</span>'
  364.             ].join(' '));
  365.  
  366.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionHere.html());
  367.  
  368.             $('#OOMHereImg').click(function(){
  369.                 let latlon = get4326CenterPoint();
  370.  
  371.                 window.open(`https://wego.here.com/?map=${latlon.lat},${latlon.lon},${(W.map.zoom + 12)},satellite&x=ep`);
  372.             });
  373.         }
  374.  
  375.         $('#OOMNYFC').remove();
  376.         if(settings.NYFC){
  377.             let $sectionNYFC = $("<div>", {style:"padding:8px 16px"});
  378.             $sectionNYFC.html([
  379.                 '<span id="OOMNYFC">',
  380.                 `<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;">`,
  381.                 '</span>'
  382.             ].join(' '));
  383.  
  384.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNYFC.html());
  385.  
  386.             $('#OOMNYFCImg').click(function(){
  387.                 let e=W.map.getExtent();
  388.                 let geoNW=new OL.Geometry.Point(e.left,e.top);
  389.                 let geoSE=new OL.Geometry.Point(e.right,e.bottom);
  390.  
  391.                 Proj4js.defs["EPSG:26918"] = "+proj=utm +zone=18 +ellps=GRS80 +datum=NAD83 +units=m +no_defs";
  392.  
  393.                 let source = new Proj4js.Proj('EPSG:900913');
  394.                 let dest = new Proj4js.Proj('EPSG:26918');
  395.  
  396.                 geoNW = new Proj4js.Point(geoNW.x,geoNW.y);
  397.                 geoSE = new Proj4js.Point(geoSE.x,geoSE.y);
  398.  
  399.                 Proj4js.transform(source, dest, geoNW);
  400.                 Proj4js.transform(source, dest, geoSE);
  401.  
  402.                 let mapScale = 36111.909643;
  403.  
  404.                 switch (W.map.zoom) {
  405.                     case 0:
  406.                     case 1:
  407.                         mapScale = 72223.819286;
  408.                         break;
  409.                     case 2:
  410.                         mapScale = 36111.909643;
  411.                         break;
  412.                     case 3:
  413.                         mapScale = 18055.954822;
  414.                         break;
  415.                     default:
  416.                         mapScale = 9027.977411;
  417.                         break;
  418.                 }
  419.  
  420.                 let URL='http://gis3.dot.ny.gov/html5viewer/?viewer=FC&scale='+mapScale+'&extent='+geoNW.x+'%2C'+geoNW.y+'%2C'+geoSE.x+'%2C'+geoSE.y;
  421.                 window.open(URL,"_blank");
  422.             });
  423.         }
  424.  
  425.         $('#OOMrosreestr').remove();
  426.         if(settings.rosreestr){
  427.             let $sectionRosreestr = $("<div>", {style:"padding:8px 16px"});
  428.             $sectionRosreestr.html([
  429.                 '<span id="OOMrosreestr">',
  430.                 `<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;">`,
  431.                 '</span>'
  432.             ].join(' '));
  433.  
  434.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionRosreestr.html());
  435.  
  436.             $('#OOMrosreestrImg').click(function(){
  437.                 window.open(`http://pkk5.rosreestr.ru/#x=${W.map.center.lon}&y=${W.map.center.lat}&z=${(W.map.zoom + 12)}`);
  438.             });
  439.         }
  440.  
  441.         $('#OOMPA511').remove();
  442.         if(settings.PA511){
  443.             let $sectionPA511 = $("<div>", {style:"padding:8px 16px"});
  444.             $sectionPA511.html([
  445.                 '<span id="OOMPA511">',
  446.                 `<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;">`,
  447.                 '</span>'
  448.             ].join(' '));
  449.  
  450.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionPA511.html());
  451.  
  452.             $('#OOMPA511Img').click(function(){
  453.                 let latlon = get4326CenterPoint();
  454.                 window.open(`http://www.511pa.com/Traffic.aspx?${latlon.lat},${latlon.lon},${(W.map.zoom + 12)}z`);
  455.             });
  456.         }
  457.  
  458.         $('#OOMMiss511').remove();
  459.         if(settings.Miss511)
  460.         {
  461.             let $section = $("<div>", {style:"padding:8px 16px"});
  462.             $section.html([
  463.                 '<span id="OOMMiss511">',
  464.                 `<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;">`,
  465.                 '</span>'
  466.             ].join(' '));
  467.  
  468.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  469.  
  470.             $('#OOMMiss511Img').click(function(){
  471.                 let latlon = get4326CenterPoint();
  472.                 let lang = GetLanguage();
  473.  
  474.                 window.open(`https://www.mdottraffic.com/default.aspx?lat=${latlon.lat}&lon=${latlon.lon}&zoom=${(W.map.zoom + 12)}`, 'Mississippi 511');
  475.             });
  476.         }
  477.  
  478.         $('#OOMLAFC').remove();
  479.         if(settings.LAFC){
  480.             let $sectionLAFC = $("<div>");
  481.             $sectionLAFC.html([
  482.                 '<span id="OOMLAFC">',
  483.                 `<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;">`,
  484.                 '</span>'
  485.             ].join(' '));
  486.  
  487.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionLAFC.html());
  488.             $('#OOMLAFCImg').click(function(){
  489.                 let latlon = get4326CenterPoint();
  490.                 window.open(`http://www.arcgis.com/home/webmap/viewer.html?webmap=a37461260bec43dea7bcbf6b710a662e&center=${latlon.lon},${latlon.lat}&level=${(W.map.zoom + 12)}`);
  491.             });
  492.         }
  493.  
  494.         /*$('#OOMNJ511').remove();
  495.         if(settings.NJ511){
  496.             let $sectionNJ511 = $("<div>");
  497.             $sectionNJ511.html([
  498.                 '<span id="OOMNJ511">',
  499.                 `<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;">`,
  500.                 '</span>'
  501.             ].join(' '));
  502.  
  503.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNJ511.html());
  504.             $('#OOMNJ511Img').click(function(){
  505.                 let latlon = get4326CenterPoint();
  506.                 window.open(`http://www.511nj.org/trafficmap.aspx?X=${latlon.lat}&Y=${latlon.lon}&zoom=${(W.map.zoom + 12)}`);
  507.             });
  508.         }*/
  509.  
  510.         $('#OOMNM511').remove();
  511.         if(settings.NM511){
  512.             let $sectionNM511 = $("<div>");
  513.             $sectionNM511.html([
  514.                 '<span id="OOMNM511">',
  515.                 `<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;">`,
  516.                 '</span>'
  517.             ].join(' '));
  518.  
  519.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNM511.html());
  520.             $('#OOMNM511Img').click(function(){
  521.                 let latlon = W.map.center;
  522.  
  523.                 //http://nmroads.com/mapIndex.html?
  524.                 window.open(`http://nmroads.com/mapIndex.html?X=${latlon.lon}&Y=${latlon.lat}&zoom=${(W.map.zoom + 12)}`);
  525.             });
  526.         }
  527.  
  528.         $('#OOMWVFlood').remove();
  529.         if(settings.WVFlood){
  530.             let $sectionWVFlood = $("<div>");
  531.             $sectionWVFlood.html([
  532.                 '<span id="OOMWVFlood">',
  533.                 `<img src="${WVFloodIcon}" alt="WV Flood" width="18" height="18" id="OOMWVFloodImg" title="Open in WV Flood map" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  534.                 '</span>'
  535.             ].join(' '));
  536.  
  537.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionWVFlood.html());
  538.             $('#OOMWVFloodImg').click(function(){
  539.                 let latlon = W.map.center;
  540.  
  541.                 //https://www.mapwv.gov/flood/map/?x=-8915274&y=4681300&l=4&v=0
  542.                 window.open(`https://www.mapwv.gov/flood/map/?x=${latlon.lon}&y=${latlon.lat}&l=${(W.map.zoom+4)}`);
  543.             });
  544.         }
  545.  
  546.         $('#OOMGMDM').remove();
  547.         if(settings.GMDM){
  548.             let $sectionGMDM = $("<div>");
  549.             $sectionGMDM.html([
  550.                 '<span id="OOMGMDM">',
  551.                 `<img src="${GMDMIcon}" alt="Gaia Mexico" width="18" height="18" id="OOMGMDMImg" title="Open in Gaia Digital Mapa de Mexico" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  552.                 '</span>'
  553.             ].join(' '));
  554.  
  555.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionGMDM.html());
  556.             $('#OOMGMDMImg').click(function(){
  557.                 let latlon = W.map.center.transform(W.map.projection, W.map.displayProjection);
  558.  
  559.                 window.open(`http://gaia.inegi.org.mx/mdm6/?v=${btoa("lat:"+latlon.lat+",lon:"+latlon.lon+",z:"+(W.map.zoom+8))}`);
  560.             });
  561.         }
  562.  
  563.         $('#OOMPennDOT').remove();
  564.         if(settings.PennDOT){
  565.             let $sectionPennDOT = $("<div>");
  566.             $sectionPennDOT.html([
  567.                 '<span id="OOMPennDOT">',
  568.                 `<img src="${PennDOTIcon}" alt="Pennsylvania OneMap" width="18" height="18" id="OOMPennDOTImg" title="Open in Pennsylvania OneMap" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  569.                 '</span>'
  570.             ].join(' '));
  571.  
  572.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionPennDOT.html());
  573.             $('#OOMPennDOTImg').click(function(){
  574.                 let latlon = W.map.center.transform(W.map.projection, W.map.displayProjection);
  575.                 window.open(`https://www.dot7.state.pa.us/OneMap?longitude=${latlon.lon}&latitude=${latlon.lat}`);
  576.             });
  577.         }
  578.  
  579.         $('#OOMBogota').remove();
  580.         if(settings.Bogota){
  581.             let $sectionBogota = $("<div>");
  582.             $sectionBogota.html([
  583.                 '<span id="OOMBogota">',
  584.                 `<img src="${BogotaIcon}" alt="Bogota" width="18" height="18" id="OOMBogotaImg" title="Open in Mapas Bogota" style="cursor:pointer; float: left; display:inline-block; margin: 2px 5px 0 3px;">`,
  585.                 '</span>'
  586.             ].join(' '));
  587.  
  588.             $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionBogota.html());
  589.             $('#OOMBogotaImg').click(function(){
  590.                 var topleft= (new OL.LonLat(W.map.getExtent().left,W.map.getExtent().top));
  591.                 var bottomright= (new OL.LonLat(W.map.getExtent().right,W.map.getExtent().bottom));
  592.  
  593.                 let source = new Proj4js.Proj('EPSG:900913');
  594.                 var topleft4686 = new Proj4js.Point(parseFloat(topleft.lon), parseFloat(topleft.lat));
  595.                 var bottomright4686 = new Proj4js.Point(parseFloat(bottomright.lon), parseFloat(bottomright.lat));
  596.                 Proj4js.transform(source, Proj4js.WGS84, topleft4686);
  597.                 Proj4js.transform(source, Proj4js.WGS84, bottomright4686);
  598.  
  599.                 let latlon = W.map.center.transform(W.map.projection, W.map.displayProjection);
  600.                 window.open(`http://mapas.bogota.gov.co/?&e=${topleft4686.x},${bottomright4686.y},${bottomright4686.x},${topleft4686.y},4686&b=261`);
  601.             });
  602.         }
  603.     }
  604.  
  605.     function loadSettings() {
  606.         var loadedSettings = $.parseJSON(localStorage.getItem("OOM_Settings"));
  607.         var defaultSettings = {
  608.             GMaps: true,
  609.             Mapillary: true,
  610.             Terraserver: true,
  611.             Wikimapia: false,
  612.             Bing: false,
  613.             OSM: false,
  614.             LangSetting: 1,
  615.             CustLang: "",
  616.             Yandex: false,
  617.             Here: false,
  618.             MiDrive: false,
  619.             NYFC: false,
  620.             rosreestr: false,
  621.             PA511: false,
  622.             Miss511: false,
  623.             LAFC: false,
  624.             NM511: false,
  625.             WVFlood: false,
  626.             GMDM: false,
  627.             PennDOT: false,
  628.             Bogota: false
  629.             //NJ511: false
  630.         };
  631.         settings = loadedSettings ? loadedSettings : defaultSettings;
  632.         for (var prop in defaultSettings) {
  633.             if (!settings.hasOwnProperty(prop))
  634.                 settings[prop] = defaultSettings[prop];
  635.         }
  636.     }
  637.  
  638.     function saveSettings() {
  639.         if (localStorage) {
  640.             var localsettings = {
  641.                 GMaps: settings.GMaps,
  642.                 Mapillary: settings.Mapillary,
  643.                 Terraserver: settings.Terraserver,
  644.                 Wikimapia: settings.Wikimapia,
  645.                 Bing: settings.Bing,
  646.                 OSM: settings.OSM,
  647.                 LangSetting: settings.LangSetting,
  648.                 CustLang: settings.CustLang,
  649.                 Yandex: settings.Yandex,
  650.                 Here: settings.Here,
  651.                 MiDrive: settings.MiDrive,
  652.                 NYFC: settings.NYFC,
  653.                 rosreestr: settings.rosreestr,
  654.                 PA511: settings.PA511,
  655.                 Miss511: settings.Miss511,
  656.                 LAFC: settings.LAFC,
  657.                 NM511: settings.NM511,
  658.                 WVFlood: settings.WVFlood,
  659.                 GMDM: settings.GMDM,
  660.                 PennDOT: settings.PennDOT,
  661.                 Bogota: settings.Bogota
  662.                 //NJ511: settings.NJ511
  663.             };
  664.  
  665.             localStorage.setItem("OOM_Settings", JSON.stringify(localsettings));
  666.         }
  667.     }
  668.  
  669.     function isChecked(checkboxId) {
  670.         return $('#' + checkboxId).is(':checked');
  671.     }
  672.  
  673.     function setChecked(checkboxId, checked) {
  674.         $('#' + checkboxId).prop('checked', checked);
  675.     }
  676.  
  677.     function bootstrapGeneral(initdelegate, tries = 1){
  678.         if(document.readyState !== 'complete' )
  679.             setTimeout(function() {bootstrapGeneral(initdelegate, tries++);}, 200);
  680.         else
  681.             initdelegate();
  682.     }
  683.  
  684.     let is511PAloaded = false;
  685.     function bootstrap511PA(tries = 1){
  686.         if(iFrameVar.map){
  687.             iFrameVar.map.addListener('tilesloaded', function() {
  688.                 //http://www.511pa.com/Traffic.aspx?40.85,-77.6,12z
  689.                 if(!is511PAloaded){
  690.                     if(location.search.indexOf("?") > -1){
  691.                         let params = location.search.split("?")[1].slice(0,-1);
  692.                         iFrameVar.recenterMap(params);
  693.                     }
  694.                     is511PAloaded = true;
  695.                 }
  696.             });
  697.         }
  698.         else{
  699.             setTimeout(function(){bootstrap511PA(tries +=1);}, 100);
  700.         }
  701.  
  702.         $(document).ready(function(){
  703.             init511PA();
  704.         });
  705.     }
  706.  
  707.     function bootstrapNM511(tries = 1){
  708.         if(map && map.extent && map.loaded){
  709.             initNM511();
  710.         }
  711.         else{
  712.             setTimeout(function() {bootstrapNM511(tries++);}, 100);
  713.         }
  714.     }
  715.  
  716.     function bootstrap(tries = 1) {
  717.         if(location.href.indexOf("google.com/maps") > -1)
  718.             bootstrapGeneral(initGoogleMaps, 1);
  719.         else if(location.href.indexOf("wv511.org") > -1)
  720.             bootstrapGeneral(initWV511, 1);
  721.         else if(location.href.indexOf("511virginia.org") > -1)
  722.             bootstrapGeneral(init511virginia, 1);
  723.         else if(location.href.indexOf("mdotnetpublic.state.mi.us") > -1)
  724.             bootstrapGeneral(initmiDrive, 1);
  725.         else if(location.href.indexOf("http://pkk5.rosreestr.ru") > -1)
  726.             bootstrapRosreestr(1);
  727.         else if(location.href.indexOf("http://www.511pa.com/Traffic") > -1)
  728.             bootstrap511PA(1);//bootstrapGeneral(init511PA, 1);
  729.         else if(location.href.indexOf("http://newengland511.org") > -1)
  730.             bootstrapGeneral(initNE511, 1);
  731.         else if(location.href.indexOf("https://www.mdottraffic.com") > -1){
  732.             if(document.getElementById("map-container") != null)
  733.                 initMississipie511();
  734.             else if(tries < 1000)
  735.                 setTimeout(function () {bootstrap(tries++);}, 200);
  736.         }
  737.         else if(location.href.indexOf("https://gis.transportation.wv.gov/measures") > -1){
  738.             bootstrapGeneral(initWVGIS, 1);
  739.         }
  740.         else if(location.href.indexOf("http://nmroads.com/mapIndex.html") > -1){
  741.             bootstrapNM511(1);
  742.         }
  743.         else if(location.href.indexOf("https://www.mapwv.gov/flood/map") > -1){
  744.             bootstrapGeneral(initWVFlood, 1);
  745.         }
  746.         /*else if(location.href.indexOf("http://www.511nj.org/trafficmap") > -1){
  747.             bootstrapGeneral(initNJ511, 1);
  748.         }*/
  749.         else{
  750.             if (W &&
  751.                 W.map &&
  752.                 W.model &&
  753.                 $ && WazeWrap.Ready) {
  754.                 initInterface();
  755.             } else if (tries < 1000) {
  756.                 setTimeout(function () {bootstrap(tries++);}, 200);
  757.             }
  758.         }
  759.     }
  760.  
  761.     function RosreestrToWaze(){
  762.         let lon, lat, zoom;
  763.         let curURL = location.href.match(/x=(\d*.\d*)&y=(\d*.\d*)&z=(\d+)/);
  764.         lon = curURL[1];
  765.         lat = curURL[2];
  766.         zoom = parseInt(curURL[3]);
  767.  
  768.         let source = new Proj4js.Proj('EPSG:900913');
  769.  
  770.         var point = new Proj4js.Point(parseFloat(lon), parseFloat(lat));
  771.         Proj4js.transform(source, Proj4js.WGS84, point);
  772.         return `https://www.waze.com/en-US/editor/?lon=${point.x}&lat=${point.y}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`;
  773.     }
  774.  
  775.     function initRosreestr(){
  776.         var observer = new MutationObserver(function(mutations) {
  777.             mutations.forEach(function(mutation) {
  778.                 if (mutation.type === "attributes" && mutation.target == document.getElementsByClassName("btn btn-default btn-tool-lg js-showList")[0]) insertWMELinkRosreestr();
  779.             });
  780.         });
  781.  
  782.         observer.observe(document.getElementById("sidebar-region"), { childList: true, subtree: true, attributes:true});
  783.  
  784.         insertWMELinkRosreestr();
  785.     }
  786.  
  787.     function insertWMELinkRosreestr(){
  788.         if(document.getElementById("OOMWazeButton") !== null)
  789.             document.getElementById("OOMWazeButton").remove();
  790.  
  791.         let $OOMWazeButton = document.createElement("div");
  792.  
  793.         $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>';
  794.         document.getElementsByClassName('btn-group-vertical js-appList')[0].appendChild($OOMWazeButton);
  795.  
  796.         document.getElementById("OOMWazeButton").addEventListener("click", function(){
  797.             window.open(RosreestrToWaze());
  798.         });
  799.     }
  800.  
  801.     function bootstrapRosreestr(tries=1){
  802.         if (document.getElementsByClassName('btn-group-vertical js-appList').length > 0) {
  803.             initRosreestr();
  804.         } else if (tries < 1000) {
  805.             setTimeout(function () {bootstrapRosreestr(tries++);}, 200);
  806.         }
  807.     }
  808.  
  809.     function initGoogleMaps(){
  810.         let $OOMWazeButton = document.createElement("div");
  811.         $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>';
  812.         let parent = document.getElementById("content-container");
  813.         parent.appendChild($OOMWazeButton);
  814.  
  815.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  816.             window.open(GMToWaze());
  817.         });
  818.  
  819.         document.getElementById('OOMWazeButtonDiv').addEventListener("mouseenter",function(e) {
  820.             document.addEventListener('keydown', copyPLHotkeyEvent);
  821.             document.getElementsByClassName('widget-scene-canvas')[0].addEventListener('keydown', copyPLHotkeyEvent);
  822.         });
  823.  
  824.         document.getElementById('OOMWazeButtonDiv').addEventListener('mouseleave', function() {
  825.             document.removeEventListener('keydown', copyPLHotkeyEvent);
  826.             document.getElementsByClassName('widget-scene-canvas')[0].removeEventListener('keydown', copyPLHotkeyEvent);
  827.         });
  828.     }
  829.  
  830.     let isMiss511Loaded = false;
  831.     function initMississipie511(){
  832.         map.addListener('tilesloaded', function() {
  833.             //https://www.mdottraffic.com/default.aspx?lat=32.36435&lon=-88.70366&zoom=15
  834.             if(!isMiss511Loaded){
  835.                 if(location.search.indexOf("?") > -1 && location.search.indexOf("loadAlertid") === -1){
  836.                     let params = location.search.match(/lat=(-?\d*.\d*)&lon=(-?\d*.\d*)&zoom=(\d+)/);
  837.                     map.setCenter({lat: parseFloat(params[1]), lng: parseFloat(params[2])});
  838.                     map.setZoom(parseInt(params[3]));
  839.                 }
  840.                 isMiss511Loaded = true;
  841.             }
  842.         });
  843.  
  844.         let $OOMWazeButton = document.createElement("div");
  845.         $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>';
  846.         //let parent = document.getElementById("content-container");
  847.         document.getElementById("map-container").appendChild($OOMWazeButton);
  848.  
  849.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  850.             let center = map.getCenter();
  851.             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))))}`);
  852.         });
  853.     }
  854.  
  855. /*    function initNJ511(){
  856.         $(document).ready(function() {
  857.                 if(location.search.indexOf("?") > -1){
  858.                     let params = location.search.match(/X=(-?\d*.\d*)&Y=(-?\d*.\d*)&zoom=(\d+)/);
  859.                     $("#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`);
  860.                 }
  861.         });
  862.     }*/
  863.  
  864.     function insertWMELinkNM511(){
  865.         if(document.getElementById("OOMWazeButton") !== null)
  866.             document.getElementById("OOMWazeButton").remove();
  867.  
  868.         let $OOMWazeButton = document.createElement("li");
  869.  
  870.         $OOMWazeButton.innerHTML = '<span id="OOMWazeButton" style="background-image: url(https://imgur.com/NTLWfFz.png;"></span>';
  871.         document.getElementsByClassName('mapSettingsList')[0].appendChild($OOMWazeButton);
  872.  
  873.         document.getElementById("OOMWazeButton").addEventListener("click", function(){
  874.             let source = new Proj4js.Proj('EPSG:900913');
  875.             let center = map.extent.getCenter();
  876.             var point = new Proj4js.Point(parseFloat(center.x), parseFloat(center.y));
  877.             Proj4js.transform(source, Proj4js.WGS84, point);
  878.             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))))}`);
  879.         });
  880.     }
  881.  
  882.     function initNM511(){
  883.         if(location.search.indexOf("?") > -1){
  884.             let params = location.search.match(/X=(-?\d*.\d*)&Y=(-?\d*.\d*)&zoom=(\d+)/);
  885.             setTimeout(function(){
  886.                 try{
  887.                     map.centerAt({x:parseFloat(params[1]), y:parseFloat(params[2])});
  888.                     setTimeout(function(){map.setLevel(parseInt(params[3]));}, 500);
  889.                 }
  890.                 catch(err) {
  891.                     console.log(err);
  892.                 }
  893.             }, 1000);
  894.         }
  895.  
  896.         var observer = new MutationObserver(function(mutations) {
  897.             mutations.forEach(function(mutation) {
  898.                 if (mutation.type === "attributes" && mutation.target == document.getElementsByClassName("mapSettingsList")[0]) insertWMELinkNM511();
  899.             });
  900.         });
  901.  
  902.         observer.observe(document.getElementsByClassName('mapSettings')[0], { childList: true, subtree: true, attributes:true});
  903.  
  904.         insertWMELinkNM511();
  905.     }
  906.  
  907.     var copyToClipboard = function(str) {
  908.         var temp = document.createElement("input");
  909.         document.body.append(temp);
  910.         temp.value = str;
  911.         temp.select();
  912.         document.execCommand('copy');
  913.         document.body.removeChild(temp);
  914.     };
  915.  
  916.     var copyPLHotkeyEvent = function(e) {
  917.         if ((e.metaKey || e.ctrlKey) && (e.which === 67))
  918.             copyToClipboard(GMToWaze());
  919.     };
  920.  
  921.     function GMToWaze(){
  922.         let lon, lat, zoom;
  923.         let curURL = location.href.split('@').pop().split(',');
  924.         lon = curURL[1];
  925.         lat = curURL[0];
  926.         zoom = parseInt(curURL[2]);
  927.         return `https://www.waze.com/en-US/editor/?lon=${lon}&lat=${lat}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`;
  928.     }
  929.  
  930.     function init511PA(){
  931.         $('#OOMWazeButtonDiv').remove();
  932.         let $wazer = $("<div>", {style:"padding:8px 16px"});
  933.         $wazer.html([
  934.             '<li>',
  935.             '<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>',
  936.             '</li>'
  937.         ].join(' '));
  938.  
  939.         $('#optMain').append($wazer.html());
  940.  
  941.         $('#OOMWazeButtonDiv').click(function(){
  942.             let lon, lat, zoom;
  943.             let latlon = iFrameVar.getCenterOfMap().split(',');
  944.             lon = latlon[1];
  945.             lat = latlon[0];
  946.             zoom = iFrameVar.zoom;
  947.             window.open(`https://www.waze.com/en-US/editor/?lon=${lon}&lat=${lat}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`);
  948.         });
  949.     }
  950.  
  951.     function init511virginia(){
  952.         $('#incident_table_paginate > a').click(insertWazeLinks511Virginia);
  953.         insertWazeLinks511Virginia();
  954.     }
  955.  
  956.     function insertWazeLinks511Virginia(){
  957.         $('#incident_table > tbody > tr > td > a').parent().append(function(){
  958.             if($(this).find("a").length === 1){
  959.                 let latlons = $(this).find("a")[0].href.match(/lon1=(.*)&lat1=(.*)&lon2=(.*)&lat2=(.*)/);
  960.  
  961.                 let lonCenter = Math.min(latlons[1],latlons[3]) + (Math.abs(latlons[1] - latlons[3])/2);
  962.                 let latCenter = Math.min(latlons[2], latlons[4]) + (Math.abs(latlons[2] - latlons[4])/2);
  963.                 return ` <a href='https://www.waze.com/editor/?env=usa&lon=${lonCenter}&lat=${latCenter}&zoom=4' target='_blank'>Open in WME</a>`;
  964.             }
  965.             return "";
  966.         });
  967.     }
  968.  
  969.     function initNE511(){
  970.         var observer = new MutationObserver(function(mutations) {
  971.                mutations.forEach(function(mutation) {
  972.                    if ($(mutation.target)[0] == $('.ol-overlay-container.ol-selectable')[0] && $(mutation.target).css('display') == "block") {
  973.                        insertWMELinkNE511();
  974.                    }
  975.                });
  976.            });
  977.  
  978.         observer.observe($('.ol-overlay-container.ol-selectable').parent()[0], { childList: true, subtree: true, attributes:true});
  979.     }
  980.  
  981.     function insertWMELinkNE511(){
  982.         //http://newengland511.org/
  983.         let selectedIncident = $('.popover-content > [data-ng-bind="item.Description"]')[0];
  984.         let incidentDesc = selectedIncident.innerHTML;
  985.         let incidents = Leidos.Traffic.Data.events.find(function(e){ return e.Description == incidentDesc;});
  986.  
  987.         $(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>`);
  988.     }
  989.  
  990.     function initmiDrive(){
  991.         //g$('#dialog')
  992.         var observer = new MutationObserver(function(mutations) {
  993.                mutations.forEach(function(mutation) {
  994.                    if (g$(mutation.target).is("#dialog")) insertWMELinkMiDrive(mutation.target);
  995.                });
  996.            });
  997.  
  998.         observer.observe(g$('#dialog').parent()[0], { childList: true, subtree: true });
  999.     }
  1000.  
  1001.     function insertWMELinkMiDrive(changedDiv){
  1002.         for(let i=0; i<incidents.graphics.length; i++){
  1003.             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){
  1004.                 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>`);
  1005.                 break;
  1006.             }
  1007.         }
  1008.     }
  1009.  
  1010.     function initWV511(){
  1011.         if(document.getElementById("OOMWazeButtonDiv") !== null)
  1012.             document.getElementById("OOMWazeButtonDiv").remove();
  1013.  
  1014.         let $OOMWazeButton = document.createElement("div");
  1015.         $OOMWazeButton.setAttribute("id", "OOMWazeButtonDiv");
  1016.         $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;");
  1017.         $OOMWazeButton.setAttribute("title", "Open in WME");
  1018.         document.body.appendChild($OOMWazeButton);
  1019.  
  1020.         document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  1021.             let lon1, lon2, lonCenter, lat1, lat2, latCenter;
  1022.             let latlon = location.href.split(":");
  1023.             lon1 = latlon[2];
  1024.             lat1 = latlon[3];
  1025.             lon2 = latlon[4];
  1026.             lat2 = latlon[5];
  1027.  
  1028.             lonCenter = Math.min(lon1,lon2) + (Math.abs(lon1 - lon2)/2);
  1029.             latCenter = Math.min(lat1, lat2) + (Math.abs(lat1 - lat2)/2);
  1030.             window.open(`https://www.waze.com/en-US/editor/?lon=${lonCenter}&lat=${latCenter}&zoom=5`);
  1031.         });
  1032.     }
  1033.  
  1034.     function initWVGIS(){
  1035.         if(document.getElementById("OOMWazeButtonDiv") !== null)
  1036.             document.getElementById("OOMWazeButtonDiv").remove();
  1037.         $('#RoadLayerList').prepend('<li><div id="OOMWazeButtonDiv" aria-hidden="true" style="cursor:pointer; margin-top:8px; height:30px; width:34px; background-image:url(https://imgur.com/NTLWfFz.png); background-repeat:no-repeat;"></div></li>');
  1038.         $('#OOMWazeButtonDiv').click(function(){
  1039.             let source = new Proj4js.Proj('EPSG:900913');
  1040.             var point = new Proj4js.Point(parseFloat(view.center.x), parseFloat(view.center.y));
  1041.             Proj4js.transform(source, Proj4js.WGS84, point);
  1042.  
  1043.             window.open(`https://www.waze.com/en-US/editor/?lon=${point.x}&lat=${point.y}&zoom=${view.zoom-5}`);
  1044.         });
  1045.     }
  1046.  
  1047.     function initWVFlood(){
  1048.         if($("#OOMWazeButtonDiv") !== null)
  1049.             $("#OOMWazeButtonDiv").remove();
  1050.  
  1051.         $('#tools').prepend('<button type="button" id="btnOpenWaze" class="btn btn-default btn-lg bootstrap_btn2" style="cursor:pointer; margin-left: 0px; min-width:31px; height=26px; background-image:url(https://imgur.com/NTLWfFz.png); background-repeat:no-repeat; background-size:100%;" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="click to open in Waze Map Editor"><span ></span></button>');
  1052.  
  1053.         $('#btnOpenWaze').click(function(){
  1054.             let source = new Proj4js.Proj('EPSG:900913');
  1055.             var point = new Proj4js.Point(parseFloat(Flood.map.extent.getCenter().x), parseFloat(Flood.map.extent.getCenter().y));
  1056.             Proj4js.transform(source, Proj4js.WGS84, point);
  1057.             let zoom = Flood.map.getLevel() - 4;
  1058.             if(zoom < 0)
  1059.                 zoom = 0;
  1060.  
  1061.             window.open(`https://www.waze.com/en-US/editor/?lon=${point.x}&lat=${point.y}&zoom=${zoom}`);
  1062.         });
  1063.     }
  1064.  
  1065.     bootstrap();
  1066. })();