WME Open Other Maps

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

当前为 2018-03-08 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name WME Open Other Maps
  3. // @namespace https://greasyfork.org/users/30701-justins83-waze
  4. // @version 2018.03.08.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. // @exclude https://www.waze.com/*/user/editor*
  17. // @require https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  18. // @require https://greasyfork.org/scripts/13097-proj4js/code/Proj4js.js
  19. // @grant none
  20. // ==/UserScript==
  21.  
  22. (function() {
  23. 'use strict';
  24. //var jqUI_CssSrc = GM_getResourceText("jqUI_CSS");
  25. //GM_addStyle(jqUI_CssSrc);
  26.  
  27. var settings = {};
  28. 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==";
  29. var mapillaryIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAatJREFUOE+tlFtLAkEUx/er9CEyA+sbRM9BH8EuWhL0oC8h9B7dFAIXoqe8RGgP9RDkipoSZkJpeQk1N8swldW108ywa3uZLKKFH7sz/3P+c2Z2Zhj8GPzmEYN3jh31mkvoLSDgBwQplsW5XyaHZl4T+HtwLjZDDVYnSiyGt8CdCVE1DSwjlUgTIViMQafXhekTB1WXwR64IuqaTASs0BQ60O9/wHEhqtM1CNiIJoCNcxGTJJ8DUezD7Nk6NU5GZ2RCldgiLsi8FCHXKIPJb4HHJg/h6o0qTsvACC9ssBBD02mTSrLIZCXiJtpqdA8SfBbGfQuqZCUDI1cmCO2uQEyunu9JZcpAe8wD5+UUjCn6lKimNhWyQyDPQU8UofxeBwdKljVLeJsMIlephbrYM6dOMnqqngdH3ANWbof0x2u38PBWpU6RaiSDE7AhruSydgcXlTT5diYPdLFDjWSWuV30ByvEBPPUasBkYEkVg41+c0hJdWuJfai2XonZZvpIqQtDjwgNvOM3rv1QQnvLKK2VfES+PbTDMPrmlW32/66RwZ2EXKVp/uFiY5hPR2AhGcMUotsAAAAASUVORK5CYII=";
  30. 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";
  31. var wikimapiaIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAACeklEQVQ4T5VUTWgTQRRebf2v9Te0m5nNJjuzaRuxl4LoQUMPCnoRKcWjUD14K+LFm+LFS6ngD57Eo6AXEdGDQsSDilQP2oOK6EHSmN2djaFYawrZfm+yYlpCbB88mJ33vW++997sGM0WDQ2tUzyzN2DynOJOwWeiGnL5OA6vzD5LuUFxcSVgohhwWQfZHL5fY30xhvzf6pxvUklxHyQ1xcQfkNzw2IAbSNkd2fbGGNbeYiWT8FrAxdfAkkciw1gbOs62kGUHg153IIa2txJ394HAC5gzD5LDRFJhYhj9eQplPxSTD2Joe1OWe5l6goTrROJx9xDKm1FcRuQgexJD2xuAb6mxZUuKes/gFqh7pIlXTyTmAZ6inlSZ4+L7y1+SVRHpBCae+7v6tipL7EHTvzcTIaagsNDsZStNA1kTsMxIY885QYpCnPrpZyq1Y6Y3bWP9YQnRMkd8zmPOURIRWnJC7yezJw3dEyYXAhMT0zdbXMXewnKCfy6mvFS/GeXznRjQRyierfT0pUEkx+BRyMUrmlrRzO4G+EUrEhz4m66GLivpnkIepi0elhO5LqOUymZQ3nsNZuJS0TQ3R7nc+pDJCwC+RPI0FL7Dvbrt29l+kHRgPYw9HwfOhpY4TsQGqQB4xGdOlQKKOdcC7jJ96k7ZTWtSeQ8E0ehoBzBncOA3UgMBN0u4MnpqZAUj30nMANCPWvOTooxbPhFa7kH8g1bjRXDGEX9DzW6UKe6WE4mumGKpAbQfgGeQ7en6m/rTcPFLt8GSZ6dRfpzW2iq2vR0qDoDoNBInMZk7IL6F9XmUfSw0nZTuyUqNelfHy0BPDD0lVH4camGGsQj+znJFw2F9rQAAAABJRU5ErkJggg==";
  32. 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";
  33. 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=";
  34. var yandexIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABa0lEQVQ4T62TPc8BQRSF/SdfER8FFZH4ASoSnYpCIkGCjoRGpaHS04iWUqHS+0hQoxPHnR12dnauxvtu8uTOPfecm9lN1gPgX2HFv8CKGpsNMJkAg4Gs6zXJjO8NK1qcz0CzCaTTQCQC+P2yJpNS5zIEK1rUakAgAHi9JkLvdMhm5gzBYrmUtxFhcbNMBshmZQ0GpR6LwfK5slpjUyqp24jX2++BxwM4HIB2W82Ez5XVGptEQoUuF5Icz+mkZsLnymqNTTSqQvc7SY7ndlMzgSurNTaFggqMx3LJ8wlcr8BopGa5HNn1rNbYzGZAKCRDolYqQLcLlMtAOKwWDodk17Nao1EsqiCH+H7bLVn1nNYY5POAz8cvbLXIYmYMwWCxAOp1IJVSy+JxYLWisek3hK/0empho0ES4yFYkeWzUPxBxyNJjIdgRZbPwumUWmb+hhVZ+n2gWqUjM3PAiizzObDb0ZGZOWDF34HnBbQcm5EIFazJAAAAAElFTkSuQmCC";
  35. 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==";
  36. 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=";
  37. 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=";
  38. 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";
  39. 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";
  40.  
  41. function initInterface(){
  42. var $section = $("<div>");
  43. $section.html([
  44. '<div>',
  45. '<p>The below maps are legal to use and do not violate copyright</p>',
  46. `<div><input type="checkbox" id="chkMiDrive" class="OOMchk"><label for="chkMiDrive"><img src="${midriveIcon}" height="18" width="18">MiDrive</label></div>`,
  47. `<div><input type="checkbox" id="chkNYFC" class="OOMchk"><img src="${NYFCIcon}" height="18" width="18">NY FC</div>`,
  48. `<div><input type="checkbox" id="chkrosreestr" class="OOMchk"><label for="chkrosreestr"><img src="${rosreestrIcon}" height ="18" width="18">Rosreestr</label></div>`,
  49. `<div><input type="checkbox" id="chkPA511" class="OOMchk"><label for="chkPA511"><img src="${PA511Icon}" height = 18 width="18">511PA</label></div>`,
  50. '</br>',
  51. "<p>The below maps are for <span style='color:red; font-weight:bold;'>reference only</span> and <b>no data</b> should be copied from them as it violates copyright.</p>",
  52. `<div><input type="checkbox" id="chkGMaps" class="OOMchk"><label for="chkGMaps"><img src="${gmapsIcon}" height="18" width="18">Google Maps</label></div>`,
  53. `<div><input type="checkbox" id="chkMapillary" class="OOMchk"><label for="chkMapillary"><img src="${mapillaryIcon}" height="18" width="18">Mapillary</label></div>`,
  54. `<div><input type="checkbox" id="chkTerraserver" class="OOMchk"><label for="chkTerraserver"><img src="${terraIcon}" height="18" width="18">Terraserver</label></div>`,
  55. `<div><input type="checkbox" id="chkWikimapia" class="OOMchk"><label for="chkWikimapia"><img src="${wikimapiaIcon}" height="18" width="18">Wikimapia</label></div>`,
  56. `<div><input type="checkbox" id="chkBing" class="OOMchk"><label for="chkBing"><img src="${bingIcon}" height="18" width="18">Bing Maps</label></div>`,
  57. `<div><input type="checkbox" id="chkOSM" class="OOMchk"><label for="chkOSM"><img src="${osmIcon}" height="18" width ="18">Open Street Map</label></div>`,
  58. `<div><input type="checkbox" id="chkYandex" class="OOMchk"><label for="chkYandex"><img src="${yandexIcon}" height="18" width ="18">Yandex</label></div>`,
  59. `<div><input type="checkbox" id="chkHere" class="OOMchk"><label for="chkHere"><img src="${hereIcon}" height="18" width ="18">Here</label></div>`,
  60. '</br><div>',
  61. '<fieldsetstyle="border: 1px solid silver; padding: 8px; border-radius: 4px;">',
  62. '<legend style="margin-bottom:0px; border-bottom-style:none;width:auto;"><h4>Map Language (where applicable)</h4></legend>',
  63. '<input type="radio" name="radOOMLanguage" id="radOOMNoLang">Do not set a language</br>',
  64. '<input type="radio" name="radOOMLanguage" id="radOOMWMELang">Use WME language</br>',
  65. '<input type="radio" name="radOOMLanguage" id="radOOMCustomLang">Custom language <input type="text" name="txtOOMLanguage" id="txtOOMLanguage" style="border: 1px solid #000000;" size="4"/>',
  66. '</fieldset>',
  67. '</div>',
  68. '</div>'
  69. ].join(' '));
  70.  
  71. new WazeWrap.Interface.Tab('OOM', $section.html(), init);
  72. }
  73.  
  74. function init(){
  75. loadSettings();
  76. setChecked('chkGMaps', settings.GMaps);
  77. setChecked('chkMapillary', settings.Mapillary);
  78. setChecked('chkTerraserver', settings.Terraserver);
  79. setChecked('chkWikimapia', settings.Wikimapia);
  80. setChecked('chkBing', settings.Bing);
  81. setChecked('chkOSM', settings.OSM);
  82. setChecked('chkYandex', settings.Yandex);
  83. setChecked('chkHere', settings.Here);
  84. setChecked('chkMiDrive', settings.MiDrive);
  85. setChecked('chkNYFC', settings.NYFC);
  86. setChecked('chkrosreestr', settings.rosreestr);
  87. setChecked('chkPA511', settings.PA511);
  88.  
  89. if(settings.LangSetting == 0)
  90. setChecked("radOOMNoLang", true);
  91. else if(settings.LangSetting == 1)
  92. setChecked("radOOMWMELang", true);
  93. else
  94. setChecked("radOOMCustomLang", true);
  95.  
  96. $('#txtOOMLanguage')[0].value = settings.CustLang;
  97.  
  98. $('.olControlAttribution').css("right", "400px");
  99.  
  100. LoadMapButtons();
  101. $('.OOMchk').change(function() {
  102. var settingName = $(this)[0].id.substr(3);
  103. settings[settingName] = this.checked;
  104. saveSettings();
  105. LoadMapButtons();
  106. });
  107. $("[id^='rad']").change(function() {
  108. if(isChecked("radOOMNoLang"))
  109. settings.LangSetting = 0;
  110. else if(isChecked("radOOMWMELang"))
  111. settings.LangSetting = 1;
  112. else
  113. settings.LangSetting = 2;
  114. saveSettings();
  115. });
  116. $('#txtOOMLanguage').focusout(function(){
  117. settings.CustLang = $('#txtOOMLanguage').val();
  118. saveSettings();
  119. });
  120. }
  121.  
  122. function GetLanguage()
  123. {
  124. if(isChecked("radOOMNoLang"))
  125. return "";
  126. else if(isChecked("radOOMWMELang"))
  127. return I18n.currentLocale().replace("en-US", "en");
  128. else //Custom Language
  129. return $('#txtOOMLanguage').val();
  130. }
  131.  
  132. function get4326CenterPoint(){
  133. let projI = new OL.Projection("EPSG:900913");
  134. let projE = new OL.Projection("EPSG:4326");
  135. let center_lonlat = (new OL.LonLat(W.map.center.lon, W.map.center.lat)).transform(projI,projE);
  136. let lat = Math.round(center_lonlat.lat * 1000000) / 1000000;
  137. let lon = Math.round(center_lonlat.lon * 1000000) / 1000000;
  138. return new OL.LonLat(lon, lat);
  139. }
  140.  
  141. function LoadMapButtons()
  142. {
  143. $('#OOMMiDrive').remove();
  144. if(settings.MiDrive)
  145. {
  146. let $section = $("<div>", {style:"padding:8px 16px"});
  147. $section.html([
  148. '<span id="OOMMiDrive">',
  149. `<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;">`,
  150. '</span>'
  151. ].join(' '));
  152.  
  153. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  154.  
  155. $('#OOMMiDriveImg').click(function(){
  156. var topleft= (new OL.LonLat(W.map.getExtent().left,W.map.getExtent().top));
  157. var bottomright= (new OL.LonLat(W.map.getExtent().right,W.map.getExtent().bottom));
  158. var xmin = topleft.lon;
  159. var xmax = bottomright.lon;
  160. var ymin = bottomright.lat;
  161. var ymax = topleft.lat;
  162.  
  163. 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');
  164. });
  165. }
  166.  
  167. $('#OOMGMaps').remove();
  168. if(settings.GMaps)
  169. {
  170. let $section = $("<div>", {style:"padding:8px 16px"});
  171. $section.html([
  172. '<span id="OOMGMaps">',
  173. `<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;">`,
  174. '</span>'
  175. ].join(' '));
  176.  
  177. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($section.html());
  178.  
  179. $('#OOMGMapsImg').click(function(){
  180. let latlon = get4326CenterPoint();
  181. let lang = GetLanguage();
  182.  
  183. window.open('https://www.google.com/maps/@' + latlon.lat + ',' + latlon.lon + ',' + ( W.map.zoom + 12) + 'z' + (lang != "" ? "?hl=" + lang : ""), 'Google Maps');
  184. });
  185. }
  186.  
  187.  
  188. //************** Mapillary *****************
  189. $('#OOMMapillary').remove();
  190. if(settings.Mapillary){
  191. let $sectionMapillary = $("<div>", {style:"padding:8px 16px"});
  192. $sectionMapillary.html([
  193. '<span id="OOMMapillary">',
  194. `<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;">`,
  195. '</span>'
  196. ].join(' '));
  197.  
  198. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionMapillary.html());
  199. $('#OOMMapillaryImg').click(function(){
  200. let latlon = get4326CenterPoint();
  201.  
  202. window.open(`https://www.mapillary.com/app/?lat=${latlon.lat}&lng=${latlon.lon}&z=${( W.map.zoom + 11)}`, 'Mapillary');
  203. });
  204. }
  205.  
  206.  
  207. //****************** Terraserver *********************
  208. $('#OOMTerraserver').remove();
  209. if(settings.Terraserver){
  210. var $sectionTerraserver = $("<div>", {style:"padding:8px 16px"});
  211. $sectionTerraserver.html([
  212. '<span id="OOMTerraserver">',
  213. `<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;">`,
  214. '</span>'
  215. ].join(' '));
  216.  
  217. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionTerraserver.html());
  218. $('#OOMTerraserverImg').click(function(){
  219. var center_lonlat=OL.Layer.SphericalMercator.inverseMercator(W.map.getCenter().lon,W.map.getCenter().lat);
  220. window.open(`http://www.terraserver.com/view?utf8=✓&searchLng=${center_lonlat.lon}&searchLat=${center_lonlat.lat}`);
  221. });
  222. }
  223.  
  224.  
  225. //********************* Wikimapia *********************
  226. $('#OOMWikimapia').remove();
  227. if(settings.Wikimapia){
  228. let $sectionWikimapia = $("<div>", {style:"padding:8px 16px"});
  229. $sectionWikimapia.html([
  230. '<span id="OOMWikimapia">',
  231. `<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;">`,
  232. '</span>'
  233. ].join(' '));
  234.  
  235. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionWikimapia.html());
  236. $('#OOMWikimapiaImg').click(function(){
  237. let latlon = get4326CenterPoint();
  238. let lang = GetLanguage();
  239. if(lang === "")
  240. lang = "en";
  241. window.open(`http://wikimapia.org/#${(lang !== "" ? "lang=" + lang : "")}&lat=${latlon.lat}&lon=${latlon.lon}&z=${( W.map.zoom + 12)}&m=b`);
  242. });
  243. }
  244.  
  245. $('#OOMBing').remove();
  246. if(settings.Bing)
  247. {
  248. let $sectionBing = $("<div>", {style:"padding:8px 16px"});
  249. $sectionBing.html([
  250. '<span id="OOMBing">',
  251. `<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;">`,
  252. '</span>'
  253. ].join(' '));
  254.  
  255. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionBing.html());
  256.  
  257. $('#OOMBingImg').click(function(){
  258. let latlon = get4326CenterPoint();
  259. //let lang = I18n.currentLocale().replace("en-US", "en");
  260.  
  261. window.open(`https://www.bing.com/maps?&cp=${latlon.lat}~${latlon.lon}&lvl=${( W.map.zoom + 12)}`);
  262. });
  263. }
  264.  
  265. $('#OOMOSM').remove();
  266. if(settings.OSM){
  267. //https://www.openstreetmap.org/#map=16/39.5588/-84.2365
  268. let $sectionOSM = $("<div>", {style:"padding:8px 16px"});
  269. $sectionOSM.html([
  270. '<span id="OOMOSM">',
  271. `<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;">`,
  272. '</span>'
  273. ].join(' '));
  274.  
  275. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionOSM.html());
  276.  
  277. $('#OOMOSMImg').click(function(){
  278. let latlon = get4326CenterPoint();
  279. //let lang = I18n.currentLocale().replace("en-US", "en");
  280.  
  281. window.open(`https://www.openstreetmap.org/#map=${(W.map.zoom + 12)}/${latlon.lat}/${latlon.lon}`);
  282. });
  283. }
  284.  
  285. $('#OOMYandex').remove();
  286. if(settings.Yandex){
  287. //https://n.maps.yandex.ru/#!/?z=14&ll=46.019795%2C51.505120&l=nk%23sat
  288. let $sectionYandex = $("<div>", {style:"padding:8px 16px"});
  289. $sectionYandex.html([
  290. '<span id="OOMYandex">',
  291. `<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;">`,
  292. '</span>'
  293. ].join(' '));
  294.  
  295. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionYandex.html());
  296.  
  297. $('#OOMYandexImg').click(function(){
  298. let latlon = get4326CenterPoint();
  299. //let lang = I18n.currentLocale().replace("en-US", "en");
  300.  
  301. window.open(`https://n.maps.yandex.ru/#!/?z=${(W.map.zoom + 12)}&ll=${latlon.lon}%2C${latlon.lat}&l=nk%23sat`);
  302. });
  303. }
  304.  
  305. $('#OOMHere').remove();
  306. if(settings.Here){
  307. //https://wego.here.com/?map=39.56508,-84.26224,16,normal&x=ep
  308. let $sectionHere = $("<div>", {style:"padding:8px 16px"});
  309. $sectionHere.html([
  310. '<span id="OOMHere">',
  311. `<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;">`,
  312. '</span>'
  313. ].join(' '));
  314.  
  315. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionHere.html());
  316.  
  317. $('#OOMHereImg').click(function(){
  318. let latlon = get4326CenterPoint();
  319.  
  320. window.open(`https://wego.here.com/?map=${latlon.lat},${latlon.lon},${(W.map.zoom + 12)},satellite&x=ep`);
  321. });
  322. }
  323.  
  324. $('#OOMNYFC').remove();
  325. if(settings.NYFC){
  326. let $sectionNYFC = $("<div>", {style:"padding:8px 16px"});
  327. $sectionNYFC.html([
  328. '<span id="OOMNYFC">',
  329. `<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;">`,
  330. '</span>'
  331. ].join(' '));
  332.  
  333. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionNYFC.html());
  334.  
  335. $('#OOMNYFCImg').click(function(){
  336. let e=W.map.getExtent();
  337. let geoNW=new OL.Geometry.Point(e.left,e.top);
  338. let geoSE=new OL.Geometry.Point(e.right,e.bottom);
  339.  
  340. Proj4js.defs["EPSG:26918"] = "+proj=utm +zone=18 +ellps=GRS80 +datum=NAD83 +units=m +no_defs";
  341.  
  342. let source = new Proj4js.Proj('EPSG:900913');
  343. let dest = new Proj4js.Proj('EPSG:26918');
  344.  
  345. geoNW = new Proj4js.Point(geoNW.x,geoNW.y);
  346. geoSE = new Proj4js.Point(geoSE.x,geoSE.y);
  347.  
  348. Proj4js.transform(source, dest, geoNW);
  349. Proj4js.transform(source, dest, geoSE);
  350.  
  351. let mapScale = 36111.909643;
  352.  
  353. switch (W.map.zoom) {
  354. case 0:
  355. case 1:
  356. mapScale = 72223.819286;
  357. break;
  358. case 2:
  359. mapScale = 36111.909643;
  360. break;
  361. case 3:
  362. mapScale = 18055.954822;
  363. break;
  364. default:
  365. mapScale = 9027.977411;
  366. break;
  367. }
  368.  
  369. let URL='http://gis3.dot.ny.gov/html5viewer/?viewer=FC&scale='+mapScale+'&extent='+geoNW.x+'%2C'+geoNW.y+'%2C'+geoSE.x+'%2C'+geoSE.y;
  370. window.open(URL,"_blank");
  371. });
  372. }
  373.  
  374. $('#OOMrosreestr').remove();
  375. if(settings.rosreestr){
  376. let $sectionRosreestr = $("<div>", {style:"padding:8px 16px"});
  377. $sectionRosreestr.html([
  378. '<span id="OOMrosreestr">',
  379. `<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;">`,
  380. '</span>'
  381. ].join(' '));
  382.  
  383. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionRosreestr.html());
  384.  
  385. $('#OOMrosreestrImg').click(function(){
  386. window.open(`http://pkk5.rosreestr.ru/#x=${W.map.center.lon}&y=${W.map.center.lat}&z=${(W.map.zoom + 12)}`);
  387. });
  388. }
  389.  
  390. $('#OOMPA511').remove();
  391. if(settings.PA511){
  392. let $sectionPA511 = $("<div>", {style:"padding:8px 16px"});
  393. $sectionPA511.html([
  394. '<span id="OOMPA511">',
  395. `<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;">`,
  396. '</span>'
  397. ].join(' '));
  398.  
  399. $('.view-area.olMap >div > div > div.WazeControlPermalink').append($sectionPA511.html());
  400.  
  401. $('#OOMPA511Img').click(function(){
  402. let latlon = get4326CenterPoint();
  403. window.open(`http://www.511pa.com/Traffic.aspx?${latlon.lat},${latlon.lon},${(W.map.zoom + 12)}z`);
  404. });
  405. }
  406. }
  407.  
  408. function loadSettings() {
  409. var loadedSettings = $.parseJSON(localStorage.getItem("OOM_Settings"));
  410. var defaultSettings = {
  411. GMaps: true,
  412. Mapillary: true,
  413. Terraserver: true,
  414. Wikimapia: false,
  415. Bing: false,
  416. OSM: false,
  417. LangSetting: 1,
  418. CustLang: "",
  419. Yandex: false,
  420. Here: false,
  421. MiDrive: false,
  422. NYFC: false,
  423. rosreestr: false,
  424. PA511: false
  425. };
  426. settings = loadedSettings ? loadedSettings : defaultSettings;
  427. for (var prop in defaultSettings) {
  428. if (!settings.hasOwnProperty(prop))
  429. settings[prop] = defaultSettings[prop];
  430. }
  431. }
  432.  
  433. function saveSettings() {
  434. if (localStorage) {
  435. var localsettings = {
  436. GMaps: settings.GMaps,
  437. Mapillary: settings.Mapillary,
  438. Terraserver: settings.Terraserver,
  439. Wikimapia: settings.Wikimapia,
  440. Bing: settings.Bing,
  441. OSM: settings.OSM,
  442. LangSetting: settings.LangSetting,
  443. CustLang: settings.CustLang,
  444. Yandex: settings.Yandex,
  445. Here: settings.Here,
  446. MiDrive: settings.MiDrive,
  447. NYFC: settings.NYFC,
  448. rosreestr: settings.rosreestr,
  449. PA511: settings.PA511
  450. };
  451.  
  452. localStorage.setItem("OOM_Settings", JSON.stringify(localsettings));
  453. }
  454. }
  455.  
  456. function isChecked(checkboxId) {
  457. return $('#' + checkboxId).is(':checked');
  458. }
  459.  
  460. function setChecked(checkboxId, checked) {
  461. $('#' + checkboxId).prop('checked', checked);
  462. }
  463.  
  464. function bootstrapGeneral(initdelegate, tries = 1){
  465. if(document.readyState !== 'complete' )
  466. setTimeout(function() {bootstrapGeneral(initdelegate, tries++);}, 200);
  467. else
  468. initdelegate();
  469. }
  470.  
  471. let is511PAloaded = false;
  472. function bootstrap511PA(tries = 1){
  473. if(iFrameVar.map){
  474. iFrameVar.map.addListener('tilesloaded', function() {
  475. //http://www.511pa.com/Traffic.aspx?40.85,-77.6,12z
  476. if(!is511PAloaded){
  477. if(location.search.indexOf("?") > -1){
  478. let params = location.search.split("?")[1].slice(0,-1);
  479. iFrameVar.recenterMap(params);
  480. }
  481. is511PAloaded = true;
  482. }
  483. });
  484. }
  485. else{
  486. setTimeout(function(){bootstrap511PA(tries +=1);}, 100);
  487. }
  488.  
  489. $(document).ready(function(){
  490. init511PA();
  491. });
  492. }
  493.  
  494. function bootstrap(tries = 1) {
  495. if(location.href.indexOf("google.com/maps") > -1)
  496. bootstrapGeneral(initGoogleMaps, 1);
  497. else if(location.href.indexOf("wv511.org") > -1)
  498. bootstrapGeneral(initWV511, 1);
  499. else if(location.href.indexOf("511virginia.org") > -1)
  500. bootstrapGeneral(init511virginia, 1);
  501. else if(location.href.indexOf("mdotnetpublic.state.mi.us") > -1)
  502. bootstrapGeneral(initmiDrive, 1);
  503. else if(location.href.indexOf("http://pkk5.rosreestr.ru") > -1)
  504. bootstrapRosreestr(1);
  505. else if(location.href.indexOf("http://www.511pa.com/Traffic") > -1)
  506. bootstrap511PA(1);//bootstrapGeneral(init511PA, 1);
  507. else{
  508. if (W &&
  509. W.map &&
  510. W.model &&
  511. $ && WazeWrap.Ready) {
  512. initInterface();
  513. } else if (tries < 1000) {
  514. setTimeout(function () {bootstrap(tries++);}, 200);
  515. }}
  516. }
  517.  
  518. function RosreestrToWaze(){
  519. let lon, lat, zoom;
  520. let curURL = location.href.match(/x=(\d*.\d*)&y=(\d*.\d*)&z=(\d+)/);
  521. lon = curURL[1];
  522. lat = curURL[2];
  523. zoom = parseInt(curURL[3]);
  524.  
  525. let source = new Proj4js.Proj('EPSG:900913');
  526.  
  527. var point = new Proj4js.Point(parseFloat(lon), parseFloat(lat));
  528. Proj4js.transform(source, Proj4js.WGS84, point);
  529. return `https://www.waze.com/en-US/editor/?lon=${point.x}&lat=${point.y}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`;
  530. }
  531.  
  532. function initRosreestr(){
  533. var observer = new MutationObserver(function(mutations) {
  534. mutations.forEach(function(mutation) {
  535. if (mutation.type === "attributes" && mutation.target == document.getElementsByClassName("btn btn-default btn-tool-lg js-showList")[0]) insertWMELinkRosreestr();
  536. });
  537. });
  538.  
  539. observer.observe(document.getElementById("sidebar-region"), { childList: true, subtree: true, attributes:true});
  540.  
  541. insertWMELinkRosreestr();
  542. }
  543.  
  544. function insertWMELinkRosreestr(){
  545. if(document.getElementById("OOMWazeButton") !== null)
  546. document.getElementById("OOMWazeButton").remove();
  547.  
  548. let $OOMWazeButton = document.createElement("div");
  549.  
  550. $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>';
  551. document.getElementsByClassName('btn-group-vertical js-appList')[0].appendChild($OOMWazeButton);
  552.  
  553. document.getElementById("OOMWazeButton").addEventListener("click", function(){
  554. window.open(RosreestrToWaze());
  555. });
  556. }
  557.  
  558. function bootstrapRosreestr(tries=1){
  559. if (document.getElementsByClassName('btn-group-vertical js-appList').length > 0) {
  560. initRosreestr();
  561. } else if (tries < 1000) {
  562. setTimeout(function () {bootstrapRosreestr(tries++);}, 200);
  563. }
  564. }
  565.  
  566. function initGoogleMaps(){
  567. let $OOMWazeButton = document.createElement("div");
  568. $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>';
  569. let parent = document.getElementById("content-container");
  570. parent.appendChild($OOMWazeButton);
  571.  
  572. document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  573. window.open(GMToWaze());
  574. });
  575.  
  576. document.getElementById('OOMWazeButtonDiv').addEventListener("mouseenter",function(e) {
  577. document.addEventListener('keydown', copyPLHotkeyEvent);
  578. document.getElementsByClassName('widget-scene-canvas')[0].addEventListener('keydown', copyPLHotkeyEvent);
  579. });
  580.  
  581. document.getElementById('OOMWazeButtonDiv').addEventListener('mouseleave', function() {
  582. document.removeEventListener('keydown', copyPLHotkeyEvent);
  583. document.getElementsByClassName('widget-scene-canvas')[0].removeEventListener('keydown', copyPLHotkeyEvent);
  584. });
  585. }
  586.  
  587. var copyToClipboard = function(str) {
  588. var temp = document.createElement("input");
  589. document.body.append(temp);
  590. temp.value = str;
  591. temp.select();
  592. document.execCommand('copy');
  593. document.body.removeChild(temp);
  594. };
  595.  
  596. var copyPLHotkeyEvent = function(e) {
  597. if ((e.metaKey || e.ctrlKey) && (e.which === 67))
  598. copyToClipboard(GMToWaze());
  599. };
  600.  
  601. function GMToWaze(){
  602. let lon, lat, zoom;
  603. let curURL = location.href.split('@').pop().split(',');
  604. lon = curURL[1];
  605. lat = curURL[0];
  606. zoom = parseInt(curURL[2]);
  607. return `https://www.waze.com/en-US/editor/?lon=${lon}&lat=${lat}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`;
  608. }
  609.  
  610. function init511PA(){
  611. $('#OOMWazeButtonDiv').remove();
  612. let $wazer = $("<div>", {style:"padding:8px 16px"});
  613. $wazer.html([
  614. '<li>',
  615. '<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>',
  616. '</li>'
  617. ].join(' '));
  618.  
  619. $('#optMain').append($wazer.html());
  620.  
  621. $('#OOMWazeButtonDiv').click(function(){
  622. let lon, lat, zoom;
  623. let latlon = iFrameVar.getCenterOfMap().split(',');
  624. lon = latlon[1];
  625. lat = latlon[0];
  626. zoom = iFrameVar.zoom;
  627. window.open(`https://www.waze.com/en-US/editor/?lon=${lon}&lat=${lat}&zoom=${(Math.max(0,Math.min(10,(zoom - 12))))}`);
  628. });
  629. }
  630.  
  631. function init511virginia(){
  632. $('#incident_table_paginate > a').click(insertWazeLinks511Virginia);
  633. insertWazeLinks511Virginia();
  634. }
  635.  
  636. function insertWazeLinks511Virginia(){
  637. $('#incident_table > tbody > tr > td > a').parent().append(function(){
  638. if($(this).find("a").length === 1){
  639. let latlons = $(this).find("a")[0].href.match(/lon1=(.*)&lat1=(.*)&lon2=(.*)&lat2=(.*)/);
  640.  
  641. let lonCenter = Math.min(latlons[1],latlons[3]) + (Math.abs(latlons[1] - latlons[3])/2);
  642. let latCenter = Math.min(latlons[2], latlons[4]) + (Math.abs(latlons[2] - latlons[4])/2);
  643. return ` <a href='https://www.waze.com/editor/?env=usa&lon=${lonCenter}&lat=${latCenter}&zoom=4' target='_blank'>Open in WME</a>`;
  644. }
  645. return "";
  646. });
  647. }
  648.  
  649. function initmiDrive(){
  650. //g$('#dialog')
  651. var observer = new MutationObserver(function(mutations) {
  652. mutations.forEach(function(mutation) {
  653. if (g$(mutation.target).is("#dialog")) insertWMELinkMiDrive(mutation.target);
  654. });
  655. });
  656.  
  657. observer.observe(g$('#dialog').parent()[0], { childList: true, subtree: true });
  658. }
  659.  
  660. function insertWMELinkMiDrive(changedDiv){
  661. for(let i=0; i<incidents.graphics.length; i++){
  662. 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){
  663. 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>`);
  664. break;
  665. }
  666. }
  667. }
  668.  
  669. function initWV511(){
  670. if(document.getElementById("OOMWazeButtonDiv") !== null)
  671. document.getElementById("OOMWazeButtonDiv").remove();
  672.  
  673. let $OOMWazeButton = document.createElement("div");
  674. $OOMWazeButton.setAttribute("id", "OOMWazeButtonDiv");
  675. $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;");
  676. $OOMWazeButton.setAttribute("title", "Open in WME");
  677. document.body.appendChild($OOMWazeButton);
  678.  
  679. document.getElementById("OOMWazeButtonDiv").addEventListener("click", function(){
  680. let lon1, lon2, lonCenter, lat1, lat2, latCenter;
  681. let latlon = location.href.split(":");
  682. lon1 = latlon[2];
  683. lat1 = latlon[3];
  684. lon2 = latlon[4];
  685. lat2 = latlon[5];
  686.  
  687. lonCenter = Math.min(lon1,lon2) + (Math.abs(lon1 - lon2)/2);
  688. latCenter = Math.min(lat1, lat2) + (Math.abs(lat1 - lat2)/2);
  689. window.open(`https://www.waze.com/en-US/editor/?lon=${lonCenter}&lat=${latCenter}&zoom=5`);
  690. });
  691. }
  692.  
  693. bootstrap();
  694. })();