- // ==UserScript==
- // @name WME DOT Cameras
- // @namespace https://greasyfork.org/en/users/668704-phuz
- // @require https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
- // @version 1.69
- // @description Overlay DOT Cameras on the WME Map Object
- // @author phuz, doctorblah
- // @include /^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/?.*$/
- // @require http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
- // @grant GM_xmlhttpRequest
- // @grant GM_info
- // @grant GM_fetch
- // @grant GM_addStyle
- // @require https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.1.2-0.canary.8064/hls.js
- // @require https://unpkg.com/video.js/dist/video.js
- // @require https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js
- // @require https://cdnjs.cloudflare.com/ajax/libs/x2js/1.2.0/xml2json.min.js
- // @connect 72.167.49.86
- // @connect jsdelivr.net
- // @connect 511pa.com
- // @connect deldot.gov
- // @connect 511ny.org
- // @connect 511nj.org
- // @connect maryland.gov
- // @connect 511virginia.org
- // @connect newengland511.org
- // @connect algotraffic.com
- // @connect nvroads.com
- // @connect tn.gov
- // @connect 511ga.org
- // @connect iteriscdn.com
- // @connect skyvdn.com
- // @connect idrivearkansas.com
- // @connect akamaihd.net
- // @connect goakamai.org
- // @connect trafficwise.org
- // @connect ga.gov
- // @connect google.com
- // @connect fl511.com
- // @connect 511ia.org
- // @connect idaho.gov
- // @connect arcgis.com
- // @connect kandrive.org
- // @connect mass511.com
- // @connect mi.us
- // @connect 511mn.org
- // @connect modot.org
- // @connect mt.gov
- // @connect azureedge.net
- // @connect nebraska.gov
- // @connect nmroads.com
- // @connect ohgo.com
- // @connect tripcheck.com
- // @connect ri.gov
- // @connect utah.gov
- // @connect ca.gov
- // @connect txdot.gov
- // @connect modttraffic.om
- // @connect nd.gov
- // @connect cttravelsmart.org
- // @connect vaisala.com
- // @connect skyvdn.com
- // @connect cotrip.org
- // @connect austintexas.gov
- // @connect wyoroad.info
- // @connect ncdot.gov
- // @connect carsprogram.org
- // @connect ksdot.org
- // @connect iteris-atis.com
- // @connect quebec511.info
- // @connect transports.gouv.qc.ca
- // @connect ville.montreal.qc.ca
- // @connect txdot.gov
- // @connect arcadis-ivds.com
- /* global OpenLayers */
- /* global W */
- /* global WazeWrap */
- /* global $ */
- /* global I18n */
- /* global _ */
- /* global MutationObserver */
- /* global localStorage */
-
- // ==/UserScript==
-
- let ALLayer, AKLayer, AZLayer, ARLayer, CALayer, COLayer, CTLayer, DELayer, DCLayer, FLLayer, GALayer, HILayer, IDLayer, ILLayer, INLayer, IALayer, KSLayer, KYLayer, LALayer, MELayer, MDLayer, MALayer, MILayer, MNLayer, MSLayer, MOLayer, MTLayer, NELayer, NVLayer, NHLayer, NJLayer, NMLayer, NYLayer, NWLayer, NCLayer, NDLayer, OHLayer, OKLayer, ORLayer, PALayer, QCLayer, RILayer, SCLayer, SDLayer, TNLayer, TXLayer, UTLayer, VTLayer, VALayer, WALayer, WILayer, WVLayer, WYLayer;
- let ALFeed = [], AKFeed = [], AZFeed = [], ARFeed = [], CAFeed = [], COFeed = [], CTFeed = [], DEFeed = [], DCFeed = [], FLFeed = [], GAFeed = [], HIFeed = [], IDFeed = [], ILFeed = [], INFeed = [], IAFeed = [], KSFeed = [], KYFeed = [], LAFeed = [], MEFeed = [], MDFeed = [], MAFeed = [], MIFeed = [], MNFeed = [], MSFeed = [], MOFeed = [], MTFeed = [], NEFeed = [], NVFeed = [], NHFeed = [], NJFeed = [], NMFeed = [], NYFeed = [], NWFeed = [], NCFeed = [], NDFeed = [], OHFeed = [], OKFeed = [], ORFeed = [], PAFeed = [], QCFeed = [], RIFeed = [], SCFeed = [], SDFeed = [], TNFeed = [], TXFeed = [], UTFeed = [], VTFeed = [], VAFeed = [], WAFeed = [], WIFeed = [], WVFeed = [], WYFeed;
- var localsettings = {}, settings, video, player, hls, staticUpdateID, newZIndex;
- var state, stateLength, settingID, cameraKeys = [];
- var paToken = "";
- let mapBounds;
- let showUpdate = false;
- const updateMessage = "► Fix for WME update";
- const x2js = new X2JS();
- const camIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRDNGNTkwRTYzQThFMzExQTc4MDhDNjAwODdEMzdEQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2OUI0RUEyN0IwRjcxMUUzOERFM0E1OTJCRUY3NTFBOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OUI0RUEyNkIwRjcxMUUzOERFM0E1OTJCRUY3NTFBOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGOEJBMzExNkZCMEUzMTFCOEY5QTU3QUQxM0M2MjI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFEM0Y1OTBFNjNBOEUzMTFBNzgwOEM2MDA4N0QzN0RBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TV0cjwAABbhJREFUeNpiYIAAXiZGCIMPiP//f8DwnwnI+PT/HZD8y8AAEEBQVQzTwOSfuwz/u6qAyh4y/Gf8f4/hPwMnUJSZgQEggMCyzpZAmbsILMTHcAokPhPEWT8dqJoBgvetAtMMDBIiDCf/P4bqeMXwf+t8BiOAAGJAAqVA7A1iPH/+goFBT4OB8f9LJDueAzFQgOHGLoTZYEGgpJgww0+G/68ZQArAEsryEHpRN5BuK4FIcHMhjJORVTvBYG3MwPD2CkKwKAVI/3nBABBAYOcY6zKAjGSQEmP4cGkXxMlgK4BeaCll+B/lzzDh/yegmr8vIO4HGv/l/0eG/w4WDP9fnUM4Dhl/uMzwf/6CFQ4g9RUgE3ctRvgGGSvJMfw/tw3i7sY8hv8sQMGrQE8yuFoBZe8CeRwMDIKaDAyWRgwM2xYD+exA/AuIvwAV3kaE6sSPQCuBHv2vqczwf0YL0MR7SE4CsgsTGP5///aSCZQSGDRVGPJfv2dgNDNkcP30heHbB6BpyzYyMCRVMjCwqDIcOX+LgTEtioGRhfn/P4AAbJTfK0NhGMe/Z+ecpVkrScnIlCiWkoulpFyhxgXKXCGK3XGBG/4BJcoNN665tqsxo6XshiKtyQybn82vMZPF63nPOXKYi+fieU7P8z59P9/n6NlBVNrRRDFPMUlRIGhmM0gWzk5NSCFMuDE2MqAaUJGUhDgOgNmKkXmLwMRudA11diynI9lSKhEHG+oBu9q1mHkDf9AWWkM0dgHEb4H+PqqkKD51uxpJuSoDHpIfAowyohyUveJH+9pqUjigav/9UnIfzO/frkRvBxUuwcpK/gc3PkzfzynuwRoanYuStZDKaeAkwA8QEPJ/CYfpBUCmqxp1E7uXJ6u0tUNVQbvIR+DIBzgHgQMvrZ5LZWIiSuowh6N+nQ9ZYgnNcLTzdRBsz5Ot1socWCr1KipYulrJVDIQjqjwgqsESvcPQB5QWmP2nsWem5X80IeizhaadPfHQwTxnXJTDk5ZQgeOOCC0ScY0wtPdRrc4AzY7BVZuQ8bVDhcXJLyhNnwJUFj5hTQVhmH8mQ7H5nYYkRxJw8hqBWYsLIr+gisKYobdjKguClOKLiQvgrrwqogiIr1wECHdRCCjIopNiCKZIGkthysrrWSklg36M6O5fT3fzmk7C8kDL4zt2/neP8/ze01/b6XuceWsVmAJJR56gurObjSn0/DWrEY152SmIyFBNk1sxZhBZAQTyVmEDjeiy9eAQdm4FK1gLlHg8Y3CYlXzZW12A1+GYd1Yi1u1LogXQSYgmxdnjM8jsTFNZvLMxADE3h0QS8vxNNqLJWKa2ZMXBRXwaaNmL/XdoUct+hhtjF+MFBZ+zJq5Gw6ywoRyI/xs/JjJtCj38+XWo3rGdM6pI3nlqYshmmiGx7fJpLE8rAqGZQy+49o5CNeauoeplJZZPbWfztqSWurvmV/ixrCXQjRSFQE/xI8R/dK44VJae99OorWt/Xh2tZxp0Q+903zynX/q6YLwevgy28IXyiBYxCY3cXYeIvGGRL0Isc697Z5k0NRMQj8Grd92zuDALuAuIRm8CVSohe1uYZ+T74FwADjdBFBh6GgH+mm3ZuLDSb9Ocg9YLNYZOeSyUitevupFeWWVTlzjQ0dNfQJW1fOybulPWlmyZ85wpshQC43/m+9YsR2ZTn9wg5z955+z2FO3H0PRIIqcHHzgPpAgNukwOJzAwCB3NiFQxsyyjJ37J4lMXklpfnaRyidaO3xe7+6h3JmVy2CjkcInD3EO3/T1xsFn3mobX0z+RzkfNAxcpXrIjo+RkFKp0VLkk1hfwwqJr69RODxbcH05gem/wIEN62TV13XuMxNIvqYYqCT6R6x14UHsEarkwhBxJbtnC4wmS9fXDuT2stFkxIDsp4tfbZU5MCr0jnMbIMLoKy7Gc8WunU3rxHMoCmKxUaiqij/5alOWhMPoGAAAAABJRU5ErkJggg==';
- const camRed = 'data:image/gif;base64,R0lGODlhGAAYAOYAAAsKABAOAA4MAHI0DmsxDWItDEkiCWcwDVcoC04kCkghCUYgCXw5EF0rDFIlCjcYB4M7ET0bCI5AE4c9EqNFFp5EFZtEFahHF6pIGK1HGK9IGblKG7hIG7NHGiUPBsBJHcJJHsJKHiUOBshIH8ZIH8ZJH81HIcxHIctHIc5FIs5GItFDI8Y/IdNCJNJDJM1AI8xAI8lAIsc/IsM/IcI+Ib48IL49IL08ILs6ILs7IM9BJLc5INQ/Jc4/JLk5ILc4ILY4ILU2ILU3ILM1INU+JrQ0ILM0INY8J7IyILI0ILExINY7J9c5KNY5KNc2KRIEA9c1Kdc0KtcxKxEDA9cuK9csLNctLNcuLAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFkALAAAAAAYABgAAAfZgFmCg4SFhoeGQTc1P4iOOUxVkpNQNI6ETZOak1KXWZugkzuIoaVVSIZOVSsDJVamk4U5khRYWA8WLbAyhKpVCLa2Uw0bUaWEkkRTwcweEyagSoJCkisLy8zBUwoYR5MdgjWaJxAi2cxPByFVJII2oCnMUwbYUxouVSOCP6A8EcIVqvC4gODDJA6DQjkJkICBqSKDpICiIoAILEI0JgJYYqpHIUkoQIxQkWEKFFOGjFSRQKCBgwIgTOE45OMKrEksHCW5WSWHpywxSun4SWjIDBgvWAAhytRQIAA7';
- const staticIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDBJREFUeNrEV21sU1UYfu7t7W67tmPrWOYmyYCVTFEhqOlYxBA0sh8CMTgI/sAYRI2gQaMJ/CP+IDFRI/xAA/xSxC8+YhRENNmCQWUThs648LFiR8w2WNttXfdx14/j+561w2W92rq2nmTJes4953nOeZ/zvOdVhBBNAN6MxeK1Z87+hou//oHem4NQFAW5bISDqspSPLB0ARpX3gdNs/ioe5dCA9ev+HoX7H7rBNoudSEyYiAajSEfzWrV4HTo8N7vwRuvrUedp6pbGRufEE+9uB/nL1yjgVo0Pe5FxdySvBDoD4Rx7FQbbdSH+mUefPL+duDLb9pFzYOviPVb9opAcFjkuwVCw+LJrfsk5henLwj1fDsd++g4mtZ4Ue52It+tvMyJDYTFmK3tPqihwQhIgAUBT7WyUgfihBkaGoHKame9JxKiYARSWAQO7b8sMEG3RPydL/1vsSh8tbJeK2sCJ7+7hOOnfoaVwZJewXc8EU/g6Y0rsLLh7twRiIyMY++hM5hTYsf2Zx6Dz9+H3W+fQCAYhmaxIHUIzCMajeOa/yY+3r8N86rdsyMQJYG0nOtE8w+dOHL8R7icNoTDY/jl924MhUfpt33GHLsN6OkbwM49n+LRh++Z6o/TydQtrMKK5XUy5hkR+LMnhF17PsMt2mnZHIcUzcEjLdDJyew2q4y/YURJC3G5+yLqLyqaHGOTOfvT5dt6mYhi6eIafPTeNlSmMbi0BHhSglB45xxfBnE5bMkdCRqP4d675sGzsJJiL3C5qwdXfX3QdQ16kVX+TZ0mCZbXMrP3tAT4aqrqzOPi42Sl73iuEZueaEBFuUv2c/L68Og5fPD595KwqqrT5vFaZslNyyabxYjA85tX4eVnV08b4yy386U1GKewHCYiuq4i02SqZkqAd8873rhuuek3G9Z6J10ukcj4FmRMgONY4rLjzjvKTL/xzK+U6VYIkXsCHEPDiMEggZq1AfL2yZuh5J6AhYTVHxhCM/mDWeOxYCiSVsCzJsCLGrS7feSMV6/3zRjv6LyBA4ebKVSJtIaTk1ygk9n4um9hy6sHsWldAx7yLpKpnI3n6Mk2mV5t9E0WEkhPgBcwExKTCAQjePfQabxz4Oup8FitFumU6ab9EyHN9LjJ7cLDYzLp/Ht+j8v8YeaqLNysjKiartqOrY3w3+iHZs0+x09LbKSbxYuq5VMsYwKOYh0vbH6kIK8jFf9zU1Niy+buzho0icXuqrpLnbBQhgsNRApGYGBwRGK66a2hepfVwllsk++8YAFIMAZ7BmPWUyWmjI4asjRrpbqwnsg0ra3HXLcrL+BUFeHYV62Edbs04+LUf6Wrt4Yfm22ySjLkszvXimCl8dPNWZwsTl9PFqep8pyyWO23LR242OFHb/9gVn6eaTqvqqDyfMl8rF61hMhMlud/CTAAgS0zvPJ72lwAAAAASUVORK5CYII=';
- const warning = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk4MDFDMjUwNzIzRDExRTNBQTczRjkyOTZEQ0IyOTY0IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4MDFDMjRGNzIzRDExRTNBQTczRjkyOTZEQ0IyOTY0IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ1dWlkOmFiMzczNzVkLWIwYTYtNDRjNC04OTE4LWU4M2ZiOTRhOGY4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpjMjUyYWZlMC1mMjU0LWY5NDMtOGZiZi0wMTc3Mzc1ZWEzYzYiLz4gPGRjOnRpdGxlPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5JbmNpZGVudHNfb3V0bGluZWQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmcc3z4AAASdSURBVHja7FdLaFxVGP7OPfc1M5lMJ5M0Gk0nNdE+sogPLNG2KNaFUksqlkAjSGtcCBJUWgouhErAUOhCwb2uXJQupCtF0I102SrEUsFNkRaxJJ3MTGbu+/j/J2lnKp04HdNkY+AnZ875/u9853/ce65QSmEz/wxs8t//AjZdgDkytL1j5whIaRKgvuERCIH9UDjHpsedRqATJwE8Yimcn5LuVv79deztEQJPU0Nf35AILCZq7lXX3jqds8DGY5574Cmgk6OS4PCoJaamcvSjO9HGY57jtQcqwFPot1V85lhByPHptzBw7jttz9H4eK8hnSQ+4xPmfjhlz5YtbQHprChH6vRrTuXQqddfgP3+HGSuANnVDYw9ix3XL+G3X68UfgkduFJ8L9Y7AvUYL+7MipMndig4eQdKNOqXx07exomdCoxh7LqmIFRwbYHP3t1uYHevgXq9CgRNre/X9ByvMYax7LN+EVA4/XKfMTbRJ3GzYiKs+lCh31gOA4Tlul5jDGPZZ10ERAp7C7aYmX7YgvIl6p4Fv+IjCcJGfZAAvxroNcYwln3Y978KkLVEfXK0z0yPmAbKNYEglAjKAZ06bIpAhKASIvBXMIxlH/Zljo4EcBUvRsl7e7vkgYMZC/Ua554E0An98j8iEFAEyh6CwNQYxrIP+zKH6ERATanhHtP46M2sgxydurRMdeeRAM+Ed8tD4gcNAV6g53zf1BjGsg/7Mgdz3ZcAeqbTo158fiRtP/SMsPAnEYYU3sAz6L+EV/IQeY0ijFnAko+I1lYwhvZhX+ZgLuZsW0BVqalRUx6ckA7lVMH3WMCqhSSEU+A3UhBTOgIWEBp3cOzDvszBXMzZlgCiHcwL8ekbho1UYIAKHoqinfirFlIaKAJJEDfVQKTnYlq7jWMf9mUO5mJO5l5TgNKXDDW3H/bAk7GFcqD0hnGTJTGFWatqdiRRVIS8dheWjDmYizmZW60lgACHt0EemVAOkdFJknubYbtY+nn+jl+ZxobltsQzF3MyN+9xV7cNF4f0YahVBkKlLp6UmeI+Kp4qvX5afjEkCjLloO/QK/rnXxe+pU6gqBiiZUt30Vl/UiHOxsvXLCGeJ+4b4nYEeHBLqVMHLKu4zzWROAmodmC2MEP4SA32Izu6W1u62K/nWuGZizmZm/fgvUTzlWw5US8Nm3JmMuMgQzOlVj2jn3pUSl0mRmY/RveecT2X2TWMq++8Te0QQtj39uSSzdKuk5aD+Uoy80cUX8gY4geTaiRPX2ezk92WMZaTWIiTNV9jyo8gM1m4xcZt2t1WRLrgIi6XIdzW10x6gGNMSkwKyzi7EM/S3pdlKpv7YCJvHf/wURvKVrApXKm1LC1h+SU4jgV7eBddk+qof/Mloks/IpNPI+W29nU5fY7CU90GbgRq8Eo9LplpQ4w/QZeaJBVhgaIr2rnKOGlUzn8BZ/7iynXg6mUYhfRqoP/lzU7p7aUs8Z7pJTEuHisOHe1z8FUPvUljhfY+lVkl9VdSXVrp5QyxUWjR5pe2FBCLVC43fRwTj1Mb0kVypBbrLtqQb3XqYkGZhCPw+98CDACt/EZVMWT0ogAAAABJRU5ErkJggg==';
- const delay = ms => new Promise(res => setTimeout(res, ms));
-
- (function () {
- 'use strict';
- //Bootstrap
- function bootstrap(tries = 1) {
- if (W && W.loginManager && W.map && W.loginManager.user && W.model && W.model.states && W.model.states.getObjectArray().length && WazeWrap && WazeWrap.Ready) {
- if (!OpenLayers.Icon) {
- installIcon();
- }
- init();
- //getFeed("http://72.167.49.86:8080/user?user=" + W.loginManager.user.userName, "text", "");
- console.log("WME DOT Cameras Loaded!");
- } else if (tries < 1000) {
- setTimeout(function () {
- bootstrap(++tries);
- }, 200);
- }
- }
- //Build the Tab and Settings Division
- function init() {
- var $section = $("<div id=WMEDOTCameraPanel>");
- $section.html([
- '<div id="chkCameraEnables">',
- '<a href="https://www.waze.com/forum/viewtopic.php?f=819&t=304760" target="_blank">WME DOT Cameras</a> v' + GM_info.script.version + '<br>',
- '<div id="chkSettings">',
- '<table border=1 style="text-align:center;width:90%;padding:10px;">',
- '<tr><td width=80 style="text-align:center"><b>Enable</b></td><td style="text-align:center"><b>Setting</b></td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkHideZoomOut" class="wmeDOTCamSettings"></td><td align=center>',
- 'Hide at zoom: <select class="wmeDOTCamSettings" id="valueHideZoomLevelCam">',
- '<option value=12>12</option>',
- '<option value=13>13</option>',
- '<option value=14>14</option>',
- '<option value=15>15</option>',
- '<option value=16>16</option>',
- '<option value=17>17</option>',
- '<option value=18>18</option>',
- '</select>',
- '</td></tr>',
- '</table>',
- '</div><br>',
- '<table border=1 style="text-align:center;width:90%;padding:10px;">',
- '<tr><td width=80 style="text-align:center"><b>Enable</b></td><td style="text-align:center"><b>State</b></td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkAKCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>AK</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkALCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>AL</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkARCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>AR</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkAZCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>AZ</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkCACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>CA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkCOCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>CO</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkCTCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>CT</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkDCCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>DC</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkDECamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>DE</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkFLCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>FL</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkGACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>GA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkHICamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>HI</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkIACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>IA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkIDCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>ID</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkILCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>IL</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkINCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>IN</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkKSCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>KS</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkKYCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>KY</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkLACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>LA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkMACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>MA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkMDCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>MD</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkMICamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>MI</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkMNCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>MN</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkMOCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>MO</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkMSCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>MS</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkMTCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>MT</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNCCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>NC</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNDCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>ND</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNECamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>NE</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNWCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>New England (NH, VT, ME)</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNJCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>NJ</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNMCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>NM</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNVCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>NV</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkNYCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>NY</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkOHCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>OH</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkOKCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>OK</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkORCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>OR</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkPACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>PA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkQCCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>QC</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkRICamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>RI</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkSCCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>SC</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkSDCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>SD</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkTNCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>TN</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkTXCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>TX</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkUTCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>UT</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkVACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>VA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkWACamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>WA</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkWICamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>WI</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkWVCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>WV</td></tr>',
- '<tr><td align=center><input type="checkbox" id="chkWYCamEnabled" class="wmeDOTCamCheckbox"></td><td align=center>WY</td></tr>',
- '</table>',
- '</div>'
- ].join(' '));
- WazeWrap.Interface.Tab('DOT Cameras', $section.html(), initializeSettings, '<span title="DOT Cameras">DOT Cameras</span>');
- if (showUpdate) {
- WazeWrap.Interface.ShowScriptUpdate("WME DOT Cameras", GM_info.script.version, updateMessage, "https://greasyfork.org/en/scripts/407690-wme-dot-cameras", "https://www.waze.com/forum/viewtopic.php?f=819&t=304760");
- }
- getBounds();
- W.map.events.register("moveend", W.map, function () {
- if (localsettings.enabled) {
- getBounds();
- redrawCams();
- }
- });
- $('#chkHideZoomOut').change(function () {
- redrawCams();
- });
- $('#valueHideZoomLevelCam').change(function () {
- redrawCams();
- //saveSettings();
- });
- }
- function setEnabled(value) {
- settings.enabled = value;
- saveSettings();
- const color = value ? '#00bd00' : '#ccc';
- $('span#dot-cameras-power-btn').css({ color });
- for (var i = 0; i < stateLength; i++) {
- state = document.getElementsByClassName("wmeDOTCamCheckbox")[i].id.replace("chk", "").replace("CamEnabled", "");
- if (W.map.getLayersByName(state + 'Layer').length != "0") {
- eval(state + 'Layer.setVisibility(' + value + ')');
- }
- }
- }
- function getBounds() {
- mapBounds = new OpenLayers.Bounds(W.map.getExtent());
- mapBounds = mapBounds.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:3857"));
- return mapBounds;
- }
-
- //Load the CSS
- GM_xmlhttpRequest({
- method: "GET",
- url: 'http://72.167.49.86:8080/CSS',
- onload: function (response) {
- var result = response.responseText;
- GM_addStyle(result);
- }
- });
-
- //Build the State Layers
- function buildDOTCamLayers(state) {
- eval(state.substring(0, 2) + 'Layer = new OpenLayers.Layer.Markers("' + state.substring(0, 2) + 'Layer")');
- eval('W.map.addLayer(' + state.substring(0, 2) + 'Layer)');
- //eval(state + "Layer.setZIndex(" + newZIndex + ")");
- W.map.getOLMap().setLayerIndex(eval(state.substring(0, 2) + 'Layer'), 10);
- }
- function getFeed(url, type, headers, callback) {
- GM_xmlhttpRequest({
- method: "GET",
- headers: { headers },
- url: url,
- onload: function (response) {
- var result = response.responseText;
- callback(result);
- }
- });
- }
- async function redrawCams() {
- await W.map.getZoom();
- for (const property in settings) {
- let state = property.replace("chk", "").replace("CamEnabled", "");
- if (state.length == 2) {
- if (document.getElementById('chk' + state + 'CamEnabled').checked && (W.map.getLayersByName(state + 'Layer').length == 1)) {
- eval('W.map.removeLayer(' + state + 'Layer)');
- buildDOTCamLayers(state);
- eval('testCam(' + state + 'Feed, config.' + state + ')');
- if (W.map.getZoom() >= 12) {
- if (document.getElementById('chkHideZoomOut').checked) {
- if (W.map.getZoom() > document.getElementById('valueHideZoomLevelCam').value) {
- eval(state + 'Layer.setVisibility(true)');
- } else {
- eval(state + 'Layer.setVisibility(false)');
- console.log("disabling " + state);
- }
- } else {
- eval(state + 'Layer.setVisibility(true)');
- }
- } else {
- eval(state + 'Layer.setVisibility(false)');
- }
- }
- }
- }
- }
- function getCam(state) {
- let j = 0;
- while (j < state.URL.length) {
- console.log(state.URL);
- getFeed(state.URL[j], "json", "", function (res) {
- let resultObj = [];
- if (state.x) {
- resultObj = state.x(x2js.xml_str2json(res));
- } else if (state.y) {
- resultObj = state.y(JSON.parse(res.toString().match(/(?<=camera_data = )[\s\S]*/)));
- } else {
- resultObj = state.data(JSON.parse(res));
- }
- eval(state.scheme(resultObj[1]).state + 'Feed = resultObj');
- testCam(resultObj, state);
- if (localsettings.enabled) {
- if (document.getElementById('chkHideZoomOut').checked) {
- if (W.map.getZoom() > document.getElementById('valueHideZoomLevelCam').value) {
- eval(state.scheme(resultObj[1]).state + 'Layer.setVisibility(true)');
- } else {
- eval(state.scheme(resultObj[1]).state + 'Layer.setVisibility(false)');
- }
- }
- else {
- eval(state.scheme(resultObj[1]).state + 'Layer.setVisibility(true)');
- }
- }
- });
- j++;
- }
- }
- function testCam(resultObj, state) {
- let i = 0;
- while (i < resultObj.length) {
- if ((state.scheme(resultObj[i]).lon > mapBounds.left) && (state.scheme(resultObj[i]).lon < mapBounds.right)) {
- if ((state.scheme(resultObj[i]).lat > mapBounds.bottom) && (state.scheme(resultObj[i]).lat < mapBounds.top)) {
- drawCam(state.scheme(resultObj[i]));
- }
- }
- i++;
- }
- }
- function drawCam(spec) {
- var icon;
- var size = new OpenLayers.Size(20, 20);
- if (spec.enabled == false) {
- icon = new OpenLayers.Icon(camRed, size);
- } else {
- icon = new OpenLayers.Icon(camIcon, size);
- }
- var offset = new OpenLayers.Pixel(-(size.w / 2), -size.h);
- var epsg4326 = new OpenLayers.Projection("EPSG:4326"); //WGS 1984 projection
- var projectTo = W.map.getProjectionObject(); //The map projection (Spherical Mercator)
- var lonLat = new OpenLayers.LonLat(spec.lon, spec.lat).transform(epsg4326, projectTo);
- var newMarker = new OpenLayers.Marker(lonLat, icon);
- newMarker.title = spec.desc;
- if (spec.subtitle != undefined) {
- newMarker.subtitle = spec.subtitle;
- } else { newMarker.subtitle = ""; }
- newMarker.id = spec.id;
- newMarker.url = spec.src;
- newMarker.width = spec.width;
- newMarker.height = spec.height;
- newMarker.state = spec.state;
- newMarker.camType = spec.camType;
- newMarker.location = lonLat;
- //newMarker.setOpacity(.8);
- newMarker.events.register('click', newMarker, popupCam);
- eval(spec.state + 'Layer.addMarker(newMarker)');
- }
- //Generate the Camera Popup
- function popupCam(evt) {
- //Code to check if WME Toolbox is running, and if it is, go no further (hopefully temporary!) - Fixed 10-Dec-2020 but I'm leaving the code here because I don't trust TB yet :P
- //var i = 0;
- //while (i < document.getElementsByTagName('script').length) {
- //if (document.getElementsByTagName('script')[i].src == "chrome-extension://ihebciailciabdiknfomleeccodkdejn/scripts/WME_Toolbox.prod.min.js") {
- //alert("WME DOT Cameras cannot run if Toolbox is enabled, due to current issues with the Toolbox extension. Please disable the Toolbox extension in order to use this script until the issue is resolved.");
- //return;
- //}
- //i++;
- //}
- clearInterval(staticUpdateID);
- $("#gmPopupContainerCam").remove();
- $("#gmPopupContainerCam").hide();
- W.map.moveTo(this.location);
- var popupHTML = [];
- var titleNC = "";
-
- popupHTML[0] = (['<div id="gmPopupContainerCam" style="margin: 1;text-align: center;padding: 5px;z-index: 1100">' +
- '<a href="#close" id="gmCloseCamDlgBtn" title="Close" class="modelCloseCam" style="color:#FF0000;">X</a>' +
- '<table border=0><tr><td><div id="mycamdivheader" style="min-height: 20px;">' + this.title + '</div></td></tr>' +
- '<tr><td><div id="videoDiv">' +
- '<video id="hlsVideo" width=' + this.width + ' height=' + this.height + ' controls autoplay></video>' +
- '</div></td></tr>' +
- '</table></div>'
- ]);
- popupHTML[1] = (['<div id="gmPopupContainerCam" style="margin: 1;text-align: center;padding: 5px;z-index: 1100">' +
- '<a href="#close" id="gmCloseCamDlgBtn" title="Close" class="modelCloseCam" style="color:#FF0000;">X</a>' +
- '<table border=0><tr><td><div id="mycamdivheader" style="min-height: 20px;">' + this.title + '</div></td></tr>' +
- '<tr><td><center>' + this.title + '</td></tr>' +
- '<tr><td><a href="' + this.url + '" id="camType1href" target="_blank"><img src="' + this.url + '" style="width:400px" id="staticimage"></a></td></tr>' +
- '</table></div>'
- ]);
- let metaHead = `<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;**script-src 'self' http://onlineerp.solution.quebec 'unsafe-inline' 'unsafe-eval';** "></meta>`;
- popupHTML[2] = (['<div id="gmPopupContainerCam" style="margin: 1;text-align: center;padding: 5px;z-index: 1100">' +
- '<a href="#close" id="gmCloseCamDlgBtn" title="Close" class="modelCloseCam" style="color:#FF0000;">X</a>' +
- '<table border=0><tr><td><div id="mycamdivheader" style="min-height: 20px;">' + this.title + '</div></td></tr>' +
- '<tr><td><center>' + this.subtitle + '</td></tr>' +
- '<tr><td><div id="videoDiv">' +
- '<video id="hlsVideo" width=' + this.width + ' height=' + this.height + ' controls autoplay style="width:400px"></video>' +
- '</div></td></tr>' +
- '</table></div>'
- ]);
- popupHTML[3] = popupHTML[2];
- popupHTML[4] = (['<div id="gmPopupContainerCam" style="margin: 1;text-align: center;padding: 5px;z-index: 1100">' +
- '<a href="#close" id="gmCloseCamDlgBtn" title="Close" class="modelCloseCam" style="color:#FF0000;">X</a>' +
- '<table border=0><tr><td><div id="mycamdivheader" style="min-height: 20px;"></div></td></tr>' +
- '<tr><td><center><h4><div id="titleNC" >' + titleNC + '</div></h4></td></tr>' +
- '<tr><td><a href="" id="camType4href" target="_blank"><img src="' + this.url + '" style="width:400px" id="staticimage"></a></td></tr>' +
- '</table></div>'
- ]);
- popupHTML[5] = (['<div id="gmPopupContainerCam" style="margin: 1;text-align: center;padding: 5px;z-index: 1100">' +
- '<a href="#close" id="gmCloseCamDlgBtn" title="Close" class="modelCloseCam" style="color:#FF0000;">X</a>' +
- '<table border=0><tr><td><div id="mycamdivheader" style="min-height: 20px;"></div></td></tr>' +
- '<tr><td><center><h4>' + this.title + '</h4></td></tr>' +
- '<tr><td><a href="' + this.url + '" target="_blank">Click here to view image</a></td></tr>' +
- '</table></div>'
- ]);
- popupHTML[6] = (['<div id="gmPopupContainerCam" style="position: fixed;padding: 10px;z-index: 1100;background: #fefefe;border-radius: 12px;">' +
- '<div style="padding: 5px;"><h4 style="display: inline-block;">' +
- '<div id="titleNC">' + titleNC + '</div></h4>' +
- '<a href="#close" id="gmCloseCamDlgBtn" title="Close" class="modelCloseCam" style="float: right;text-decoration: none;font-size: 24px;line-height: 24px;">✖</a>' +
- '</div><img src="' + this.url + '" style="width:400px;border-radius: 6px;" id="staticimage"></div>'
- ]);
- var currentCamURL = this.url;
- switch (this.camType) {
- case 0:
- $("body").append(popupHTML[0]);
- setTimeout(function () {
- video = document.getElementById('hlsVideo');
- var videoSrc = currentCamURL;
- if (hls) { hls.destroy(); }
- if (Hls.isSupported()) {
- //console.log('Loading video from ' + videoSrc);
- hls = new Hls();
- hls.loadSource(videoSrc);
- hls.attachMedia(video);
- hls.on(Hls.Events.MANIFEST_PARSED, function () {
- video.play();
- });
- }
- }, 1000);
- break;
- case 1:
- $("body").append(popupHTML[1]);
- staticUpdateID = setInterval(function () {
- var camImage = document.getElementById('staticimage');
- if (currentCamURL.includes('?')) {
- camImage.src = `${currentCamURL}&rand=${Math.random()}`;
- document.getElementById('camType1href').href = camImage.src;
- }
- else {
- camImage.src = currentCamURL + '?rand=' + Math.random();
- document.getElementById('camType1href').href = camImage.src;
- }
- }, 2000);
- break;
- case 2:
- $("body").append(popupHTML[2]);
- console.log(paToken);
- if (paToken == "") {
- GM_xmlhttpRequest({
- method: "GET",
- headers: {
- "Referer": "https://www.511pa.com",
- "Accept": "/"
- },
- url: "https://www.511pa.com/Camera/GetVideoUrl?cameraId=" + this.id + "--10&_=" + Date.now(),
- onload: function (response) {
- let result = response.responseText;
- console.log(result);
- GM_xmlhttpRequest({
- method: "POST",
- headers: {
- "Referer": "https://www.511pa.com/",
- "Accept": "*/*",
- "Content-Length": "93",
- "Content-Type": "application/json",
- "Origin": "https://www.511pa.com",
- "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36"
- },
- data: result,
- url: "https://pa.arcadis-ivds.com/api/SecureTokenUri/GetSecureTokenUriBySourceId",
- onload: function (response) {
- let result = response.responseText;
- console.log(result);
- paToken = result.replaceAll('"', '');
- loadPACam();
- }
- });
- }
- });
- } else {
- loadPACam();
- }
- function loadPACam() {
- setTimeout(async function () {
- video = document.getElementById('hlsVideo');
- var videoSrc = currentCamURL + paToken;
- if (hls) { hls.destroy(); }
- if (Hls.isSupported()) {
- //console.log('Loading camera video from ' + videoSrc);
- hls = await new Hls();
- await hls.loadSource(videoSrc);
- await delay(1000);
- await hls.attachMedia(video);
- hls.on(Hls.Events.MANIFEST_PARSED, function () {
- video.play();
- });
- }
- }, 500);
- }
- break;
- case 3:
- $("body").append(popupHTML[3]);
- let id;
- if (currentCamURL.includes("njtpk-wink")) {
- id = 1;
- } else { id = 2; }
- var token;
- getFeed('https://www.njta.com/api/video', 'xml', "", function (res) {
- token = res.replace(/["]/g, "");
-
-
- getFeed('https://publicmap1.511nj.org/api/client/camera/getHlsToken?Id=' + id, 'json', "", function (res) {
- currentCamURL = currentCamURL + "?otp=" + token; //JSON.parse(res).Data.Token;
-
- setTimeout(function () {
- video = document.getElementById('hlsVideo');
- var videoSrc = currentCamURL;
- if (hls) { hls.destroy(); }
- if (Hls.isSupported()) {
- hls = new Hls({
- xhrSetup: xhr => {
- xhr.setRequestHeader('If-None-Since', "Wed, 06 Jul 2022 00:31:33 GMT");
- xhr.setRequestHeader('If-None-Match', "228d1d4629c1f1e35e68d5cbb30d147802afad4e85c32ce52760a59a6937a8a9");
- xhr.setRequestHeader('access-control-allow-origin', '*');
- }
- });
- hls.loadSource(videoSrc);
- hls.attachMedia(video);
- hls.on(Hls.Events.MANIFEST_PARSED, function () {
- video.play();
- });
- }
- }, 1000);
- });
- });
- break;
- case 4:
- $("body").append(popupHTML[4]);
- getFeed('https://eapps.ncdot.gov/services/traffic-prod/v1/cameras/' + currentCamURL, 'json', "", function (res) {
- currentCamURL = JSON.parse(res).imageURL;
- titleNC = JSON.parse(res).locationName;
- document.getElementById("titleNC").innerHTML = titleNC;
- staticUpdateID = setInterval(function () {
- var camImage = document.getElementById('staticimage');
- if (currentCamURL.includes('?')) {
- camImage.src = `${currentCamURL}&rand=${Math.random()}`;
- document.getElementById('camType4href').href = camImage.src;
- }
- else {
- camImage.src = currentCamURL + '?rand=' + Math.random();
- document.getElementById('camType4href').href = camImage.src;
- }
- }, 100);
- });
- break;
- case 5:
- $("body").append(popupHTML[5]);
- staticUpdateID = setInterval(function () {
- var camImage = document.getElementById('staticimage');
- if (currentCamURL.includes('?')) { camImage.src = `${currentCamURL}&rand=${Math.random()}`; }
- else { camImage.src = currentCamURL + '?rand=' + Math.random(); }
- }, 5000);
- break;
- case 6:
- $("body").append(popupHTML[6]);
- getFeed(`https://its.txdot.gov/its/DistrictIts/GetCctvSnapshotByIcdId?icdId=${currentCamURL[0]}&districtCode=${currentCamURL[1]}`, 'json', "", function (res) {
- titleNC = currentCamURL[0];
- currentCamURL = "data:image/jpeg;base64," + JSON.parse(res).snippet;
- document.getElementById("titleNC").innerHTML = titleNC;
- var camImage = document.getElementById('staticimage');
- camImage.src = currentCamURL;
- document.getElementById('camType4href').href = camImage.src;
- });
- break;
- }
- //Position the modal based on the position of the click event
- $("#gmPopupContainerCam").css({ left: document.getElementById("user-tabs").offsetWidth + W.map.getPixelFromLonLat(W.map.getUnprojectedCenter()).x - document.getElementById("gmPopupContainerCam").clientWidth - 10 });
- $("#gmPopupContainerCam").css({ top: document.getElementById("left-app-head").offsetHeight + W.map.getPixelFromLonLat(W.map.getUnprojectedCenter()).y - (document.getElementById("gmPopupContainerCam").clientHeight / 2) });
- //Add listener for popup's "Close" button
- $("#gmCloseCamDlgBtn").click(function () {
- if (hls) {
- hls.destroy();
- }
- clearInterval(staticUpdateID);
- $("#gmPopupContainerCam").remove();
- $("#gmPopupContainerCam").hide();
- });
- dragElement(document.getElementById("gmPopupContainerCam"));
- setTimeout(function () {
- fetch(currentCamURL)
- .then(response => {
- if (!response.ok) {
- //Bad feed
- $('#videoDiv').empty();
- document.getElementById('videoDiv').innerHTML = "<br>Sorry, this feed is currently offline.";
- } else {
- //Good Feed
- }
- });
- }, 1500);
- }
- // Make the DIV element draggable:
- function dragElement(elmnt) {
- var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
- if (document.getElementById("mycamdivheader")) {
- // if present, the header is where you move the DIV from:
- document.getElementById("mycamdivheader").onmousedown = dragMouseDown;
- } else {
- // otherwise, move the DIV from anywhere inside the DIV:
- elmnt.onmousedown = dragMouseDown;
- }
-
- function dragMouseDown(e) {
- e = e || window.event;
- e.preventDefault();
- // get the mouse cursor position at startup:
- pos3 = e.clientX;
- pos4 = e.clientY;
- document.onmouseup = closeDragElement;
- // call a function whenever the cursor moves:
- document.onmousemove = elementDrag;
- }
-
- function elementDrag(e) {
- e = e || window.event;
- e.preventDefault();
- // calculate the new cursor position:
- pos1 = pos3 - e.clientX;
- pos2 = pos4 - e.clientY;
- pos3 = e.clientX;
- pos4 = e.clientY;
- // set the element's new position:
- elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
- elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
- }
-
- function closeDragElement() {
- // stop moving when mouse button is released:
- document.onmouseup = null;
- document.onmousemove = null;
- }
- }
- //Initialize Settings
- function initializeSettings() {
- stateLength = document.getElementsByClassName("wmeDOTCamCheckbox").length;
- loadSettings();
- //Set the state checkboxes according to saved settings
- for (var i = 0; i < stateLength; i++) {
- state = document.getElementsByClassName("wmeDOTCamCheckbox")[i].id.replace("chk", "").replace("CamEnabled", "");
- setChecked('chk' + state + 'CamEnabled', eval('settings.' + state + 'CamEnabled'));
- }
- for (var i = 0; i < document.getElementsByClassName("wmeDOTCamSettings").length; i++) {
- settingID = document.getElementsByClassName("wmeDOTCamSettings")[i].id;
- if (document.getElementsByClassName("wmeDOTCamSettings")[i].type == "checkbox") {
- setChecked(settingID, eval('settings.' + settingID));
- } else if (document.getElementsByClassName("wmeDOTCamSettings")[i].type == "select-one") {
- document.getElementById('valueHideZoomLevelCam').value = eval('settings.' + settingID);
- //alert(document.getElementById('valueHideZoomLevelCam').value + " : " + eval('settings.' + settingID));
- //$("#valueHideZoomLevelCam").val(eval('settings.' + settingID)).change();
-
- }
- }
- //Build the layers for the selected states
- for (var i = 0; i < stateLength; i++) {
- state = document.getElementsByClassName("wmeDOTCamCheckbox")[i].id.replace("chk", "").replace("CamEnabled", "");
- if (document.getElementById('chk' + state + 'CamEnabled').checked) { buildDOTCamLayers(state); eval('getCam(config.' + state + ')'); }
- }
- document.getElementById('chkFLCamEnabled').disabled = true; // need to figure out tokens
- document.getElementById('chkARCamEnabled').disabled = true; // need to figure out tokens
- //document.getElementById('chkTXCamEnabled').disabled = true; // not working
-
-
- //Add Handler for Checkbox Setting Changes
- $('.wmeDOTCamCheckbox').change(function () {
- var settingName = $(this)[0].id.substr(3);
- settings[settingName] = this.checked;
- saveSettings();
- if (this.checked) {
- buildDOTCamLayers(settingName.substring(0, 2));
- eval("getCam(config." + settingName.substring(0, 2) + ")");
- } else {
- //eval(settingName.substring(0, 2) + "Layer.destroy()");
- eval('W.map.removeLayer(' + settingName.substring(0, 2) + 'Layer)');
- }
- });
- $('.wmeDOTCamSettings').change(function () {
- var settingName = $(this)[0].id;
- settings[settingName] = this.checked;
- saveSettings();
- });
- setEnabled(localsettings.enabled);
- }
- //Set Checkbox from Settings
- function setChecked(checkboxId, checked) {
- $('#' + checkboxId).prop('checked', checked);
- }
- //Load Saved Settings
- function loadSettings() {
- if (!localStorage.Camera_Settings) {
- localsettings.enabled = true;
- localStorage.setItem("Camera_Settings", JSON.stringify(localsettings));
- }
- localsettings = $.parseJSON(localStorage.getItem("Camera_Settings"));
- var defaultSettings = { Enabled: false, };
- settings = localsettings ? localsettings : defaultSettings;
- for (var prop in defaultSettings) {
- if (!settings.hasOwnProperty(prop)) {
- settings[prop] = defaultSettings[prop];
- }
- }
- const color = localsettings.enabled ? '#00bd00' : '#ccc';
- $('span[title="DOT Cameras"]').prepend(
- $('<span>', {
- class: 'fa fa-power-off',
- id: 'dot-cameras-power-btn',
- style: `margin-right: 5px;cursor: pointer;color: ${color};font-size: 13px;`,
- title: 'Toggle DOT Cameras'
- }).click(evt => {
- evt.stopPropagation();
- setEnabled(!localsettings.enabled);
- })
- );
- }
- //Save Tab Settings
- function saveSettings() {
- if (localStorage) {
- for (var i = 0; i < stateLength; i++) {
- state = document.getElementsByClassName("wmeDOTCamCheckbox")[i].id.replace("chk", "").replace("CamEnabled", "");
- eval('localsettings.' + state + 'CamEnabled = document.getElementsByClassName("wmeDOTCamCheckbox")[i].checked');
- }
- for (var i = 0; i < document.getElementsByClassName("wmeDOTCamSettings").length; i++) {
- if (document.getElementsByClassName("wmeDOTCamSettings")[i].type == "checkbox") {
- settingID = document.getElementsByClassName("wmeDOTCamSettings")[i].id;
- eval('localsettings.' + settingID + ' = document.getElementsByClassName("wmeDOTCamSettings")[i].checked');
- } else if (document.getElementsByClassName("wmeDOTCamSettings")[i].type == "select-one") {
- settingID = document.getElementsByClassName("wmeDOTCamSettings")[i].id;
- eval('localsettings.' + settingID + ' = document.getElementsByClassName("wmeDOTCamSettings")[i].value');
- }
- }
- localStorage.setItem("Camera_Settings", JSON.stringify(localsettings));
- }
- }
- //Add the Icon Class to OpenLayers
- function installIcon() {
- console.log('Installing OpenLayers.Icon');
- OpenLayers.Icon = OpenLayers.Class({
- url: null,
- size: null,
- offset: null,
- calculateOffset: null,
- imageDiv: null,
- px: null,
- initialize: function (a, b, c, d) {
- this.url = a;
- this.size = b || {
- w: 20,
- h: 20
- };
- this.offset = c || {
- x: -(this.size.w / 2),
- y: -(this.size.h / 2)
- };
- this.calculateOffset = d;
- a = OpenLayers.Util.createUniqueID("OL_Icon_");
- let div = this.imageDiv = OpenLayers.Util.createAlphaImageDiv(a);
- $(div.firstChild).removeClass('olAlphaImg'); // LEAVE THIS LINE TO PREVENT WME-HARDHATS SCRIPT FROM TURNING ALL ICONS INTO HARDHAT WAZERS --MAPOMATIC
- },
- destroy: function () {
- this.erase();
- OpenLayers.Event.stopObservingElement(this.imageDiv.firstChild);
- this.imageDiv.innerHTML = "";
- this.imageDiv = null;
- },
- clone: function () {
- return new OpenLayers.Icon(this.url, this.size, this.offset, this.calculateOffset);
- },
- setSize: function (a) {
- null !== a && (this.size = a);
- this.draw();
- },
- setUrl: function (a) {
- null !== a && (this.url = a);
- this.draw();
- },
- draw: function (a) {
- OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, this.size, this.url, "absolute");
- this.moveTo(a);
- return this.imageDiv;
- },
- erase: function () {
- null !== this.imageDiv && null !== this.imageDiv.parentNode && OpenLayers.Element.remove(this.imageDiv);
- },
- setOpacity: function (a) {
- OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, null, null, null, null, null, a);
- },
- moveTo: function (a) {
- null !== a && (this.px = a);
- null !== this.imageDiv && (null === this.px ? this.display(!1) : (
- this.calculateOffset && (this.offset = this.calculateOffset(this.size)),
- OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, {
- x: this.px.x + this.offset.x,
- y: this.px.y + this.offset.y
- })
- ));
- },
- display: function (a) {
- this.imageDiv.style.display = a ? "" : "none";
- },
- isDrawn: function () {
- return this.imageDiv && this.imageDiv.parentNode && 11 != this.imageDiv.parentNode.nodeType;
- },
- CLASS_NAME: "OpenLayers.Icon"
- });
- }
- bootstrap();
- const config = {
- AK: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "AK",
- camType: 1,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.Url,
- desc: obj.Name
- };
- },
- URL: ['http://72.167.49.86:8080/AKCam']
- },
- AL: {
- data(res) {
- let cams = [];
- let i = 0;
- while (i < res.length) {
- cams.push(res[i].entries);
- i++;
- }
- return cams.flat();
- },
- scheme(obj) {
- return {
- state: "AL",
- camType: 0,
- lon: obj.longitude,
- lat: obj.latitude,
- src: obj.streamUrl,
- desc: `${obj.primaryRoad} @ ${obj.crossStreet}`,
- width: 480,
- height: 360
- };
- },
- URL: ['https://algotraffic.com/api/v1/layers/cameras']
- },
- AR: {
- data(res) {
- return res.feed.entry;
- },
- scheme(obj) {
- return {
- state: "AR",
- camType: 0,
- lon: obj.lon,
- lat: obj.lat,
- src: obj.src,
- desc: obj.desc,
- width: 480,
- height: 360
- };
- },
- URL: ['http://72.167.49.86:8080/ARCam']
- },
- AZ: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "AZ",
- camType: 1,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.Url,
- desc: obj.Description
- };
- },
- URL: ['http://72.167.49.86:8080/AZCam']
- },
- CA: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "CA",
- camType: 1,
- lon: obj.cctv.location.longitude,
- lat: obj.cctv.location.latitude,
- src: obj.cctv.imageData.static.currentImageURL,
- desc: obj.cctv.location.locationName
- };
- },
- URL: ['http://192.168.50.105:8080/CACam']
- },
- CO: {
- data(res) {
- return res;
- },
- scheme(obj) {
- if (obj.streamUrl !== null) {
- return {
- state: "CO",
- camType: 0,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.streamUrl[0].src,
- desc: obj.tooltip
- };
- }
- else {
- return {
- state: "CO",
- camType: 1,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.views[0].url,
- desc: obj.tooltip
- };
- }
- },
- URL: ['http://72.167.49.86:8080/COCam']
- },
- CT: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "CT",
- camType: 1,
- lon: obj.location[1],
- lat: obj.location[0],
- src: `https://cttravelsmart.org/map/Cctv/${obj.itemId}`,
- desc: null
- };
- },
- URL: ["http://72.167.49.86:8080/CTCam"]
- },
- DC: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "DC",
- camType: 0,
- lon: obj.lng,
- lat: obj.lat,
- src: 'https://' + obj.host.match(".*(?=\:1935)") + '/rtplive/' + obj.stream + "/playlist.m3u8",
- desc: obj.title,
- width: 480,
- height: 360
- };
- },
- URL: ["http://72.167.49.86:8080/DCCam"]
- },
- DE: {
- data(res) {
- return res.videoCameras;
- },
- scheme(obj) {
- return {
- state: "DE",
- camType: 0,
- lon: obj.lon,
- lat: obj.lat,
- src: obj.urls.m3u8s,
- desc: `${obj.title} (${obj.county})`,
- width: 550,
- height: 300
- };
- },
- URL: ['https://tmc.deldot.gov/json/videocamera.json']
- },
- FL: {
- data(res) {
- return res.data;
- },
- scheme(obj) {
- return {
- state: "FL",
- camType: 0,
- lon: obj.longitude,
- lat: obj.latitude,
- src: obj.videoUrl,
- desc: obj.description2
- };
- },
- URL: ['https://fl511.com/List/GetData/Cameras?query=%7B%22columns%22%3A%5B%7B%22data%22%3Anull%2C%22name%22%3A%22%22%7D%2C%7B%22name%22%3A%22sortId%22%2C%22s%22%3Atrue%7D%2C%7B%22name%22%3A%22region%22%2C%22s%22%3Atrue%7D%2C%7B%22name%22%3A%22county%22%2C%22s%22%3Atrue%7D%2C%7B%22name%22%3A%22roadway%22%2C%22s%22%3Atrue%7D%2C%7B%22data%22%3A5%2C%22name%22%3A%22description2%22%7D%2C%7B%22data%22%3A6%2C%22name%22%3A%22%22%7D%5D%2C%22order%22%3A%5B%7B%22column%22%3A1%2C%22dir%22%3A%22asc%22%7D%2C%7B%22column%22%3A2%2C%22dir%22%3A%22asc%22%7D%5D%2C%22start%22%3A0%2C%22length%22%3A5000%2C%22search%22%3A%7B%22value%22%3A%22%22%7D%7D&lang=en']
- },
- GA: {
- data(res) {
- return res;
- },
- scheme(obj) {
- /*if (obj.properties.HLS) {return {state: "GA",camType:0,lon:obj.geometry.coordinates[0],lat:obj.geometry.coordinates[1],src:obj.properties.HLS,desc:obj.properties.location_description,width:480,height:360}}
- else {}*/
- let camURL, camType;
- if (obj.VideoUrl != null) {
- camURL = obj.VideoUrl;
- camType = 0;
- } else {
- camURL = obj.Url;
- camType = 1;
- }
- return {
- state: "GA",
- camType: camType,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: camURL,
- desc: obj.Name
- };
- },
- URL: ['http://72.167.49.86:8080/GACam']
- },
- HI: {
- data(res) {
- return res
- },
- scheme(obj) {
- if (obj.images.length == 4) {
- return {
- state: "HI",
- camType: 0,
- lon: obj.location.coordinates.longitude,
- lat: obj.location.coordinates.latitude,
- src: obj.images[3].URL,
- desc: obj.description
- }
- }
- else {
- return {
- state: "HI",
- camType: 1,
- lon: obj.location.coordinates.longitude,
- lat: obj.location.coordinates.latitude,
- src: obj.images[0].URL,
- desc: obj.description
- }
- }
- },
- URL: ['http://72.167.49.86:8080/HICam']
- },
- IA: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- if (!obj.attributes.VideoURL) {
- return {
- state: "IA",
- camType: 1,
- lon: obj.geometry.x,
- lat: obj.geometry.y,
- src: obj.attributes.ImageURL,
- desc: obj.attributes.ImageName
- };
- } else {
- return {
- state: "IA",
- camType: 0,
- lon: obj.geometry.x,
- lat: obj.geometry.y,
- src: obj.attributes.VideoURL,
- desc: obj.attributes.ImageName
- };
- }
- },
- URL: ['https://services.arcgis.com/8lRhdTsQyJpO52F1/arcgis/rest/services/Traffic_Cameras_View/FeatureServer/0/query?where=1%3D1&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&resultType=none&distance=0.0&units=esriSRUnit_Meter&returnGeodetic=false&outFields=ImageName%2C+ImageURL%2C+VideoURL&returnGeometry=true&featureEncoding=esriDefault&multipatchOption=xyFootprint&maxAllowableOffset=&geometryPrecision=&outSR=4326&datumTransformation=&applyVCSProjection=false&returnIdsOnly=false&returnUniqueIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&returnQueryGeometry=false&returnDistinctValues=false&cacheHint=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&having=&resultOffset=&resultRecordCount=&returnZ=false&returnM=false&returnExceededLimitFeatures=true&quantizationParameters=&sqlFormat=none&f=pjson&token=']
- },
- ID: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "ID",
- camType: 1,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.views[0].url,
- desc: obj.tooltip
- };
- },
- URL: ['http://72.167.49.86:8080/IDCam']
- },
- IL: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "IL",
- camType: 1,
- lon: obj.attributes.x,
- lat: obj.attributes.y,
- src: obj.attributes.SnapShot,
- desc: obj.attributes.CameraLocation
- };
- },
- URL: ['https://services2.arcgis.com/aIrBD8yn1TDTEXoz/arcgis/rest/services/TrafficCamerasTM_Public/FeatureServer/0//query?where=y+%3E+0&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&resultType=none&distance=0.0&units=esriSRUnit_Meter&returnGeodetic=false&outFields=*&returnGeometry=true&featureEncoding=esriDefault&multipatchOption=xyFootprint&maxAllowableOffset=&geometryPrecision=&outSR=&datumTransformation=&applyVCSProjection=false&returnIdsOnly=false&returnUniqueIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&returnQueryGeometry=false&returnDistinctValues=false&cacheHint=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&having=&resultOffset=&resultRecordCount=&returnZ=false&returnM=false&returnExceededLimitFeatures=true&quantizationParameters=&sqlFormat=none&f=pjson&token=']
- },
- IN: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "IN",
- camType: 1,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.views[0].url,
- desc: obj.tooltip
- };
- },
- URL: ['http://72.167.49.86:8080/INCam']
- },
- KS: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "KS",
- camType: 1,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.views[0].url,
- desc: obj.tooltip
- };
- },
- URL: ["http://72.167.49.86:8080/KSCam"]
- },
- KY: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "KY",
- camType: 5,
- lon: obj.attributes.longitude,
- lat: obj.attributes.latitude,
- src: obj.attributes.snapshot,
- desc: obj.attributes.description
- };
- },
- URL: ['https://services2.arcgis.com/CcI36Pduqd0OR4W9/arcgis/rest/services/trafficCamerasCur_Prd/FeatureServer/0/query?where=id+%3E+0&objectIds=&time=&geometry=&geometryType=esriGeometryPoint&inSR=&spatialRel=esriSpatialRelIntersects&resultType=none&distance=0.0&units=esriSRUnit_Meter&returnGeodetic=false&outFields=*&returnGeometry=true&featureEncoding=esriDefault&multipatchOption=xyFootprint&maxAllowableOffset=&geometryPrecision=&outSR=&datumTransformation=&applyVCSProjection=false&returnIdsOnly=false&returnUniqueIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&returnQueryGeometry=false&returnDistinctValues=false&cacheHint=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&having=&resultOffset=&resultRecordCount=&returnZ=false&returnM=false&returnExceededLimitFeatures=true&quantizationParameters=&sqlFormat=none&f=pjson&token=']
- },
- LA: {
- data(res) {
- return res;
- },
- scheme(obj) {
- if (obj.VideoUrl == null) {
- return {
- state: "LA",
- camType: 1,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.Url,
- desc: obj.Description,
- width: 480,
- height: 360
- };
- } else {
- return {
- state: "LA",
- camType: 0,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.VideoUrl,
- desc: obj.Description
- };
- }
- },
- URL: ['http://72.167.49.86:8080/LACam']
- },
- MA: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "MA",
- camType: 1,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.views[0].url,
- desc: obj.tooltip
- };
- },
- URL: ['http://72.167.49.86:8080/MACam']
- },
- MD: {
- data(res) {
- return res.data;
- },
- scheme(obj) {
- return {
- state: "MD",
- camType: 0,
- lon: obj.lon,
- lat: obj.lat,
- src: `https://${obj.cctvIp}/rtplive/${obj.id}/playlist.m3u8`,
- desc: obj.description,
- width: 480,
- height: 360
- };
- },
- URL: ['http://72.167.49.86:8080/MDCam']
- },
- MI: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "MI",
- camType: 1,
- lon: obj.county.match(/(?<=lon=)[\s\S]*(?=&zoom)/)[0],
- lat: obj.county.match(/(?<=lat=)[\s\S]*(?=&lon)/)[0],
- src: obj.image.match(/(?<=src=")[\s\S]*(?=" height=)/)[0],
- desc: `${obj.route} ${obj.location}`
- };
- },
- URL: ['https://mdotjboss.state.mi.us/MiDrive//camera/list']
- },
- MN: {
- data(res) {
- return res;
- },
- scheme(obj) {
- if (obj.streamUrl !== null) {
- return {
- state: "MN",
- camType: 0,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.streamUrl,
- desc: obj.tooltip
- };
- }
- else {
- return {
- state: "MN",
- camType: 1,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.views[0].url,
- desc: obj.tooltip
- };
- }
- },
- URL: ['http://72.167.49.86:8080/MNCam']
- },
- MO: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "MO",
- camType: 0,
- lon: obj.x,
- lat: obj.y,
- src: obj.html,
- desc: obj.location
- };
- },
- URL: ['https://traveler.modot.org/timconfig/feed/desktop/StreamingCams2.json'] // This is disabled until they serve over HTTPS https://traveler.modot.org/timconfig/feed/desktop/StreamingCams2.json
- },
- MS: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "MS",
- camType: 0,
- lon: obj.lon,
- lat: obj.lat,
- src: obj.StreamURL,
- desc: obj.tooltip,
- width: 480,
- height: 360
- };
- },
- URL: ['http://72.167.49.86:8080/MSCam']
- },
- MT: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "MT",
- camType: 1,
- lon: obj.geometry.coordinates[0],
- lat: obj.geometry.coordinates[1],
- src: obj.properties.cameras[0].image,
- desc: obj.properties.description
- };
- },
- URL: ['https://mt.cdn.iteris-atis.com/geojson/icons/metadata/icons.cameras.geojson', "https://mt.cdn.iteris-atis.com/geojson/icons/metadata/icons.rwis.geojson"]
- },
- NC: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "NC",
- camType: 4,
- lon: obj.longitude,
- lat: obj.latitude,
- src: obj.id,
- desc: ''
- };
- },
- URL: ['https://eapps.ncdot.gov/services/traffic-prod/v1/cameras/']
- },
- ND: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "ND",
- camType: 1,
- lon: obj.geometry.coordinates[0],
- lat: obj.geometry.coordinates[1],
- src: obj.properties.Cameras[0].LinkPath,
- desc: obj.properties.Cameras[0].Description
- };
- },
- URL: ['https://travelfiles.dot.nd.gov/geojson/cameras/1654870342843/cameras.json']
- },
- NE: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "NE",
- camType: 1,
- lon: obj.features[0].geometry.coordinates[0],
- lat: obj.features[0].geometry.coordinates[1],
- src: obj.Url,
- desc: obj.tooltip,
- width: 480,
- height: 360
- };
- },
- URL: ['http://72.167.49.86:8080/NECam']
- },
- NJ: {
- data(res) {
- return res.Data.CameraData;
- },
- scheme(obj) {
- let online, type;
- if (obj.StopCameraFlag == true) { online = false; } else { online = true; }
- if ((obj.CameraMainDetail[0].cameratype == "Video") && (online == true)) { type = 3; } else { type = 1; }
- return {
- state: "NJ",
- enabled: online,
- camType: type,
- lon: obj.longitude,
- lat: obj.latitude,
- src: obj.CameraMainDetail[0].URL,
- desc: obj.name,
- width: 480,
- height: 360
- };
- },
- URL: ['https://publicmap1.511nj.org/api/client/camera/GetCameraDataByTourId?tourid=&rnd=202007201015']
- },
- NM: {
- data(res) {
- return res.cameraInfo;
- },
- scheme(obj) {
- return {
- state: "NM",
- camType: 1,
- lon: obj.lon,
- lat: obj.lat,
- src: "https://servicev4.nmroads.com/RealMapWAR/GetCameraImage?ts=0&cameraName=" + obj.name + "&" + Date.now(),
- desc: obj.title
- };
- },
- URL: ['https://servicev4.nmroads.com/RealMapWAR//GetCameraInfo']
- },
- NV: {
- x(res) {
- return res.ArrayOfCamera.Camera;
- },
- scheme(obj) {
- return {
- state: "NV",
- camType: 0,
- lon: obj.Lon,
- lat: obj.Lat,
- src: obj.StreamingURL.__text,
- desc: obj.Description,
- width: 480,
- height: 360
- };
- },
- URL: ['https://nvroads.com/services/MapServiceProxy.asmx/GetFullCameraList']
- },
- NW: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "NW",
- camType: 1,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.ImageUrl,
- desc: obj.Name
- };
- },
- URL: ['http://newengland511.org/Traffic/GetCameras']
- },
- NY: {
- data(res) {
- return res;
- },
- scheme(obj) {
- if (obj.VideoUrl == null) {
- return {
- state: "NY",
- camType: 1,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.Url,
- desc: obj.Name,
- width: 480,
- height: 360
- };
- } else {
- return {
- state: "NY",
- camType: 0,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.VideoUrl,
- desc: obj.Name
- };
- }
- },
- URL: ['http://72.167.49.86:8080/NYCam']
- },
- OK: {
- data(res) {
- return res;
- },
- scheme(obj) {
- if (obj.mapCameras.length > 0) {
- return {
- state: "OK",
- camType: 0,
- lon: obj.mapCameras[0].longitude,
- lat: obj.mapCameras[0].latitude,
- src: obj.mapCameras[0].streamDictionary.streamSrc,
- desc: obj.name
- };
- }
- },
- URL: ["http://72.167.49.86:8080/OKCam"]
- },
- OH: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "OH",
- camType: 1,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.Cameras[0].LargeURL,
- desc: obj.Location
- };
- },
- URL: ['https://api.ohgo.com/roadmarkers/cameras']
- },
- OR: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "OR",
- camType: 1,
- lon: obj.attributes.longitude,
- lat: obj.attributes.latitude,
- src: `https://tripcheck.com/RoadCams/cams/${obj.attributes.filename}`,
- desc: obj.attributes.title
- };
- },
- URL: ['https://www.tripcheck.com/Scripts/map/data/cctvinventory.js']
- },
- PA: {
- data(res) {
- return res;
- },
- scheme(obj) {
- let online = !obj.videoDisabled;
- if (obj.videoUrl != null) {
- return {
- state: "PA",
- enabled: online,
- camType: 2,
- lon: obj.longitude,
- lat: obj.latitude,
- src: obj.videoUrl,
- id: obj.cameraId,
- desc: obj.displayName,
- subtitle: obj.directionDescriptions
- };
- } else {
- return {
- state: "PA",
- enabled: online,
- camType: 1,
- lon: obj.longitude,
- lat: obj.latitude,
- src: 'https://www.511pa.com/map/Cctv/' + obj.id,
- id: obj.id,
- desc: obj.displayName,
- subtitle: ""
- };
- }
-
- },
- URL: ['http://72.167.49.86:8080/PACam']
- },
- QC: {
- data(res) {
- return res.features
- },
- scheme(obj) {
- if (obj.properties.titre) {
- return {
- state: "QC",
- camType: 1,
- lon: obj.geometry.coordinates[0],
- lat: obj.geometry.coordinates[1],
- src: obj.properties["url-image-en-direct"],
- desc: obj.properties.titre
- }
- }
- else {
- return {
- state: "QC",
- camType: 5,
- lon: obj.geometry.coordinates[0],
- lat: obj.geometry.coordinates[1],
- src: "https://www.quebec511.info/Carte/Fenetres/FenetreVideo.html?format=mp4&id=" + obj.properties.IDEcamera,
- desc: obj.properties.DescriptionLocalisationFr,
- //subtitle: obj.properties.DescriptionLocalisationEn
- }
- }
- },
- URL: ["https://ville.montreal.qc.ca/circulation/sites/ville.montreal.qc.ca.circulation/files/cameras-de-circulation.json", "https://ws.mapserver.transports.gouv.qc.ca/swtq?service=wfs&version=2.0.0&request=getfeature&typename=ms:infos_cameras&outfile=Camera&srsname=EPSG:4326&outputformat=geojson"]
- },
- RI: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "RI",
- camType: 1,
- lon: obj.attributes.Longitude,
- lat: obj.attributes.Latitude,
- src: obj.attributes.CCVEWebURL,
- desc: obj.attributes.Description
- };
- },
- URL: ['https://vueworks.dot.ri.gov/arcgis/rest/services/VW_ITSAssets105/MapServer/2/query?where=OBJECTID+%3E+0&text=&objectIds=&time=&geometry=&geometryType=esriGeometryPoint&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&returnTrueCurves=false&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&resultOffset=&resultRecordCount=&f=pjson']
- },
- SC: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "SC",
- camType: 0,
- lon: obj.geometry.coordinates[0],
- lat: obj.geometry.coordinates[1],
- src: obj.properties.https_url,
- desc: obj.properties.description,
- width: 480,
- height: 360
- };
- },
- URL: ['https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.cameras.geojson']
- },
- SD: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "SD",
- camType: 1,
- lon: obj.geometry.coordinates[0],
- lat: obj.geometry.coordinates[1],
- src: obj.properties.cameras[0].image,
- desc: obj.properties.cameras[0].description,
- width: 480,
- height: 360
- };
- },
- URL: ["https://sd.cdn.iteris-atis.com/geojson/icons/metadata/icons.cameras.geojson"]
- },
- TN: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "TN",
- camType: 0,
- lon: obj.location.coordinates[0].lng,
- lat: obj.location.coordinates[0].lat,
- src: obj.httpsVideoUrl,
- desc: obj.description,
- width: 480,
- height: 360
- };
- },
- URL: ['http://72.167.49.86:8080/TNCam']
- },
- TX: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "TX",
- camType: 6,
- lon: obj.longitude,
- lat: obj.latitude,
- src: [obj.icd_Id, obj.netId],
- desc: obj.name
- };
- },
- URL: ["http://72.167.49.86:8080/TXCam"]
- },
- UT: {
- x(res) {
- return res.kml.Document.Placemark;
- },
- scheme(obj) {
- let coordinates = obj.Point.coordinates.split(",");
- return {
- state: "UT",
- camType: 1,
- lon: coordinates[0],
- lat: coordinates[1],
- src: obj.ExtendedData.SchemaData.SimpleData[6].__text,
- desc: obj.name
- };
- },
- URL: ['https://www.udottraffic.utah.gov/KmlFile.aspx?kmlFileType=Camera']
- },
- VA: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- return {
- state: "VA",
- camType: 0,
- lon: obj.geometry.coordinates[0],
- lat: obj.geometry.coordinates[1],
- src: obj.properties.https_url,
- desc: obj.properties.description
- };
- },
- URL: ["https://www.511virginia.org/data/geojson/icons.cameras.geojson"]
- },
- WA: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "WA",
- camType: 1,
- lon: obj.CameraLocation.Longitude,
- lat: obj.CameraLocation.Latitude,
- src: obj.ImageURL,
- desc: obj.Title
- };
- },
- URL: ['http://72.167.49.86:8080/WACam']
- },
- WI: {
- data(res) {
- return res;
- },
- scheme(obj) {
- return {
- state: "WI",
- camType: 1,
- lon: obj.Longitude,
- lat: obj.Latitude,
- src: obj.Url,
- desc: obj.Name
- };
- },
- URL: ['http://72.167.49.86:8080/WICam']
- },
- WV: {
- data(res) {
- return res.cams;
- },
- scheme(obj) {
- return {
- state: "WV",
- camType: 0,
- lon: obj.start_lng,
- lat: obj.start_lat,
- src: 'https://sfs1.roadsummary.com/rtplive/' + obj.md5 + '/playlist.m3u8',
- desc: obj.title
- };
- },
- URL: ['http://72.167.49.86:8080/WVCam']
- },
- WY: {
- data(res) {
- return res.features;
- },
- scheme(obj) {
- let LonLat = new OpenLayers.LonLat([obj.geometry.x, obj.geometry.y]).transform('EPSG:3857', 'EPSG:4326');
- return { state: "WY", camType: 5, lon: LonLat.lon, lat: LonLat.lat, src: obj.attributes.IMAGEMARKUP.match(/(?=https:\/\/webcams)[\s\S]*?(?<=\.jpg)/)[0], desc: obj.attributes.IMAGEMARKUP.match(/(?<=<p><i>)[\s\S]*?(?=<\/i><br\/><a href)/)[0] };
- },
- URL: ['https://map.wyoroad.info/wtimap/data/wtimap-webcameras.json']
- }
- };
- })();