Overlay DOT Cameras on the WME Map Object
// ==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.67
// @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
/* 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 = [];
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==';
(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 = W.map.getExtent();
mapBounds.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326"));
}
//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.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]);
let paCamHeaders = '"Referer": "https://www.511pa.com/webmapi.aspx?VIEWLEVEL=XD&VIEWLEVEL2=&VIEWTYPE=IS&VIEWTYPEPTC=|PX|IF|&VIEWPTCONLY=0&LAT=&LNG=&ZOOM=&RCRS_ID=&GV=&WEBMAPKEY=&fingerprint=20210616164842", "Accept": "application/text"';
GM_xmlhttpRequest({
method: "GET",
headers: {
"Referer": "https://www.511pa.com/webmapi.aspx?VIEWLEVEL=XD&VIEWLEVEL2=&VIEWTYPE=IS&VIEWTYPEPTC=|PX|IF|&VIEWPTCONLY=0&LAT=&LNG=&ZOOM=&RCRS_ID=&GV=&WEBMAPKEY=&fingerprint=20210616164842",
"Accept": "application/text"
},
url: "https://www.511pa.com/wowzKey.aspx",
onload: function (response) {
let result = response.responseText;
getFeed('https://www.511pa.com/flowplayeri.aspx?CAMID=' + currentCamURL, 'text', paCamHeaders, function (res) {
let paCamURL;
paCamURL = res.match(/(?=pa511).*(?=')/);
if (paCamURL != null) {
currentCamURL = "https://" + paCamURL + result;
} else {
paCamURL = res.match(/(?=\/\/).*(?=')/);
currentCamURL = "https:" + paCamURL;
}
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 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.cams;
},
scheme(obj) {
let online;
if (obj.title.includes("UNAVAILABLE")) { online = false; } else { online = true; }
if (obj.md5 == null) {
return {
state: "PA",
enabled: online,
camType: 1,
lon: obj.start_lng,
lat: obj.start_lat,
src: "https://websvc.paturnpike.com/webmap/1_devices/null.jpg",
desc: obj.title
};
}
if (obj.md5.substring(0, 3) == "ptc") {
return {
state: "PA",
enabled: online,
camType: 1,
lon: obj.start_lng,
lat: obj.start_lat,
src: "https://websvc.paturnpike.com/webmap/1_devices/" + obj.md5.replace("ptc_camera_", "cam") + ".jpg",
desc: obj.title
};
} else {
let extra = "";
if (obj.description.includes("Traffic closest")) {
extra = "<font size=2>" + obj.description.match(/div id="camDescription">(.*?)<\/div/)[1] + "</font>";
}
return {
state: "PA",
enabled: online,
camType: 2,
lon: obj.start_lng,
lat: obj.start_lat,
src: obj.md5,
desc: obj.title,
subtitle: extra
};
}
},
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']
}
};
})();