{"theJson":"var af = null;\nvar el = null;\nvar p = null;\nvar m = null;\nvar gj = null;\nvar counter = 0;\nvar bearing = 0;\n\nvar trackNav = '\/img\/navigation.png';\nvar trackDot = '\/img\/dot-black.gif';\nvar currentStyle = map.getStyle();\n\nif (currentStyle !== undefined && currentStyle != null && JSON.stringify(currentStyle).indexOf(\"satellite-\") != -1) {\n    trackNav = '\/img\/navigation-yellow.png';\n    trackDot = '\/img\/dot-yellow.gif';\n}\n\nvar picList = $('#trip-pics-list');\npicList.html('<p><i class=\"fa-regular fa-spinner fa-spin fa-2xl\"><\/i><\/p><p>Loading Previews...<\/p>');\nvar plHtml = '';\n\n                                        gj = {\"type\":\"Feature\",\"geometry\":{\"type\":\"LineString\",\"coordinates\":[[\"-94.18088\",\"36.13600\",335],[\"-94.18088\",\"36.13600\",0],[\"-94.18076\",\"36.13635\",344],[\"-94.18088\",\"36.13626\",368],[\"-94.18088\",\"36.13630\",353],[\"-94.18073\",\"36.13641\",326],[\"-94.18094\",\"36.13618\",350],[\"-94.18035\",\"36.13651\",350],[\"-94.19687\",\"36.17566\",398],[\"-94.23593\",\"36.17651\",392],[\"-94.31592\",\"36.17435\",341],[\"-94.41391\",\"36.16812\",308],[\"-94.49621\",\"36.18079\",356],[\"-94.54132\",\"36.17245\",353],[\"-94.60822\",\"36.17965\",341],[\"-94.70623\",\"36.18592\",266],[\"-94.80150\",\"36.21589\",344],[\"-94.91146\",\"36.21368\",323],[\"-95.02417\",\"36.21286\",290],[\"-95.12726\",\"36.19203\",263],[\"-95.24225\",\"36.17120\",191],[\"-95.33188\",\"36.16822\",200],[\"-95.42899\",\"36.17088\",194],[\"-95.53156\",\"36.16953\",188],[\"-95.63367\",\"36.16473\",176],[\"-95.73746\",\"36.16319\",194],[\"-95.79544\",\"36.16373\",230],[\"-95.79541\",\"36.16386\",212],[\"-95.87164\",\"36.16417\",188],[\"-95.97180\",\"36.15929\",215],[\"-96.06610\",\"36.15187\",200],[\"-96.16595\",\"36.15375\",230],[\"-96.26871\",\"36.18441\",230],[\"-96.35056\",\"36.21663\",239],[\"-96.46115\",\"36.22002\",278],[\"-96.57114\",\"36.22110\",284],[\"-96.68079\",\"36.22511\",278],[\"-96.79163\",\"36.22494\",320],[\"-96.90573\",\"36.22777\",302],[\"-96.98314\",\"36.28791\",275],[\"-97.03673\",\"36.36935\",284],[\"-97.14581\",\"36.39215\",308],[\"-97.26157\",\"36.40237\",284],[\"-97.32697\",\"36.44014\",257],[\"-97.34192\",\"36.53546\",272],[\"-97.34070\",\"36.53463\",308],[\"-97.34081\",\"36.53477\",260],[\"-97.34070\",\"36.53490\",272],[\"-97.34157\",\"36.53567\",287],[\"-97.34576\",\"36.61982\",281],[\"-97.34578\",\"36.71295\",299],[\"-97.34305\",\"36.80561\",317],[\"-97.35400\",\"36.89884\",314],[\"-97.34475\",\"36.99051\",338],[\"-97.33850\",\"37.09459\",356],[\"-97.33938\",\"37.17076\",380],[\"-97.33926\",\"37.26233\",374],[\"-97.39422\",\"37.27493\",386],[\"-97.44229\",\"37.26623\",449],[\"-97.54700\",\"37.27211\",407],[\"-97.63827\",\"37.27988\",380],[\"-97.63909\",\"37.36569\",0],[\"-97.64218\",\"37.41427\",407],[\"-97.64285\",\"37.48741\",407],[\"-97.64333\",\"37.55365\",401],[\"-97.64322\",\"37.62173\",413],[\"-97.68103\",\"37.67006\",488],[\"-97.77872\",\"37.66918\",419],[\"-97.88751\",\"37.66854\",443],[\"-97.93500\",\"37.66956\",437],[\"-97.95825\",\"37.66912\",446],[\"-98.06366\",\"37.66635\",485],[\"-98.10818\",\"37.64633\",470],[\"-98.10834\",\"37.64632\",461],[\"-98.10831\",\"37.64629\",470],[\"-98.11306\",\"37.64450\",455],[\"-98.11313\",\"37.64448\",470],[\"-98.11319\",\"37.64449\",470],[\"-98.11301\",\"37.64443\",0],[\"-98.11319\",\"37.64480\",500],[\"-98.17334\",\"37.64661\",476],[\"-98.28061\",\"37.64563\",464],[\"-98.38605\",\"37.64455\",494],[\"-98.47748\",\"37.64593\",527],[\"-98.58535\",\"37.64639\",539],[\"-98.69382\",\"37.64551\",560],[\"-98.75439\",\"37.64457\",587],[\"-98.85165\",\"37.63894\",608],[\"-98.95300\",\"37.62717\",629],[\"-99.05481\",\"37.61790\",647],[\"-99.16400\",\"37.61093\",662],[\"-99.26282\",\"37.60854\",671],[\"-99.33560\",\"37.60475\",683],[\"-99.42859\",\"37.58640\",698],[\"-99.51764\",\"37.58622\",710],[\"-99.61734\",\"37.58635\",731],[\"-99.70755\",\"37.60572\",740],[\"-99.75140\",\"37.65968\",719],[\"-99.83676\",\"37.69670\",728],[\"-99.92648\",\"37.72968\",743],[\"-99.93073\",\"37.73236\",752],[\"-99.93164\",\"37.73217\",749],[\"-99.95377\",\"37.73811\",746],[\"-99.99187\",\"37.74769\",752],[\"-100.03220\",\"37.75368\",752],[\"-100.05600\",\"37.75550\",779],[\"-100.05606\",\"37.75544\",764],[\"-100.05606\",\"37.75552\",770],[\"-100.05621\",\"37.75588\",761],[\"-100.05569\",\"37.75527\",725],[\"-100.05544\",\"37.75546\",0],[\"-100.02325\",\"37.75331\",764],[\"-100.01642\",\"37.75275\",755],[\"-100.01669\",\"37.75267\",761],[\"-100.01669\",\"37.75229\",749],[\"-100.05600\",\"37.75496\",0],[\"-100.05643\",\"37.75578\",755],[\"-100.05617\",\"37.75580\",0],[\"-100.05600\",\"37.75571\",770],[\"-100.05597\",\"37.75525\",722],[\"-100.05600\",\"37.75533\",713],[\"-100.05612\",\"37.75532\",725],[\"-100.03290\",\"37.75346\",740],[\"-100.01639\",\"37.75274\",737],[\"-100.01645\",\"37.75280\",749],[\"-100.01639\",\"37.75274\",0],[\"-100.03247\",\"37.75346\",740],[\"-100.09836\",\"37.76107\",752],[\"-100.19894\",\"37.78935\",770],[\"-100.31039\",\"37.80233\",776],[\"-100.38559\",\"37.80893\",788],[\"-100.47885\",\"37.85423\",839],[\"-100.56555\",\"37.86472\",821],[\"-100.67499\",\"37.88306\",836],[\"-100.68661\",\"37.82891\",863],[\"-100.68930\",\"37.75106\",863],[\"-100.79672\",\"37.75120\",878],[\"-100.87134\",\"37.72398\",908],[\"-100.87042\",\"37.63434\",920],[\"-100.86972\",\"37.54511\",905],[\"-100.87085\",\"37.47750\",908],[\"-100.96793\",\"37.44691\",917],[\"-101.03388\",\"37.40057\",0],[\"-101.13885\",\"37.36044\",908],[\"-101.21634\",\"37.31845\",923],[\"-101.28253\",\"37.25373\",938],[\"-101.34821\",\"37.18653\",941],[\"-101.40826\",\"37.16927\",953],[\"-101.51863\",\"37.14579\",0],[\"-101.62798\",\"37.12223\",0],[\"-101.72626\",\"37.09142\",1034],[\"-101.82617\",\"37.04856\",0],[\"-101.89758\",\"36.99526\",1097],[\"-101.97473\",\"36.93769\",1133],[\"-102.07486\",\"36.89188\",1142],[\"-102.18774\",\"36.84101\",1181],[\"-102.26184\",\"36.80701\",1202],[\"-102.36496\",\"36.76987\",1226],[\"-102.46872\",\"36.73268\",1253],[\"-102.51300\",\"36.73009\",1265],[\"-102.57037\",\"36.68993\",0],[\"-102.66830\",\"36.64032\",1316],[\"-102.75128\",\"36.57589\",1349],[\"-102.85889\",\"36.55504\",1385],[\"-102.97147\",\"36.53010\",1442],[\"-103.06302\",\"36.48648\",1442],[\"-103.15417\",\"36.46183\",1508],[\"-103.17944\",\"36.44356\",1538],[\"-103.18954\",\"36.45055\",1544],[\"-103.27338\",\"36.41104\",1571],[\"-103.37177\",\"36.38018\",1586],[\"-103.46977\",\"36.35339\",0],[\"-103.50659\",\"36.33880\",1670],[\"-103.54514\",\"36.32335\",1688],[\"-103.65292\",\"36.31948\",1775],[\"-103.75610\",\"36.30119\",1769],[\"-103.86478\",\"36.30472\",1775],[\"-103.97385\",\"36.30490\",1799],[\"-104.07608\",\"36.30517\",1850],[\"-104.19408\",\"36.30540\",1925],[\"-104.29718\",\"36.30568\",1877],[\"-104.40805\",\"36.31705\",1802],[\"-104.51591\",\"36.33576\",1763],[\"-104.59567\",\"36.36121\",1769],[\"-104.59485\",\"36.36131\",1739],[\"-104.60771\",\"36.35203\",1775],[\"-104.64824\",\"36.24826\",0],[\"-104.67245\",\"36.17530\",1841],[\"-104.68892\",\"36.08351\",1904],[\"-104.72195\",\"35.99762\",1895],[\"-104.80070\",\"35.92818\",1955],[\"-104.89635\",\"35.86105\",2006],[\"-104.97620\",\"35.81443\",1985],[\"-105.03938\",\"35.73800\",2012],[\"-105.13672\",\"35.68895\",2039],[\"-105.20454\",\"35.62513\",0],[\"-105.21184\",\"35.60286\",0],[\"-105.21184\",\"35.60273\",1964],[\"-105.21173\",\"35.60302\",2003],[\"-105.21175\",\"35.60292\",1946],[\"-105.21121\",\"35.59611\",1940],[\"-105.23000\",\"35.53528\",1916],[\"-105.27829\",\"35.45543\",1898],[\"-105.34833\",\"35.39230\",1928],[\"-105.46278\",\"35.39738\",1856],[\"-105.56920\",\"35.42446\",1970],[\"-105.66371\",\"35.47839\",2063],[\"-105.72169\",\"35.55443\",2144],[\"-105.79883\",\"35.57045\",0],[\"-105.88075\",\"35.55793\",2150],[\"-105.92938\",\"35.63868\",2162],[\"-105.94986\",\"35.65772\",0],[\"-105.94548\",\"35.67248\",2135],[\"-105.94106\",\"35.68744\",0],[\"-105.94106\",\"35.68744\",0],[\"-105.94106\",\"35.68753\",2177],[\"-105.95044\",\"35.67961\",0],[\"-105.98700\",\"35.65777\",2054],[\"-106.00711\",\"35.64647\",0],[\"-106.00737\",\"35.64630\",0],[\"-106.00746\",\"35.64664\",2030],[\"-106.00745\",\"35.64669\",2012],[\"-106.00745\",\"35.64669\",0],[\"-106.00745\",\"35.64662\",1985],[\"-106.00735\",\"35.64663\",1994],[\"-106.00746\",\"35.64661\",2036],[\"-106.01907\",\"35.63619\",1994],[\"-106.01375\",\"35.61521\",1985],[\"-105.91982\",\"35.62180\",2189],[\"-105.88220\",\"35.54853\",2159],[\"-105.90814\",\"35.48196\",2000],[\"-105.86522\",\"35.40862\",1892],[\"-105.83250\",\"35.32520\",1982],[\"-105.80544\",\"35.24233\",0],[\"-105.75772\",\"35.16204\",2081],[\"-105.70590\",\"35.08328\",0],[\"-105.66187\",\"35.00410\",2159],[\"-105.61549\",\"34.91988\",2102],[\"-105.57516\",\"34.82468\",2027],[\"-105.53060\",\"34.74882\",0],[\"-105.48253\",\"34.66659\",1925],[\"-105.46240\",\"34.60037\",1904],[\"-105.45370\",\"34.51919\",1994],[\"-105.39597\",\"34.46958\",1958],[\"-105.45918\",\"34.41330\",1991],[\"-105.46792\",\"34.40276\",0],[\"-105.51787\",\"34.34306\",1946],[\"-105.57524\",\"34.27168\",2012],[\"-105.61386\",\"34.23566\",0],[\"-105.61395\",\"34.23562\",2078],[\"-105.65000\",\"34.18782\",0],[\"-105.69034\",\"34.11997\",2057],[\"-105.72902\",\"34.03906\",0],[\"-105.77271\",\"33.96053\",1856],[\"-105.82623\",\"33.88551\",1757],[\"-105.83330\",\"33.79848\",1757],[\"-105.84164\",\"33.71270\",1694],[\"-105.87103\",\"33.64634\",1646],[\"-105.78282\",\"33.61993\",1790],[\"-105.69240\",\"33.58123\",1967],[\"-105.61771\",\"33.56969\",2030],[\"-105.55374\",\"33.54525\",1928],[\"-105.47804\",\"33.51926\",1841],[\"-105.40250\",\"33.50309\",1772],[\"-105.39090\",\"33.49377\",1748],[\"-105.39096\",\"33.49376\",1763],[\"-105.39099\",\"33.49373\",1757],[\"-105.37794\",\"33.48672\",1736],[\"-105.31616\",\"33.44186\",1676],[\"-105.27780\",\"33.38972\",1613],[\"-105.37346\",\"33.42043\",1694],[\"-105.46791\",\"33.40572\",1790],[\"-105.54097\",\"33.36366\",1895],[\"-105.60747\",\"33.32694\",1979],[\"-105.66165\",\"33.29403\",2114],[\"-105.69005\",\"33.23219\",2339],[\"-105.74620\",\"33.16357\",0],[\"-105.82285\",\"33.16451\",1898],[\"-105.83545\",\"33.16231\",0],[\"-105.83717\",\"33.16231\",1841],[\"-105.92921\",\"33.11645\",1595],[\"-106.01390\",\"33.07946\",1388],[\"-106.00053\",\"33.02423\",1364],[\"-105.97026\",\"32.94970\",1379],[\"-105.97028\",\"32.89692\",1322],[\"-106.01378\",\"32.85356\",1274],[\"-106.09181\",\"32.81957\",0],[\"-106.17816\",\"32.77223\",1238],[\"-106.23940\",\"32.69148\",1211],[\"-106.29718\",\"32.61809\",1220],[\"-106.35875\",\"32.53970\",1217],[\"-106.42023\",\"32.46153\",1217],[\"-106.51973\",\"32.43710\",1505],[\"-106.60727\",\"32.42232\",1526],[\"-106.69923\",\"32.39067\",0],[\"-106.76892\",\"32.34604\",1250],[\"-106.74475\",\"32.31496\",0],[\"-106.74458\",\"32.31599\",1292],[\"-106.74460\",\"32.31601\",1277],[\"-106.74162\",\"32.29597\",1232],[\"-106.76973\",\"32.28108\",0],[\"-106.79381\",\"32.27472\",1190],[\"-106.79402\",\"32.27383\",1187],[\"-106.79482\",\"32.27324\",1187],[\"-106.78745\",\"32.28121\",1184],[\"-106.76578\",\"32.29405\",1184],[\"-106.74962\",\"32.31746\",0],[\"-106.76413\",\"32.34523\",1241],[\"-106.76430\",\"32.34499\",1223],[\"-106.76436\",\"32.34494\",1241],[\"-106.76430\",\"32.34495\",1232],[\"-106.75943\",\"32.32622\",1232],[\"-106.79646\",\"32.31322\",1190],[\"-106.84086\",\"32.30632\",0],[\"-106.91090\",\"32.27345\",1346],[\"-107.01825\",\"32.26167\",1355],[\"-107.11775\",\"32.25027\",1331],[\"-107.19946\",\"32.24098\",1319],[\"-107.30739\",\"32.24317\",1298],[\"-107.41486\",\"32.23882\",1268],[\"-107.51729\",\"32.26563\",1268],[\"-107.63806\",\"32.28673\",1295],[\"-107.73257\",\"32.27370\",1316],[\"-107.75470\",\"32.26992\",1316],[\"-107.76776\",\"32.29536\",1325],[\"-107.82933\",\"32.35409\",1388],[\"-107.89800\",\"32.41941\",0],[\"-107.96649\",\"32.48468\",1478],[\"-108.03771\",\"32.55230\",0],[\"-108.10938\",\"32.62015\",1622],[\"-108.13437\",\"32.69351\",1748],[\"-108.14375\",\"32.75896\",1805],[\"-108.19637\",\"32.78175\",1847],[\"-108.24881\",\"32.78751\",1868],[\"-108.27444\",\"32.77391\",1817],[\"-108.27516\",\"32.76989\",0],[\"-108.27516\",\"32.77023\",0],[\"-108.25945\",\"32.78577\",1847],[\"-108.22533\",\"32.78496\",1871],[\"-108.14867\",\"32.77959\",0],[\"-108.13605\",\"32.71766\",1748],[\"-108.12813\",\"32.63779\",1637],[\"-108.06175\",\"32.57500\",1556],[\"-107.99313\",\"32.50991\",1481],[\"-107.97928\",\"32.49525\",1475],[\"-107.97763\",\"32.49525\",1487],[\"-107.90987\",\"32.43082\",1439],[\"-107.84021\",\"32.36454\",1388],[\"-107.77763\",\"32.30466\",1379],[\"-107.74998\",\"32.27081\",1370],[\"-107.64388\",\"32.28578\",1301],[\"-107.53551\",\"32.27075\",1310],[\"-107.42753\",\"32.23989\",0],[\"-107.31561\",\"32.24294\",1298],[\"-107.20159\",\"32.24054\",0],[\"-107.08829\",\"32.25320\",1358],[\"-106.96352\",\"32.26707\",1352],[\"-106.86928\",\"32.28281\",1268],[\"-106.79720\",\"32.27868\",1187],[\"-106.79503\",\"32.27419\",1190],[\"-106.79579\",\"32.27752\",0],[\"-106.78540\",\"32.30142\",0],[\"-106.78574\",\"32.30121\",1178],[\"-106.78235\",\"32.31284\",1190],[\"-106.77968\",\"32.33538\",1208],[\"-106.74026\",\"32.37217\",1322],[\"-106.62965\",\"32.41449\",1436],[\"-106.54955\",\"32.43539\",1616],[\"-106.43979\",\"32.45121\",1220],[\"-106.37062\",\"32.52418\",1205],[\"-106.30594\",\"32.60658\",1214],[\"-106.24493\",\"32.68413\",1217],[\"-106.18494\",\"32.76239\",1229],[\"-106.12465\",\"32.80291\",1244],[\"-106.03143\",\"32.84615\",1268],[\"-105.96651\",\"32.87575\",1316],[\"-105.96062\",\"32.88234\",1322],[\"-105.96051\",\"32.88237\",1322],[\"-105.96062\",\"32.88245\",1322],[\"-105.96022\",\"32.88957\",1325],[\"-105.96936\",\"32.94102\",1367],[\"-105.98386\",\"32.98369\",1370],[\"-106.01442\",\"33.05899\",1364],[\"-106.04132\",\"33.10333\",1361],[\"-106.05310\",\"33.18641\",0],[\"-106.06752\",\"33.27379\",1373],[\"-106.08023\",\"33.35813\",1409],[\"-106.06401\",\"33.44698\",1514],[\"-106.02615\",\"33.52890\",1556],[\"-105.95055\",\"33.59079\",1592],[\"-105.87799\",\"33.63997\",1673],[\"-105.87125\",\"33.64666\",1691],[\"-105.84842\",\"33.69413\",1697],[\"-105.83392\",\"33.77991\",1736],[\"-105.83203\",\"33.87258\",1775],[\"-105.77657\",\"33.95519\",1880],[\"-105.72908\",\"34.03840\",1904],[\"-105.68828\",\"34.12318\",2081],[\"-105.64853\",\"34.20501\",2081],[\"-105.59450\",\"34.25135\",2057],[\"-105.53832\",\"34.31406\",0],[\"-105.48116\",\"34.38710\",1970],[\"-105.41019\",\"34.45510\",1937],[\"-105.33801\",\"34.51593\",1886],[\"-105.25374\",\"34.58623\",1841],[\"-105.18753\",\"34.59369\",1826],[\"-105.08360\",\"34.57372\",1721],[\"-104.97731\",\"34.54532\",1631],[\"-104.87149\",\"34.51669\",1631],[\"-104.76791\",\"34.48399\",1565],[\"-104.66527\",\"34.45155\",1487],[\"-104.56622\",\"34.44535\",1439],[\"-104.46063\",\"34.47013\",1391],[\"-104.35597\",\"34.47390\",1367],[\"-104.33556\",\"34.47459\",1328],[\"-104.24994\",\"34.47320\",1226],[\"-104.19361\",\"34.43890\",0],[\"-104.19344\",\"34.40405\",1178],[\"-104.19327\",\"34.40404\",1187],[\"-104.19333\",\"34.40402\",1196],[\"-104.19335\",\"34.41723\",0],[\"-104.15198\",\"34.44718\",1238],[\"-104.03777\",\"34.43406\",1244],[\"-103.93381\",\"34.45083\",0],[\"-103.82721\",\"34.43366\",1292],[\"-103.71741\",\"34.42533\",1325],[\"-103.61667\",\"34.42361\",1322],[\"-103.51559\",\"34.41731\",1328],[\"-103.39944\",\"34.41077\",1331],[\"-103.30396\",\"34.40508\",1316],[\"-103.22894\",\"34.40064\",1307],[\"-103.17865\",\"34.39623\",1289],[\"-103.08936\",\"34.39064\",1262],[\"-103.01871\",\"34.38751\",1229],[\"-102.93427\",\"34.34317\",1244],[\"-102.84521\",\"34.29890\",1214],[\"-102.75854\",\"34.24242\",1193],[\"-102.69528\",\"34.20732\",1160],[\"-102.61447\",\"34.13896\",1163],[\"-102.53210\",\"34.07253\",1151],[\"-102.44696\",\"34.01143\",1130],[\"-102.37021\",\"33.95633\",1112],[\"-102.30579\",\"33.90340\",1088],[\"-102.22217\",\"33.84741\",1046],[\"-102.13751\",\"33.78669\",1028],[\"-102.04840\",\"33.73202\",1007],[\"-101.97855\",\"33.67256\",995],[\"-101.90546\",\"33.62398\",983],[\"-101.89987\",\"33.62062\",983],[\"-101.93491\",\"33.58907\",1016],[\"-101.93643\",\"33.54472\",1049],[\"-101.93893\",\"33.53846\",965],[\"-101.85544\",\"33.52907\",950],[\"-101.76443\",\"33.51258\",920],[\"-101.66989\",\"33.45938\",923],[\"-101.60400\",\"33.39390\",911],[\"-101.53091\",\"33.32729\",893],[\"-101.46680\",\"33.25233\",866],[\"-101.38382\",\"33.20136\",767],[\"-101.38266\",\"33.20051\",743],[\"-101.36972\",\"33.17768\",761],[\"-101.28358\",\"33.12132\",0],[\"-101.21054\",\"33.05253\",659],[\"-101.13961\",\"32.98946\",0],[\"-101.07172\",\"32.93414\",746],[\"-101.01877\",\"32.85674\",758],[\"-100.94919\",\"32.78592\",0],[\"-100.88010\",\"32.71730\",710],[\"-100.83371\",\"32.68291\",722],[\"-100.79025\",\"32.66284\",707],[\"-100.72803\",\"32.58520\",686],[\"-100.65671\",\"32.51649\",698],[\"-100.57205\",\"32.45966\",701],[\"-100.47058\",\"32.45277\",677],[\"-100.37399\",\"32.47321\",629],[\"-100.26532\",\"32.49560\",0],[\"-100.16782\",\"32.49079\",593],[\"-100.06467\",\"32.47855\",557],[\"-99.96026\",\"32.46378\",545],[\"-99.85030\",\"32.45932\",0],[\"-99.75006\",\"32.48983\",527],[\"-99.69727\",\"32.47807\",542],[\"-99.62845\",\"32.51281\",569],[\"-99.56335\",\"32.55280\",578],[\"-99.48065\",\"32.61353\",608],[\"-99.43622\",\"32.69235\",620],[\"-99.34320\",\"32.71346\",515],[\"-99.28568\",\"32.73868\",464],[\"-99.26461\",\"32.82241\",446],[\"-99.23260\",\"32.91169\",0],[\"-99.22882\",\"32.93280\",0],[\"-99.22891\",\"32.93293\",332],[\"-99.23394\",\"32.90959\",347],[\"-99.26486\",\"32.82142\",383],[\"-99.21814\",\"32.77104\",383],[\"-99.12259\",\"32.76184\",290],[\"-99.01035\",\"32.76798\",326],[\"-98.92368\",\"32.75494\",416],[\"-98.90271\",\"32.75576\",332],[\"-98.90234\",\"32.75562\",425],[\"-98.85576\",\"32.75447\",0],[\"-98.75766\",\"32.73237\",410],[\"-98.70895\",\"32.77945\",410],[\"-98.70215\",\"32.77608\",0],[\"-98.69623\",\"32.72947\",446],[\"-98.80060\",\"32.74088\",422],[\"-98.88542\",\"32.75500\",0],[\"-98.90250\",\"32.71741\",434],[\"-98.90280\",\"32.62479\",476],[\"-98.88518\",\"32.53022\",0],[\"-98.90012\",\"32.45619\",491],[\"-98.97235\",\"32.39418\",0],[\"-98.97020\",\"32.37156\",0],[\"-98.95734\",\"32.32774\",491],[\"-98.91871\",\"32.27825\",0],[\"-98.83203\",\"32.27387\",509],[\"-98.76575\",\"32.23556\",467],[\"-98.67310\",\"32.21528\",458],[\"-98.61055\",\"32.17220\",0],[\"-98.53751\",\"32.11813\",404],[\"-98.53421\",\"32.11716\",419],[\"-98.44342\",\"32.09154\",410],[\"-98.36105\",\"32.09050\",455],[\"-98.34137\",\"32.08702\",437],[\"-98.34143\",\"32.08709\",437],[\"-98.34139\",\"32.08705\",443],[\"-96.97076\",\"32.89585\",170],[\"-96.92230\",\"32.80169\",155],[\"-96.91882\",\"32.79823\",0],[\"-96.91885\",\"32.79742\",125],[\"-96.91882\",\"32.79737\",134],[\"-96.92139\",\"32.81873\",152],[\"-96.93570\",\"32.85973\",203],[\"-96.96259\",\"32.89631\",62],[\"-96.96274\",\"32.89595\",95],[\"-96.96277\",\"32.89600\",86],[\"-96.96259\",\"32.89631\",0],[\"-96.95959\",\"32.89613\",50],[\"-96.95886\",\"32.89663\",101],[\"-96.93810\",\"32.86245\",92],[\"-96.92149\",\"32.79993\",0],[\"-96.91943\",\"32.71903\",173],[\"-96.92429\",\"32.66895\",200],[\"-96.83475\",\"32.64183\",194],[\"-96.82248\",\"32.57240\",185],[\"-96.82971\",\"32.48506\",188],[\"-96.87061\",\"32.39389\",164],[\"-96.86139\",\"32.31650\",185],[\"-96.88657\",\"32.22304\",146],[\"-96.94629\",\"32.13950\",182],[\"-97.08602\",\"31.84829\",191],[\"-97.10436\",\"31.75831\",0],[\"-97.09972\",\"31.66686\",155],[\"-97.11166\",\"31.58383\",155],[\"-97.13284\",\"31.55766\",146],[\"-97.13303\",\"31.55727\",0],[\"-97.13088\",\"31.55930\",116],[\"-97.10901\",\"31.59529\",140],[\"-97.09976\",\"31.68416\",155],[\"-97.10345\",\"31.76996\",179],[\"-97.08374\",\"31.85918\",191],[\"-97.10342\",\"31.93000\",188],[\"-97.10907\",\"31.98367\",200],[\"-97.09339\",\"32.05296\",0],[\"-97.01434\",\"32.10171\",227],[\"-96.92770\",\"32.15538\",191],[\"-96.90051\",\"32.19717\",0],[\"-96.90060\",\"32.19713\",191],[\"-96.90057\",\"32.19709\",188],[\"-96.90057\",\"32.19709\",191],[\"-96.90027\",\"32.19707\",209],[\"-96.88513\",\"32.22539\",140],[\"-96.86344\",\"32.30607\",0],[\"-96.87125\",\"32.39615\",164],[\"-96.83374\",\"32.47843\",188],[\"-96.82239\",\"32.55927\",185],[\"-96.82317\",\"32.64207\",191],[\"-96.82602\",\"32.72518\",170],[\"-96.82660\",\"32.76868\",128],[\"-96.85344\",\"32.78178\",0],[\"-96.86520\",\"32.77547\",134],[\"-96.86060\",\"32.77801\",137],[\"-96.85687\",\"32.77868\",122],[\"-96.83615\",\"32.77860\",137],[\"-96.81232\",\"32.78765\",143],[\"-96.81292\",\"32.85320\",182],[\"-96.81604\",\"32.91421\",188],[\"-96.82190\",\"32.93437\",203],[\"-96.82138\",\"32.96724\",311],[\"-96.82492\",\"33.06413\",0],[\"-96.82492\",\"33.13182\",242],[\"-96.82277\",\"33.20378\",188],[\"-96.81876\",\"33.23323\",200],[\"-96.81847\",\"33.26245\",221],[\"-96.81149\",\"33.28481\",191],[\"-96.81281\",\"33.30602\",197],[\"-96.80056\",\"33.32494\",206],[\"-96.78662\",\"33.32373\",242],[\"-96.78722\",\"33.32412\",209],[\"-96.77020\",\"33.34478\",218],[\"-96.76125\",\"33.40442\",203],[\"-96.75223\",\"33.43533\",209],[\"-96.74637\",\"33.44102\",209],[\"-96.74319\",\"33.44532\",212],[\"-96.71832\",\"33.49733\",239],[\"-96.70523\",\"33.56395\",254],[\"-96.69732\",\"33.65173\",254],[\"-96.67252\",\"33.67098\",245],[\"-96.64725\",\"33.67106\",230],[\"-96.61266\",\"33.65901\",224],[\"-96.61432\",\"33.65473\",224],[\"-96.61417\",\"33.65492\",227],[\"-96.61411\",\"33.65490\",230],[\"-96.61172\",\"33.65576\",0],[\"-96.54933\",\"33.65722\",0],[\"-96.44479\",\"33.63993\",197],[\"-96.33978\",\"33.61316\",206],[\"-96.23099\",\"33.60393\",188],[\"-96.11444\",\"33.60591\",167],[\"-96.01382\",\"33.60942\",185],[\"-95.90716\",\"33.59680\",182],[\"-95.80504\",\"33.60830\",188],[\"-95.71829\",\"33.64212\",185],[\"-95.62018\",\"33.66067\",164],[\"-95.55960\",\"33.68601\",0],[\"-95.55557\",\"33.69309\",0],[\"-95.55557\",\"33.69296\",185],[\"-95.55597\",\"33.69297\",209],[\"-95.55609\",\"33.69290\",152],[\"-95.55594\",\"33.69281\",113],[\"-95.55615\",\"33.69278\",128],[\"-95.55426\",\"33.69393\",128],[\"-95.55428\",\"33.68709\",152],[\"-95.51035\",\"33.66146\",0],[\"-95.43944\",\"33.66322\",149],[\"-95.36484\",\"33.66444\",128],[\"-95.27243\",\"33.66117\",128],[\"-95.19803\",\"33.63390\",122],[\"-95.10126\",\"33.61262\",125],[\"-95.03762\",\"33.61661\",128],[\"-94.84692\",\"33.57518\",131],[\"-94.77624\",\"33.55199\",0],[\"-94.68680\",\"33.53542\",128],[\"-94.61227\",\"33.50684\",116],[\"-94.52706\",\"33.48948\",113],[\"-94.46975\",\"33.46447\",110],[\"-94.36935\",\"33.47084\",110],[\"-94.25991\",\"33.47506\",104],[\"-94.15416\",\"33.45663\",98],[\"-94.07208\",\"33.46278\",83],[\"-93.98734\",\"33.47430\",74],[\"-94.00900\",\"33.45639\",86],[\"-94.00479\",\"33.43841\",98],[\"-93.95120\",\"33.42950\",104],[\"-93.86938\",\"33.42411\",0],[\"-93.78793\",\"33.41235\",71],[\"-93.73248\",\"33.37514\",62],[\"-93.64821\",\"33.35667\",68],[\"-93.56500\",\"33.35555\",0],[\"-93.49594\",\"33.36557\",98],[\"-93.42673\",\"33.35894\",74],[\"-93.41242\",\"33.35871\",0],[\"-93.41233\",\"33.35871\",0],[\"-93.36890\",\"33.35103\",95],[\"-93.29541\",\"33.35299\",110],[\"-93.29703\",\"33.35247\",128],[\"-93.29602\",\"33.35302\",107],[\"-93.33298\",\"33.35013\",0],[\"-93.41864\",\"33.35871\",0],[\"-93.49091\",\"33.36515\",125],[\"-93.57101\",\"33.35469\",119],[\"-93.65752\",\"33.35542\",107],[\"-93.73572\",\"33.38787\",116],[\"-93.80710\",\"33.41282\",0],[\"-93.89122\",\"33.42831\",0],[\"-93.97472\",\"33.42951\",170],[\"-93.99621\",\"33.46636\",146],[\"-93.94626\",\"33.50999\",164],[\"-94.02664\",\"33.47159\",134],[\"-94.10480\",\"33.45108\",191],[\"-94.19910\",\"33.46492\",155],[\"-94.28851\",\"33.47557\",0],[\"-94.28860\",\"33.47527\",0],[\"-94.28860\",\"33.47557\",191],[\"-94.28857\",\"33.47550\",161],[\"-94.28843\",\"33.47561\",0],[\"-94.33984\",\"33.46814\",170],[\"-94.44843\",\"33.47431\",155],[\"-94.55150\",\"33.42038\",110],[\"-94.63081\",\"33.36793\",0],[\"-94.70632\",\"33.30389\",128],[\"-94.80676\",\"33.27540\",101],[\"-94.89279\",\"33.22102\",125],[\"-94.96972\",\"33.17953\",0],[\"-94.97109\",\"33.18253\",0],[\"-94.99563\",\"33.20137\",179],[\"-95.00588\",\"33.20885\",143],[\"-94.96252\",\"33.20054\",128],[\"-94.93097\",\"33.19389\",0],[\"-94.93088\",\"33.19389\",131],[\"-94.95242\",\"33.18477\",104],[\"-95.04550\",\"33.15853\",107],[\"-95.15509\",\"33.16220\",134],[\"-95.26120\",\"33.16335\",113],[\"-95.37170\",\"33.16607\",122],[\"-95.47837\",\"33.14656\",0],[\"-95.57776\",\"33.13025\",116],[\"-95.67136\",\"33.12106\",146],[\"-95.77813\",\"33.13042\",170],[\"-95.88315\",\"33.12982\",182],[\"-95.99203\",\"33.12947\",170],[\"-96.08353\",\"33.12671\",161],[\"-96.10992\",\"33.09158\",164],[\"-96.11377\",\"33.09391\",152],[\"-96.11380\",\"33.09386\",176],[\"-96.11356\",\"33.09388\",191],[\"-96.10944\",\"33.06203\",185],[\"-96.10751\",\"33.06192\",218],[\"-96.10947\",\"33.04956\",185],[\"-96.17770\",\"33.04301\",173],[\"-96.24139\",\"32.99789\",170],[\"-96.33011\",\"32.96994\",170],[\"-96.40173\",\"32.92377\",197],[\"-96.44949\",\"32.90931\",176],[\"-96.52536\",\"32.87289\",134],[\"-96.60925\",\"32.83449\",164],[\"-96.68809\",\"32.79677\",0],[\"-96.73126\",\"32.79188\",143],[\"-96.76882\",\"32.78461\",152],[\"-96.80371\",\"32.78746\",-13],[\"-96.81453\",\"32.79447\",128],[\"-96.84041\",\"32.80676\",125],[\"-96.89449\",\"32.83315\",125],[\"-96.98169\",\"32.83745\",161],[\"-97.00491\",\"32.83639\",0],[\"-97.00491\",\"32.83630\",0],[\"-97.00491\",\"32.83626\",182],[\"-97.00482\",\"32.83641\",158],[\"-97.00577\",\"32.83584\",158],[\"-97.00657\",\"32.83529\",0],[\"-97.00682\",\"32.83542\",0],[\"-97.00570\",\"32.83568\",170],[\"-97.00482\",\"32.83645\",0],[\"-97.00482\",\"32.83641\",0],[\"-97.00482\",\"32.83641\",161],[\"-97.03550\",\"32.83714\",0],[\"-97.06751\",\"32.83212\",0],[\"-97.06433\",\"32.86147\",167],[\"-97.09186\",\"32.91792\",212],[\"-97.13797\",\"32.95466\",197],[\"-97.15604\",\"32.97025\",230],[\"-97.15588\",\"32.97025\",224],[\"-97.15479\",\"32.97008\",218],[\"-97.15372\",\"32.97031\",239],[\"-97.12018\",\"32.94376\",227],[\"-97.04940\",\"32.92883\",221],[\"-96.96225\",\"32.89610\",260],[\"-96.96231\",\"32.89616\",251],[\"-96.96935\",\"32.89965\",203],[\"-97.01533\",\"32.85333\",0],[\"-97.00812\",\"32.83771\",0],[\"-97.00812\",\"32.83771\",233],[\"-97.00803\",\"32.83770\",224],[\"-97.00818\",\"32.83782\",179],[\"-97.00809\",\"32.83764\",191],[\"-97.00800\",\"32.83770\",182],[\"-97.00793\",\"32.83778\",170],[\"-96.97284\",\"32.83676\",170],[\"-96.92117\",\"32.80819\",146],[\"-96.90237\",\"32.76591\",152],[\"-96.85645\",\"32.76159\",170],[\"-96.84466\",\"32.76515\",167],[\"-96.84573\",\"32.76542\",161],[\"-96.84542\",\"32.76698\",0],[\"-96.81108\",\"32.77844\",0],[\"-96.86954\",\"32.82002\",113],[\"-96.86386\",\"32.86726\",134],[\"-96.86394\",\"32.86791\",0],[\"-96.86377\",\"32.86757\",125],[\"-96.86374\",\"32.86749\",131],[\"-96.86484\",\"32.87103\",146],[\"-96.87735\",\"32.85030\",122],[\"-96.84090\",\"32.80668\",0],[\"-96.81619\",\"32.79647\",101],[\"-96.80896\",\"32.78892\",173],[\"-96.80965\",\"32.78516\",0],[\"-96.83969\",\"32.77902\",131],[\"-96.83676\",\"32.77851\",116],[\"-96.83198\",\"32.80313\",0],[\"-96.90494\",\"32.83892\",134],[\"-96.96320\",\"32.89081\",137],[\"-96.96274\",\"32.89655\",170],[\"-96.96277\",\"32.89696\",131],[\"-96.96256\",\"32.89662\",0],[\"-96.96307\",\"32.89649\",113],[\"-96.80695\",\"32.78473\",119],[\"-96.76819\",\"32.74647\",134],[\"-96.68674\",\"32.71547\",146],[\"-96.61224\",\"32.70159\",164],[\"-96.50991\",\"32.70027\",209],[\"-96.40442\",\"32.69569\",191],[\"-96.30569\",\"32.71368\",188],[\"-96.20895\",\"32.68413\",206],[\"-96.11002\",\"32.65896\",197],[\"-95.99823\",\"32.62415\",0],[\"-95.90398\",\"32.59784\",161],[\"-95.87354\",\"32.58284\",0],[\"-95.87354\",\"32.58280\",119],[\"-95.80240\",\"32.55748\",152],[\"-95.70114\",\"32.52065\",152],[\"-95.59524\",\"32.49948\",140],[\"-95.49243\",\"32.47979\",176],[\"-95.38657\",\"32.46832\",155],[\"-95.28328\",\"32.45298\",152],[\"-95.17404\",\"32.44720\",101],[\"-95.06692\",\"32.44192\",0],[\"-94.94692\",\"32.43411\",131],[\"-94.84631\",\"32.43349\",107],[\"-94.74417\",\"32.43757\",92],[\"-94.72141\",\"32.44440\",89],[\"-94.62009\",\"32.46686\",0],[\"-94.51117\",\"32.48471\",98],[\"-94.40118\",\"32.48870\",101],[\"-94.35872\",\"32.49437\",116],[\"-94.35886\",\"32.49439\",86],[\"-94.35880\",\"32.49437\",98],[\"-94.35886\",\"32.49439\",92],[\"-94.35870\",\"32.49426\",137],[\"-94.35605\",\"32.49086\",107],[\"-94.24690\",\"32.49552\",0],[\"-94.13669\",\"32.48822\",95],[\"-94.03497\",\"32.45714\",89],[\"-93.93246\",\"32.44392\",104],[\"-93.83611\",\"32.45869\",80],[\"-93.75288\",\"32.49937\",0],[\"-93.67392\",\"32.52802\",137],[\"-93.57205\",\"32.54160\",89],[\"-93.47367\",\"32.57609\",0],[\"-93.35947\",\"32.58592\",14],[\"-93.25000\",\"32.58060\",110],[\"-93.15427\",\"32.56229\",62],[\"-93.05252\",\"32.56305\",86],[\"-92.94495\",\"32.56675\",0],[\"-92.83844\",\"32.54903\",98],[\"-92.72974\",\"32.54295\",77],[\"-92.62433\",\"32.54007\",71],[\"-92.51724\",\"32.53894\",56],[\"-92.47423\",\"32.53138\",0],[\"-92.47414\",\"32.53147\",68],[\"-92.47409\",\"32.53141\",0],[\"-92.47405\",\"32.53140\",119],[\"-92.47400\",\"32.53143\",137],[\"-92.47387\",\"32.53169\",50],[\"-92.39087\",\"32.52166\",50],[\"-92.28470\",\"32.50967\",47],[\"-92.17386\",\"32.51078\",53],[\"-92.08081\",\"32.49897\",41],[\"-91.98566\",\"32.48843\",23],[\"-91.87658\",\"32.48005\",26],[\"-91.76990\",\"32.45797\",32],[\"-91.66070\",\"32.45595\",35],[\"-91.55096\",\"32.44655\",44],[\"-91.44110\",\"32.43451\",44],[\"-91.33423\",\"32.42176\",38],[\"-91.21850\",\"32.40239\",23],[\"-91.12784\",\"32.36633\",26],[\"-91.02744\",\"32.33028\",26],[\"-90.92261\",\"32.32074\",29],[\"-90.84442\",\"32.34227\",62],[\"-90.74213\",\"32.35262\",71],[\"-90.69363\",\"32.36307\",53],[\"-90.68526\",\"32.36364\",0],[\"-90.66354\",\"32.35819\",44],[\"-90.64752\",\"32.35445\",47],[\"-90.64749\",\"32.35439\",47],[\"-90.63449\",\"32.35334\",41],[\"-90.53845\",\"32.36005\",95],[\"-90.46259\",\"32.35866\",50],[\"-90.46263\",\"32.35879\",0],[\"-90.46254\",\"32.35879\",2],[\"-90.44824\",\"32.35926\",68],[\"-90.34698\",\"32.33990\",92],[\"-90.26080\",\"32.29043\",104],[\"-90.18021\",\"32.27618\",83],[\"-90.15640\",\"32.22173\",86],[\"-90.12921\",\"32.16343\",92],[\"-90.07840\",\"32.12611\",92],[\"-90.01212\",\"32.07016\",119],[\"-89.92449\",\"32.00682\",86],[\"-89.85626\",\"31.96464\",0],[\"-89.78769\",\"31.90808\",143],[\"-89.74533\",\"31.86931\",125],[\"-89.70874\",\"31.83257\",128],[\"-89.66504\",\"31.75614\",113],[\"-89.60442\",\"31.68913\",98],[\"-89.55907\",\"31.63398\",98],[\"-89.52444\",\"31.58415\",80],[\"-89.48069\",\"31.51111\",0],[\"-89.47168\",\"31.49570\",104],[\"-89.37989\",\"31.39217\",0],[\"-89.35217\",\"31.33921\",0],[\"-89.33655\",\"31.25887\",107],[\"-89.26151\",\"31.24546\",74],[\"-89.17064\",\"31.21664\",47],[\"-89.07474\",\"31.20608\",32],[\"-88.97977\",\"31.19619\",44],[\"-88.90030\",\"31.15306\",53],[\"-88.81989\",\"31.11293\",44],[\"-88.74265\",\"31.07303\",41],[\"-88.69302\",\"31.00773\",38],[\"-88.62555\",\"30.95755\",89],[\"-88.52484\",\"30.93571\",68],[\"-88.45844\",\"30.89918\",47],[\"-88.38019\",\"30.85100\",32],[\"-88.30304\",\"30.81038\",44],[\"-88.22769\",\"30.80644\",38],[\"-88.14505\",\"30.80293\",17],[\"-88.10275\",\"30.79380\",0],[\"-88.07288\",\"30.72784\",11],[\"-88.03247\",\"30.69994\",-1],[\"-87.97884\",\"30.67671\",5],[\"-87.91195\",\"30.66810\",38],[\"-87.90982\",\"30.66258\",32]]},\"properties\":{\"stroke\":\"#ff00ff\",\"stroke-opacity\":1,\"stroke-width\":1}};\n                if (gj.type === 'Feature' && gj.geometry.type === 'LineString') {\n                    var sourceName = 'AF Spot 4 - 3537-6a1b1b421998c';\n                    map.addSource(sourceName, { type: 'geojson', data: gj });\n\n                    \/\/ ['get', 'stroke']\n                    map.addLayer({\n                        id: 'AF Spot 4 - 3537-6a1b1b421998c',\n                        source: sourceName,\n                        type: 'line',\n                        paint: {\n                            'line-color': ['get', 'stroke'],\n                            'line-width': ['get', 'stroke-width'],\n                            'line-opacity': ['get', 'stroke-opacity'],\n                        },\n                        filter: [\"==\", \"$type\", \"LineString\"]\n                    });\n\n                    gj.geometry.coordinates.forEach(function(lngLat) {\n                    bounds.extend(lngLat);\n                    });\n\n                    layers.push('AF Spot 4 - 3537-6a1b1b421998c');\n                }\n                                                af = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.18088\",\"36.13600\",335]},\"properties\":{\"tripId\":136835,\"messageId\":51019046,\"messageDateTime\":\"2026-05-01 07:12:20\",\"messageDateTimeUTC\":\"2026-05-01T11:12:20Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.0\",\"knots\":\"0.0\",\"bearing\":180,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"fa-solid fa-star\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n                if (af.type === 'Feature' && af.geometry.type === 'Point') {\n                    el = document.createElement('div');\n                    el.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: green; background-color: #fff; border-radius: 50%; border: 1px solid #000;\";\n                    el.innerHTML = '<i class=\"' + af.properties.icon + '\"><\/i>';\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51019046, 'TRACK'); });\n\n                    m = new mapboxgl.Marker({ 'element': el })\n                        .setLngLat(af.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(af.geometry.coordinates);\n                    markers.push(m);\n                    if (af.properties.smallPic !== undefined && af.properties.smallPic !== null && af.properties.smallPic.length > 0 && af.properties.largePic !== undefined && af.properties.largePic !== null && af.properties.largePic.length > 0) {\n                        a = document.createElement('div');\n                        a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + af.properties.color +  \";\";\n                        a.innerHTML = '<a target=\"_blank\" href=\"' + af.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + af.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                        m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                            .setLngLat(af.geometry.coordinates)\n                            .addTo(map);\n                        markers.push(m);\n                        markersWithPics.push(m);\n                        picListMarkers['0'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + af.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + af.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'0\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.18088\",\"36.13600\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51019045,\"messageDateTime\":\"2026-05-01 07:12:32\",\"messageDateTimeUTC\":\"2026-05-01T11:12:32Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"OK\",\"messageTypeDescription\":\"Ok\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.0\",\"knots\":\"0.0\",\"bearing\":0,\"nearest\":null,\"messageText\":\"This is the default SPOT Check-in\\\/OK message. Please update.\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-solid fa-scrubber\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51019045, 'OK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['1'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'1\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.11301\",\"37.64443\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51030261,\"messageDateTime\":\"2026-05-01 14:29:52\",\"messageDateTimeUTC\":\"2026-05-01T18:29:52Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"OK\",\"messageTypeDescription\":\"Ok\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.0\",\"knots\":\"0.0\",\"bearing\":112,\"nearest\":null,\"messageText\":\"This is the default SPOT Check-in\\\/OK message. Please update.\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-solid fa-scrubber\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51030261, 'OK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['2'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'2\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.00745\",\"35.64669\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51085684,\"messageDateTime\":\"2026-05-03 08:57:25\",\"messageDateTimeUTC\":\"2026-05-03T12:57:25Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"OK\",\"messageTypeDescription\":\"Ok\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.0\",\"knots\":\"0.0\",\"bearing\":0,\"nearest\":null,\"messageText\":\"This is the default SPOT Check-in\\\/OK message. Please update.\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-solid fa-scrubber\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51085684, 'OK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['3'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'3\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.96259\",\"32.89631\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51170862,\"messageDateTime\":\"2026-05-06 11:49:10\",\"messageDateTimeUTC\":\"2026-05-06T15:49:10Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"OK\",\"messageTypeDescription\":\"Ok\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.5\",\"kph\":\"1.1\",\"knots\":\"0.5\",\"bearing\":25,\"nearest\":null,\"messageText\":\"This is the default SPOT Check-in\\\/OK message. Please update.\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-solid fa-scrubber\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51170862, 'OK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['4'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'4\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-92.47409\",\"32.53141\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51250277,\"messageDateTime\":\"2026-05-09 13:23:53\",\"messageDateTimeUTC\":\"2026-05-09T17:23:53Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"OK\",\"messageTypeDescription\":\"Ok\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.2\",\"kph\":\"0.2\",\"knots\":\"0.1\",\"bearing\":144,\"nearest\":null,\"messageText\":\"This is the default SPOT Check-in\\\/OK message. Please update.\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-solid fa-scrubber\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51250277, 'OK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['5'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'5\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                                                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.18088\",\"36.13626\",368]},\"properties\":{\"tripId\":136835,\"messageId\":51019229,\"messageDateTime\":\"2026-05-01 07:21:50\",\"messageDateTimeUTC\":\"2026-05-01T11:21:50Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.1\",\"kph\":\"0.1\",\"knots\":\"0.1\",\"bearing\":227,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51019229, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['6'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'6\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.54132\",\"36.17245\",353]},\"properties\":{\"tripId\":136835,\"messageId\":51020520,\"messageDateTime\":\"2026-05-01 08:36:40\",\"messageDateTimeUTC\":\"2026-05-01T12:36:40Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"31.2\",\"kph\":\"50.1\",\"knots\":\"27.1\",\"bearing\":257,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51020520, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['7'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'7\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.53156\",\"36.16953\",188]},\"properties\":{\"tripId\":136835,\"messageId\":51021490,\"messageDateTime\":\"2026-05-01 09:26:16\",\"messageDateTimeUTC\":\"2026-05-01T13:26:16Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"69.1\",\"kph\":\"111.3\",\"knots\":\"60.0\",\"bearing\":269,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51021490, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['8'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'8\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.35056\",\"36.21663\",239]},\"properties\":{\"tripId\":136835,\"messageId\":51022680,\"messageDateTime\":\"2026-05-01 10:16:03\",\"messageDateTimeUTC\":\"2026-05-01T14:16:03Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"67.2\",\"kph\":\"108.1\",\"knots\":\"58.4\",\"bearing\":296,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51022680, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['9'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'9\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.32697\",\"36.44014\",257]},\"properties\":{\"tripId\":136835,\"messageId\":51024140,\"messageDateTime\":\"2026-05-01 11:05:46\",\"messageDateTimeUTC\":\"2026-05-01T15:05:46Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"54.7\",\"kph\":\"87.9\",\"knots\":\"47.5\",\"bearing\":305,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51024140, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['10'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'10\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.34475\",\"36.99051\",338]},\"properties\":{\"tripId\":136835,\"messageId\":51025790,\"messageDateTime\":\"2026-05-01 12:05:13\",\"messageDateTimeUTC\":\"2026-05-01T16:05:13Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"77.9\",\"kph\":\"125.3\",\"knots\":\"67.7\",\"bearing\":4,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51025790, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['11'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'11\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.64285\",\"37.48741\",407]},\"properties\":{\"tripId\":136835,\"messageId\":51027245,\"messageDateTime\":\"2026-05-01 12:54:53\",\"messageDateTimeUTC\":\"2026-05-01T16:54:53Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"61.5\",\"kph\":\"99.0\",\"knots\":\"53.5\",\"bearing\":359,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51027245, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['12'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'12\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.10834\",\"37.64632\",461]},\"properties\":{\"tripId\":136835,\"messageId\":51028746,\"messageDateTime\":\"2026-05-01 13:44:44\",\"messageDateTimeUTC\":\"2026-05-01T17:44:44Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.1\",\"kph\":\"0.1\",\"knots\":\"0.1\",\"bearing\":265,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51028746, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['13'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'13\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.58535\",\"37.64639\",539]},\"properties\":{\"tripId\":136835,\"messageId\":51030995,\"messageDateTime\":\"2026-05-01 15:00:42\",\"messageDateTimeUTC\":\"2026-05-01T19:00:42Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"70.6\",\"kph\":\"113.6\",\"knots\":\"61.3\",\"bearing\":270,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51030995, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['14'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'14\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-99.51764\",\"37.58622\",710]},\"properties\":{\"tripId\":136835,\"messageId\":51032780,\"messageDateTime\":\"2026-05-01 15:50:31\",\"messageDateTimeUTC\":\"2026-05-01T19:50:31Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"58.8\",\"kph\":\"94.5\",\"knots\":\"51.1\",\"bearing\":269,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51032780, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['15'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'15\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.03220\",\"37.75368\",752]},\"properties\":{\"tripId\":136835,\"messageId\":51034256,\"messageDateTime\":\"2026-05-01 16:40:17\",\"messageDateTimeUTC\":\"2026-05-01T20:40:17Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"27.0\",\"kph\":\"43.5\",\"knots\":\"23.4\",\"bearing\":280,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51034256, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['16'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'16\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.01669\",\"37.75229\",749]},\"properties\":{\"tripId\":136835,\"messageId\":51045606,\"messageDateTime\":\"2026-05-02 05:25:29\",\"messageDateTimeUTC\":\"2026-05-02T09:25:29Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.4\",\"kph\":\"0.5\",\"knots\":\"0.3\",\"bearing\":180,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51045606, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['17'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'17\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.01645\",\"37.75280\",749]},\"properties\":{\"tripId\":136835,\"messageId\":51060285,\"messageDateTime\":\"2026-05-02 14:01:20\",\"messageDateTimeUTC\":\"2026-05-02T18:01:20Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.1\",\"kph\":\"0.1\",\"knots\":\"0.1\",\"bearing\":321,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51060285, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['18'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'18\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.68661\",\"37.82891\",863]},\"properties\":{\"tripId\":136835,\"messageId\":51062441,\"messageDateTime\":\"2026-05-02 14:50:47\",\"messageDateTimeUTC\":\"2026-05-02T18:50:47Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"45.8\",\"kph\":\"73.6\",\"knots\":\"39.8\",\"bearing\":189,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51062441, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['19'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'19\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-101.21634\",\"37.31845\",923]},\"properties\":{\"tripId\":136835,\"messageId\":51064480,\"messageDateTime\":\"2026-05-02 15:40:34\",\"messageDateTimeUTC\":\"2026-05-02T19:40:34Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"66.7\",\"kph\":\"107.4\",\"knots\":\"58.0\",\"bearing\":235,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51064480, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['20'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'20\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-102.07486\",\"36.89188\",1142]},\"properties\":{\"tripId\":136835,\"messageId\":51066587,\"messageDateTime\":\"2026-05-02 16:30:19\",\"messageDateTimeUTC\":\"2026-05-02T20:30:19Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"76.7\",\"kph\":\"123.5\",\"knots\":\"66.6\",\"bearing\":240,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51066587, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['21'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'21\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-102.97147\",\"36.53010\",1442]},\"properties\":{\"tripId\":136835,\"messageId\":51068570,\"messageDateTime\":\"2026-05-02 17:20:14\",\"messageDateTimeUTC\":\"2026-05-02T21:20:14Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"77.8\",\"kph\":\"125.3\",\"knots\":\"67.6\",\"bearing\":254,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51068570, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['22'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'22\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-103.65292\",\"36.31948\",1775]},\"properties\":{\"tripId\":136835,\"messageId\":51070731,\"messageDateTime\":\"2026-05-02 18:09:59\",\"messageDateTimeUTC\":\"2026-05-02T22:09:59Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"71.6\",\"kph\":\"115.3\",\"knots\":\"62.3\",\"bearing\":267,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51070731, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['23'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'23\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-104.59485\",\"36.36131\",1739]},\"properties\":{\"tripId\":136835,\"messageId\":51072241,\"messageDateTime\":\"2026-05-02 18:59:55\",\"messageDateTimeUTC\":\"2026-05-02T22:59:55Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.6\",\"kph\":\"0.8\",\"knots\":\"0.5\",\"bearing\":81,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51072241, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['24'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'24\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.13672\",\"35.68895\",2039]},\"properties\":{\"tripId\":136835,\"messageId\":51073530,\"messageDateTime\":\"2026-05-02 19:49:47\",\"messageDateTimeUTC\":\"2026-05-02T23:49:47Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"77.4\",\"kph\":\"124.6\",\"knots\":\"67.3\",\"bearing\":238,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51073530, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['25'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'25\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.46278\",\"35.39738\",1856]},\"properties\":{\"tripId\":136835,\"messageId\":51075714,\"messageDateTime\":\"2026-05-02 21:24:01\",\"messageDateTimeUTC\":\"2026-05-03T01:24:01Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"77.0\",\"kph\":\"123.9\",\"knots\":\"66.9\",\"bearing\":273,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51075714, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['26'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'26\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.94106\",\"35.68744\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51076936,\"messageDateTime\":\"2026-05-02 22:19:10\",\"messageDateTimeUTC\":\"2026-05-03T02:19:10Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.0\",\"knots\":\"0.0\",\"bearing\":0,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51076936, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['27'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'27\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.00746\",\"35.64661\",2036]},\"properties\":{\"tripId\":136835,\"messageId\":51085976,\"messageDateTime\":\"2026-05-03 09:11:02\",\"messageDateTimeUTC\":\"2026-05-03T13:11:02Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.1\",\"kph\":\"0.1\",\"knots\":\"0.1\",\"bearing\":257,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51085976, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['28'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'28\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.70590\",\"35.08328\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51089076,\"messageDateTime\":\"2026-05-03 10:49:11\",\"messageDateTimeUTC\":\"2026-05-03T14:49:11Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"76.2\",\"kph\":\"122.7\",\"knots\":\"66.2\",\"bearing\":151,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51089076, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['29'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'29\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.46792\",\"34.40276\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51091343,\"messageDateTime\":\"2026-05-03 11:39:00\",\"messageDateTimeUTC\":\"2026-05-03T15:39:00Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"10.9\",\"kph\":\"17.6\",\"knots\":\"9.5\",\"bearing\":214,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51091343, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['30'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'30\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.83330\",\"33.79848\",1757]},\"properties\":{\"tripId\":136835,\"messageId\":51092702,\"messageDateTime\":\"2026-05-03 12:28:48\",\"messageDateTimeUTC\":\"2026-05-03T16:28:48Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"72.8\",\"kph\":\"117.2\",\"knots\":\"63.3\",\"bearing\":183,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51092702, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['31'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'31\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.39096\",\"33.49376\",1763]},\"properties\":{\"tripId\":136835,\"messageId\":51095093,\"messageDateTime\":\"2026-05-03 13:23:34\",\"messageDateTimeUTC\":\"2026-05-03T17:23:34Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.1\",\"knots\":\"0.0\",\"bearing\":258,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51095093, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['32'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'32\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.69005\",\"33.23219\",2339]},\"properties\":{\"tripId\":136835,\"messageId\":51097991,\"messageDateTime\":\"2026-05-03 14:35:20\",\"messageDateTimeUTC\":\"2026-05-03T18:35:20Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"55.1\",\"kph\":\"88.7\",\"knots\":\"47.9\",\"bearing\":201,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51097991, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['33'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'33\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.01378\",\"32.85356\",1274]},\"properties\":{\"tripId\":136835,\"messageId\":51099788,\"messageDateTime\":\"2026-05-03 15:25:04\",\"messageDateTimeUTC\":\"2026-05-03T19:25:04Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"46.4\",\"kph\":\"74.7\",\"knots\":\"40.3\",\"bearing\":220,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51099788, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['34'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'34\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.76892\",\"32.34604\",1250]},\"properties\":{\"tripId\":136835,\"messageId\":51102559,\"messageDateTime\":\"2026-05-03 16:42:07\",\"messageDateTimeUTC\":\"2026-05-03T20:42:07Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"61.3\",\"kph\":\"98.6\",\"knots\":\"53.3\",\"bearing\":232,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51102559, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['35'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'35\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.76578\",\"32.29405\",1184]},\"properties\":{\"tripId\":136835,\"messageId\":51106258,\"messageDateTime\":\"2026-05-03 18:31:10\",\"messageDateTimeUTC\":\"2026-05-03T22:31:10Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"18.5\",\"kph\":\"29.8\",\"knots\":\"16.1\",\"bearing\":54,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51106258, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['36'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'36\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-107.01825\",\"32.26167\",1355]},\"properties\":{\"tripId\":136835,\"messageId\":51120731,\"messageDateTime\":\"2026-05-04 09:30:33\",\"messageDateTimeUTC\":\"2026-05-04T13:30:33Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"76.2\",\"kph\":\"122.6\",\"knots\":\"66.2\",\"bearing\":262,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51120731, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['37'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'37\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-107.82933\",\"32.35409\",1388]},\"properties\":{\"tripId\":136835,\"messageId\":51121932,\"messageDateTime\":\"2026-05-04 10:25:14\",\"messageDateTimeUTC\":\"2026-05-04T14:25:14Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"64.6\",\"kph\":\"104.1\",\"knots\":\"56.1\",\"bearing\":318,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51121932, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['38'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'38\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-108.27516\",\"32.76989\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51123486,\"messageDateTime\":\"2026-05-04 11:14:53\",\"messageDateTimeUTC\":\"2026-05-04T15:14:53Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"3.5\",\"kph\":\"5.7\",\"knots\":\"3.1\",\"bearing\":188,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51123486, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['39'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'39\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-107.97763\",\"32.49525\",1487]},\"properties\":{\"tripId\":136835,\"messageId\":51124475,\"messageDateTime\":\"2026-05-04 12:04:39\",\"messageDateTimeUTC\":\"2026-05-04T16:04:39Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"1.7\",\"kph\":\"2.5\",\"knots\":\"1.5\",\"bearing\":89,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51124475, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['40'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'40\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-107.08829\",\"32.25320\",1358]},\"properties\":{\"tripId\":136835,\"messageId\":51126222,\"messageDateTime\":\"2026-05-04 12:54:25\",\"messageDateTimeUTC\":\"2026-05-04T16:54:25Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"80.2\",\"kph\":\"129.0\",\"knots\":\"69.7\",\"bearing\":82,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51126222, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['41'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'41\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.74026\",\"32.37217\",1322]},\"properties\":{\"tripId\":136835,\"messageId\":51127764,\"messageDateTime\":\"2026-05-04 13:57:55\",\"messageDateTimeUTC\":\"2026-05-04T17:57:55Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"40.8\",\"kph\":\"65.6\",\"knots\":\"35.4\",\"bearing\":42,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51127764, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['42'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'42\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.96651\",\"32.87575\",1316]},\"properties\":{\"tripId\":136835,\"messageId\":51129020,\"messageDateTime\":\"2026-05-04 14:47:45\",\"messageDateTimeUTC\":\"2026-05-04T18:47:45Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"51.3\",\"kph\":\"82.5\",\"knots\":\"44.6\",\"bearing\":61,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51129020, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['43'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'43\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.06752\",\"33.27379\",1373]},\"properties\":{\"tripId\":136835,\"messageId\":51131536,\"messageDateTime\":\"2026-05-04 16:26:52\",\"messageDateTimeUTC\":\"2026-05-04T20:26:52Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"73.2\",\"kph\":\"117.7\",\"knots\":\"63.6\",\"bearing\":352,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51131536, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['44'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'44\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.77657\",\"33.95519\",1880]},\"properties\":{\"tripId\":136835,\"messageId\":51132637,\"messageDateTime\":\"2026-05-04 17:16:44\",\"messageDateTimeUTC\":\"2026-05-04T21:16:44Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"78.5\",\"kph\":\"126.2\",\"knots\":\"68.2\",\"bearing\":29,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51132637, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['45'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'45\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.18753\",\"34.59369\",1826]},\"properties\":{\"tripId\":136835,\"messageId\":51134029,\"messageDateTime\":\"2026-05-04 18:06:25\",\"messageDateTimeUTC\":\"2026-05-04T22:06:25Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"50.9\",\"kph\":\"81.9\",\"knots\":\"44.2\",\"bearing\":82,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51134029, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['46'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'46\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-104.24994\",\"34.47320\",1226]},\"properties\":{\"tripId\":136835,\"messageId\":51135066,\"messageDateTime\":\"2026-05-04 18:56:19\",\"messageDateTimeUTC\":\"2026-05-04T22:56:19Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"59.0\",\"kph\":\"94.8\",\"knots\":\"51.2\",\"bearing\":91,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51135066, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['47'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'47\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-103.71741\",\"34.42533\",1325]},\"properties\":{\"tripId\":136835,\"messageId\":51135993,\"messageDateTime\":\"2026-05-04 19:46:16\",\"messageDateTimeUTC\":\"2026-05-04T23:46:16Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"76.0\",\"kph\":\"122.3\",\"knots\":\"66.0\",\"bearing\":95,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51135993, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['48'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'48\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-102.84521\",\"34.29890\",1214]},\"properties\":{\"tripId\":136835,\"messageId\":51136839,\"messageDateTime\":\"2026-05-04 20:36:01\",\"messageDateTimeUTC\":\"2026-05-05T00:36:01Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"70.7\",\"kph\":\"113.8\",\"knots\":\"61.4\",\"bearing\":121,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51136839, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['49'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'49\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-102.04840\",\"33.73202\",1007]},\"properties\":{\"tripId\":136835,\"messageId\":51137642,\"messageDateTime\":\"2026-05-04 21:25:45\",\"messageDateTimeUTC\":\"2026-05-05T01:25:45Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"77.4\",\"kph\":\"124.5\",\"knots\":\"67.2\",\"bearing\":126,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51137642, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['50'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'50\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-101.60400\",\"33.39390\",911]},\"properties\":{\"tripId\":136835,\"messageId\":51145515,\"messageDateTime\":\"2026-05-05 08:33:09\",\"messageDateTimeUTC\":\"2026-05-05T12:33:09Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"71.9\",\"kph\":\"115.7\",\"knots\":\"62.5\",\"bearing\":139,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51145515, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['51'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'51\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-101.01877\",\"32.85674\",758]},\"properties\":{\"tripId\":136835,\"messageId\":51146426,\"messageDateTime\":\"2026-05-05 09:22:55\",\"messageDateTimeUTC\":\"2026-05-05T13:22:55Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"73.8\",\"kph\":\"118.8\",\"knots\":\"64.1\",\"bearing\":150,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51146426, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['52'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'52\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.26532\",\"32.49560\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51147714,\"messageDateTime\":\"2026-05-05 10:12:44\",\"messageDateTimeUTC\":\"2026-05-05T14:12:44Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"79.6\",\"kph\":\"128.1\",\"knots\":\"69.1\",\"bearing\":76,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51147714, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['53'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'53\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-99.43622\",\"32.69235\",620]},\"properties\":{\"tripId\":136835,\"messageId\":51148476,\"messageDateTime\":\"2026-05-05 11:02:29\",\"messageDateTimeUTC\":\"2026-05-05T15:02:29Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"73.8\",\"kph\":\"118.8\",\"knots\":\"64.2\",\"bearing\":25,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51148476, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['54'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'54\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-99.12259\",\"32.76184\",290]},\"properties\":{\"tripId\":136835,\"messageId\":51149575,\"messageDateTime\":\"2026-05-05 11:52:20\",\"messageDateTimeUTC\":\"2026-05-05T15:52:20Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"67.5\",\"kph\":\"108.7\",\"knots\":\"58.7\",\"bearing\":96,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51149575, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['55'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'55\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.80060\",\"32.74088\",422]},\"properties\":{\"tripId\":136835,\"messageId\":51150947,\"messageDateTime\":\"2026-05-05 12:52:10\",\"messageDateTimeUTC\":\"2026-05-05T16:52:10Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"73.7\",\"kph\":\"118.6\",\"knots\":\"64.0\",\"bearing\":277,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51150947, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['56'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'56\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.83203\",\"32.27387\",509]},\"properties\":{\"tripId\":136835,\"messageId\":51152491,\"messageDateTime\":\"2026-05-05 13:42:05\",\"messageDateTimeUTC\":\"2026-05-05T17:42:05Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"60.8\",\"kph\":\"98.0\",\"knots\":\"52.9\",\"bearing\":93,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51152491, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['57'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'57\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.34139\",\"32.08705\",443]},\"properties\":{\"tripId\":136835,\"messageId\":51153763,\"messageDateTime\":\"2026-05-05 14:31:49\",\"messageDateTimeUTC\":\"2026-05-05T18:31:49Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.1\",\"knots\":\"0.0\",\"bearing\":139,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51153763, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['58'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'58\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.96277\",\"32.89600\",86]},\"properties\":{\"tripId\":136835,\"messageId\":51170863,\"messageDateTime\":\"2026-05-06 11:46:56\",\"messageDateTimeUTC\":\"2026-05-06T15:46:56Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.1\",\"knots\":\"0.0\",\"bearing\":333,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51170863, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['59'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'59\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.87061\",\"32.39389\",164]},\"properties\":{\"tripId\":136835,\"messageId\":51172306,\"messageDateTime\":\"2026-05-06 12:42:18\",\"messageDateTimeUTC\":\"2026-05-06T16:42:18Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"72.4\",\"kph\":\"116.5\",\"knots\":\"62.9\",\"bearing\":200,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51172306, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['60'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'60\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.13088\",\"31.55930\",116]},\"properties\":{\"tripId\":136835,\"messageId\":51173787,\"messageDateTime\":\"2026-05-06 13:46:26\",\"messageDateTimeUTC\":\"2026-05-06T17:46:26Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"2.3\",\"kph\":\"3.6\",\"knots\":\"2.0\",\"bearing\":42,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51173787, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['61'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'61\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.90051\",\"32.19717\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51175235,\"messageDateTime\":\"2026-05-06 14:36:32\",\"messageDateTimeUTC\":\"2026-05-06T18:36:32Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"37.5\",\"kph\":\"60.3\",\"knots\":\"32.6\",\"bearing\":28,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51175235, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['62'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'62\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.82317\",\"32.64207\",191]},\"properties\":{\"tripId\":136835,\"messageId\":51177315,\"messageDateTime\":\"2026-05-06 16:04:44\",\"messageDateTimeUTC\":\"2026-05-06T20:04:44Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"68.6\",\"kph\":\"110.5\",\"knots\":\"59.6\",\"bearing\":359,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51177315, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['63'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'63\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.81604\",\"32.91421\",188]},\"properties\":{\"tripId\":136835,\"messageId\":51178398,\"messageDateTime\":\"2026-05-06 16:54:33\",\"messageDateTimeUTC\":\"2026-05-06T20:54:33Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"51.0\",\"kph\":\"82.0\",\"knots\":\"44.3\",\"bearing\":357,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51178398, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['64'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'64\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.80056\",\"33.32494\",206]},\"properties\":{\"tripId\":136835,\"messageId\":51179512,\"messageDateTime\":\"2026-05-06 17:49:21\",\"messageDateTimeUTC\":\"2026-05-06T21:49:21Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"17.8\",\"kph\":\"28.6\",\"knots\":\"15.5\",\"bearing\":28,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51179512, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['65'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'65\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.69732\",\"33.65173\",254]},\"properties\":{\"tripId\":136835,\"messageId\":51180550,\"messageDateTime\":\"2026-05-06 18:39:51\",\"messageDateTimeUTC\":\"2026-05-06T22:39:51Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"65.3\",\"kph\":\"105.2\",\"knots\":\"56.8\",\"bearing\":4,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51180550, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['66'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'66\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.33978\",\"33.61316\",206]},\"properties\":{\"tripId\":136835,\"messageId\":51181764,\"messageDateTime\":\"2026-05-06 19:29:02\",\"messageDateTimeUTC\":\"2026-05-06T23:29:02Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"75.3\",\"kph\":\"121.2\",\"knots\":\"65.5\",\"bearing\":106,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51181764, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['67'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'67\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.55557\",\"33.69296\",185]},\"properties\":{\"tripId\":136835,\"messageId\":51182658,\"messageDateTime\":\"2026-05-06 20:20:14\",\"messageDateTimeUTC\":\"2026-05-07T00:20:14Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.1\",\"kph\":\"0.1\",\"knots\":\"0.1\",\"bearing\":180,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51182658, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['68'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'68\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.27243\",\"33.66117\",128]},\"properties\":{\"tripId\":136835,\"messageId\":51190821,\"messageDateTime\":\"2026-05-07 08:50:13\",\"messageDateTimeUTC\":\"2026-05-07T12:50:13Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"63.6\",\"kph\":\"102.4\",\"knots\":\"55.3\",\"bearing\":92,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51190821, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['69'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'69\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.36935\",\"33.47084\",110]},\"properties\":{\"tripId\":136835,\"messageId\":51192038,\"messageDateTime\":\"2026-05-07 09:44:59\",\"messageDateTimeUTC\":\"2026-05-07T13:44:59Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"70.0\",\"kph\":\"112.5\",\"knots\":\"60.8\",\"bearing\":85,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51192038, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['70'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'70\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.73248\",\"33.37514\",62]},\"properties\":{\"tripId\":136835,\"messageId\":51193068,\"messageDateTime\":\"2026-05-07 10:34:47\",\"messageDateTimeUTC\":\"2026-05-07T14:34:47Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"49.5\",\"kph\":\"79.6\",\"knots\":\"43.0\",\"bearing\":128,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51193068, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['71'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'71\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.29602\",\"33.35302\",107]},\"properties\":{\"tripId\":136835,\"messageId\":51194160,\"messageDateTime\":\"2026-05-07 11:24:41\",\"messageDateTimeUTC\":\"2026-05-07T15:24:41Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.8\",\"kph\":\"1.3\",\"knots\":\"0.7\",\"bearing\":56,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51194160, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['72'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'72\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.99621\",\"33.46636\",146]},\"properties\":{\"tripId\":136835,\"messageId\":51195366,\"messageDateTime\":\"2026-05-07 12:14:51\",\"messageDateTimeUTC\":\"2026-05-07T16:14:51Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"32.0\",\"kph\":\"51.6\",\"knots\":\"27.8\",\"bearing\":334,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51195366, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['73'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'73\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.33984\",\"33.46814\",170]},\"properties\":{\"tripId\":136835,\"messageId\":51197011,\"messageDateTime\":\"2026-05-07 13:05:22\",\"messageDateTimeUTC\":\"2026-05-07T17:05:22Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"36.1\",\"kph\":\"58.1\",\"knots\":\"31.4\",\"bearing\":260,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51197011, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['74'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'74\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.00588\",\"33.20885\",143]},\"properties\":{\"tripId\":136835,\"messageId\":51198236,\"messageDateTime\":\"2026-05-07 13:55:00\",\"messageDateTimeUTC\":\"2026-05-07T17:55:00Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"9.6\",\"kph\":\"15.4\",\"knots\":\"8.3\",\"bearing\":311,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51198236, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['75'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'75\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.57776\",\"33.13025\",116]},\"properties\":{\"tripId\":136835,\"messageId\":51199502,\"messageDateTime\":\"2026-05-07 14:44:48\",\"messageDateTimeUTC\":\"2026-05-07T18:44:48Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"70.3\",\"kph\":\"113.2\",\"knots\":\"61.1\",\"bearing\":258,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51199502, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['76'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'76\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.10944\",\"33.06203\",185]},\"properties\":{\"tripId\":136835,\"messageId\":51201829,\"messageDateTime\":\"2026-05-07 16:22:10\",\"messageDateTimeUTC\":\"2026-05-07T20:22:10Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"28.7\",\"kph\":\"46.3\",\"knots\":\"25.0\",\"bearing\":173,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51201829, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['77'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'77\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.68809\",\"32.79677\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51203339,\"messageDateTime\":\"2026-05-07 17:12:21\",\"messageDateTimeUTC\":\"2026-05-07T21:12:21Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"58.4\",\"kph\":\"93.9\",\"knots\":\"50.7\",\"bearing\":240,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51203339, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['78'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'78\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.00491\",\"32.83626\",182]},\"properties\":{\"tripId\":136835,\"messageId\":51204555,\"messageDateTime\":\"2026-05-07 18:06:40\",\"messageDateTimeUTC\":\"2026-05-07T22:06:40Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.0\",\"knots\":\"0.0\",\"bearing\":180,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51204555, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['79'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'79\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.06751\",\"32.83212\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51206006,\"messageDateTime\":\"2026-05-07 19:10:50\",\"messageDateTimeUTC\":\"2026-05-07T23:10:50Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"22.7\",\"kph\":\"36.5\",\"knots\":\"19.7\",\"bearing\":259,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51206006, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['80'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'80\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.96225\",\"32.89610\",260]},\"properties\":{\"tripId\":136835,\"messageId\":51217562,\"messageDateTime\":\"2026-05-08 09:21:52\",\"messageDateTimeUTC\":\"2026-05-08T13:21:52Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.4\",\"kph\":\"0.7\",\"knots\":\"0.4\",\"bearing\":114,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51217562, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['81'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'81\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.00793\",\"32.83778\",170]},\"properties\":{\"tripId\":136835,\"messageId\":51219887,\"messageDateTime\":\"2026-05-08 10:44:40\",\"messageDateTimeUTC\":\"2026-05-08T14:44:40Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.1\",\"kph\":\"0.1\",\"knots\":\"0.1\",\"bearing\":36,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51219887, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['82'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'82\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.86386\",\"32.86726\",134]},\"properties\":{\"tripId\":136835,\"messageId\":51221716,\"messageDateTime\":\"2026-05-08 11:49:30\",\"messageDateTimeUTC\":\"2026-05-08T15:49:30Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"13.4\",\"kph\":\"21.6\",\"knots\":\"11.6\",\"bearing\":5,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51221716, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['83'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'83\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.83969\",\"32.77902\",131]},\"properties\":{\"tripId\":136835,\"messageId\":51223622,\"messageDateTime\":\"2026-05-08 12:39:19\",\"messageDateTimeUTC\":\"2026-05-08T16:39:19Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"21.6\",\"kph\":\"34.7\",\"knots\":\"18.8\",\"bearing\":256,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51223622, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['84'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'84\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.76819\",\"32.74647\",134]},\"properties\":{\"tripId\":136835,\"messageId\":51242179,\"messageDateTime\":\"2026-05-09 08:40:03\",\"messageDateTimeUTC\":\"2026-05-09T12:40:03Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"41.8\",\"kph\":\"67.3\",\"knots\":\"36.3\",\"bearing\":139,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51242179, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['85'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'85\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.87354\",\"32.58284\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51243562,\"messageDateTime\":\"2026-05-09 09:29:44\",\"messageDateTimeUTC\":\"2026-05-09T13:29:44Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"26.3\",\"kph\":\"42.3\",\"knots\":\"22.8\",\"bearing\":120,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51243562, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['86'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'86\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.94692\",\"32.43411\",131]},\"properties\":{\"tripId\":136835,\"messageId\":51244490,\"messageDateTime\":\"2026-05-09 10:19:52\",\"messageDateTimeUTC\":\"2026-05-09T14:19:52Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"84.2\",\"kph\":\"135.6\",\"knots\":\"73.2\",\"bearing\":94,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51244490, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['87'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'87\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.35886\",\"32.49439\",92]},\"properties\":{\"tripId\":136835,\"messageId\":51246221,\"messageDateTime\":\"2026-05-09 11:09:08\",\"messageDateTimeUTC\":\"2026-05-09T15:09:08Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"0.0\",\"kph\":\"0.1\",\"knots\":\"0.0\",\"bearing\":291,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51246221, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['88'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'88\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.57205\",\"32.54160\",89]},\"properties\":{\"tripId\":136835,\"messageId\":51248484,\"messageDateTime\":\"2026-05-09 12:20:14\",\"messageDateTimeUTC\":\"2026-05-09T16:20:14Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"72.1\",\"kph\":\"116.0\",\"knots\":\"62.7\",\"bearing\":80,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51248484, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['89'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'89\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-92.51724\",\"32.53894\",56]},\"properties\":{\"tripId\":136835,\"messageId\":51249908,\"messageDateTime\":\"2026-05-09 13:10:15\",\"messageDateTimeUTC\":\"2026-05-09T17:10:15Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"75.1\",\"kph\":\"120.9\",\"knots\":\"65.3\",\"bearing\":90,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51249908, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['90'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'90\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-91.98566\",\"32.48843\",23]},\"properties\":{\"tripId\":136835,\"messageId\":51251325,\"messageDateTime\":\"2026-05-09 13:59:47\",\"messageDateTimeUTC\":\"2026-05-09T17:59:47Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"67.3\",\"kph\":\"108.4\",\"knots\":\"58.5\",\"bearing\":97,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51251325, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['91'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'91\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-90.92261\",\"32.32074\",29]},\"properties\":{\"tripId\":136835,\"messageId\":51253537,\"messageDateTime\":\"2026-05-09 14:49:33\",\"messageDateTimeUTC\":\"2026-05-09T18:49:33Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"74.2\",\"kph\":\"119.3\",\"knots\":\"64.4\",\"bearing\":96,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51253537, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['92'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'92\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-90.46259\",\"32.35866\",50]},\"properties\":{\"tripId\":136835,\"messageId\":51254934,\"messageDateTime\":\"2026-05-09 15:39:42\",\"messageDateTimeUTC\":\"2026-05-09T19:39:42Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"54.2\",\"kph\":\"87.3\",\"knots\":\"47.1\",\"bearing\":91,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51254934, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['93'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'93\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-90.01212\",\"32.07016\",119]},\"properties\":{\"tripId\":136835,\"messageId\":51256615,\"messageDateTime\":\"2026-05-09 16:29:16\",\"messageDateTimeUTC\":\"2026-05-09T20:29:16Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"66.2\",\"kph\":\"106.6\",\"knots\":\"57.5\",\"bearing\":134,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51256615, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['94'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'94\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-89.48069\",\"31.51111\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51257863,\"messageDateTime\":\"2026-05-09 17:19:06\",\"messageDateTimeUTC\":\"2026-05-09T21:19:06Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"68.3\",\"kph\":\"109.8\",\"knots\":\"59.3\",\"bearing\":152,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51257863, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['95'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'95\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-88.81989\",\"31.11293\",44]},\"properties\":{\"tripId\":136835,\"messageId\":51259043,\"messageDateTime\":\"2026-05-09 18:13:52\",\"messageDateTimeUTC\":\"2026-05-09T22:13:52Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"66.3\",\"kph\":\"106.7\",\"knots\":\"57.6\",\"bearing\":120,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51259043, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['96'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'96\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-88.10275\",\"30.79380\",0]},\"properties\":{\"tripId\":136835,\"messageId\":51260433,\"messageDateTime\":\"2026-05-09 19:03:41\",\"messageDateTimeUTC\":\"2026-05-09T23:03:41Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"31.4\",\"kph\":\"50.5\",\"knots\":\"27.3\",\"bearing\":104,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51260433, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['97'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'97\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                                                af = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-87.90982\",\"30.66258\",32]},\"properties\":{\"tripId\":136835,\"messageId\":51260857,\"messageDateTime\":\"2026-05-09 19:28:36\",\"messageDateTimeUTC\":\"2026-05-09T23:28:36Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SPOT Tracker\",\"mph\":\"4.8\",\"kph\":\"7.8\",\"knots\":\"4.2\",\"bearing\":161,\"nearest\":null,\"messageText\":null,\"smallPic\":null,\"largePic\":null,\"color\":\"#fff\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\",\"borderColor\":\"#ff00ff\"}};\n                bearing = 0;\n                if (af.type === 'Feature' && af.geometry.type === 'Point') {\n                    el = document.createElement('div');\n                    \/\/el.className = \"sw-marker-last-active\";\n                    if (af.properties.messageType === 'OK') {\n                        el.style = \"color: #000; background-color: #0f0;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else if (af.properties.messageType === 'TRACK' || af.properties.messageType === 'TRACE') {\n                        el.style = \"color: #000; background-color: #ffa500;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else if (af.properties.messageType === 'CUST') {\n                        el.style = \"color: #000; background-color: #ff0;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else if (af.properties.messageType === 'HELP') {\n                        el.style = \"color: #000; background-color: #f00;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else {\n                        el.style = \"color: #000; background-color: #eee;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51260857, 'TRACK'); });\n\n                    m = new mapboxgl.Marker({ 'element': el, 'rotation': bearing })\n                        .setLngLat(af.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(af.geometry.coordinates);\n                    markers.push(m);\n                    if (lastLocation == null) lastLocation = af.geometry.coordinates;\n                    if (af.properties.smallPic !== undefined && af.properties.smallPic !== null && af.properties.smallPic.length > 0 && af.properties.largePic !== undefined && af.properties.largePic !== null && af.properties.largePic.length > 0) {\n                        a = document.createElement('div');\n                        a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + af.properties.color +  \";\";\n                        a.innerHTML = '<a target=\"_blank\" href=\"' + af.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + af.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                        m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                            .setLngLat(af.geometry.coordinates)\n                            .addTo(map);\n                        markers.push(m);\n                        markersWithPics.push(m);\n                        picListMarkers['98'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + af.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + af.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'98\\'].getElement().click();\" \/><\/div>';\n                                            }\n\n                }\n                                                                gj = {\"type\":\"Feature\",\"geometry\":{\"type\":\"LineString\",\"coordinates\":[[\"-94.18083\",\"36.13600\",338.4],[\"-94.17981\",\"36.13683\",364.6],[\"-94.18088\",\"36.13631\",357.7],[\"-94.18231\",\"36.14001\",351.9],[\"-94.20483\",\"36.17578\",395],[\"-94.25022\",\"36.17680\",392.6],[\"-94.33761\",\"36.18156\",345.2],[\"-94.43724\",\"36.17278\",306.1],[\"-94.50966\",\"36.18101\",355.2],[\"-94.55506\",\"36.17603\",352],[\"-94.63428\",\"36.17961\",344.6],[\"-94.72640\",\"36.19477\",284.2],[\"-94.83141\",\"36.21277\",360.8],[\"-94.94518\",\"36.21420\",344.5],[\"-95.05830\",\"36.21210\",282.1],[\"-95.15961\",\"36.18811\",231.6],[\"-95.25987\",\"36.17709\",175.6],[\"-95.36041\",\"36.16864\",181.6],[\"-95.46472\",\"36.17000\",184.4],[\"-95.56800\",\"36.17048\",192.8],[\"-95.67125\",\"36.16472\",173.7],[\"-95.76288\",\"36.16281\",195.8],[\"-95.79545\",\"36.16378\",224.4],[\"-95.81122\",\"36.16270\",212.1],[\"-95.91121\",\"36.16257\",213.2],[\"-96.00479\",\"36.15725\",204.1],[\"-96.10497\",\"36.13791\",194.1],[\"-96.21138\",\"36.15222\",212.3],[\"-96.28869\",\"36.20815\",262.3],[\"-96.39634\",\"36.21804\",239.6],[\"-96.50697\",\"36.21993\",255.2],[\"-96.61758\",\"36.22530\",274.3],[\"-96.72842\",\"36.22418\",307.2],[\"-96.84093\",\"36.22511\",291.3],[\"-96.95395\",\"36.24287\",292.1],[\"-97.00512\",\"36.32580\",267.4],[\"-97.08375\",\"36.38589\",285.7],[\"-97.20045\",\"36.39334\",298.1],[\"-97.31683\",\"36.40021\",307.1],[\"-97.32756\",\"36.48534\",282.2],[\"-97.34044\",\"36.53495\",293.9],[\"-97.34439\",\"36.53795\",295.5],[\"-97.34568\",\"36.62889\",305.3],[\"-97.34574\",\"36.72268\",306],[\"-97.34227\",\"36.81587\",325.9],[\"-97.35260\",\"36.90879\",317.7],[\"-97.34170\",\"37.00180\",341.9],[\"-97.33853\",\"37.09490\",360.6],[\"-97.33959\",\"37.18382\",384],[\"-97.34013\",\"37.27517\",379.6],[\"-97.39838\",\"37.27447\",379.2],[\"-97.46068\",\"37.26628\",393.5],[\"-97.56578\",\"37.27184\",390.7],[\"-97.63871\",\"37.29534\",390.9],[\"-97.63956\",\"37.37826\",412.1],[\"-97.64277\",\"37.43095\",411.8],[\"-97.64300\",\"37.49463\",407.4],[\"-97.64325\",\"37.56928\",408.1],[\"-97.64334\",\"37.63675\",440.6],[\"-97.69496\",\"37.67008\",448],[\"-97.80313\",\"37.66867\",441.7],[\"-97.91266\",\"37.66875\",446],[\"-97.93537\",\"37.66966\",434.9],[\"-97.98387\",\"37.66871\",456.1],[\"-98.08536\",\"37.65456\",463],[\"-98.10835\",\"37.64631\",461.7],[\"-98.10960\",\"37.64646\",465.4],[\"-98.11310\",\"37.64451\",461.7],[\"-98.11321\",\"37.64609\",459.3],[\"-98.19632\",\"37.64629\",492.8],[\"-98.30527\",\"37.64537\",495.7],[\"-98.40768\",\"37.64442\",518.7],[\"-98.50103\",\"37.64577\",525.1],[\"-98.61389\",\"37.64526\",575.2],[\"-98.71420\",\"37.64568\",575.9],[\"-98.77502\",\"37.64181\",590.8],[\"-98.87983\",\"37.63562\",634.2],[\"-98.98283\",\"37.62358\",641.6],[\"-99.08287\",\"37.61616\",643.7],[\"-99.18957\",\"37.60944\",619.2],[\"-99.28354\",\"37.60625\",689],[\"-99.36813\",\"37.59949\",681.2],[\"-99.46332\",\"37.58633\",691.6],[\"-99.55494\",\"37.58631\",709.7],[\"-99.65610\",\"37.58617\",739.7],[\"-99.73905\",\"37.62607\",734.6],[\"-99.78134\",\"37.67922\",713],[\"-99.87573\",\"37.71079\",751.4],[\"-99.93141\",\"37.73158\",721],[\"-99.93615\",\"37.73293\",755.3],[\"-99.98549\",\"37.74666\",772.7],[\"-100.03093\",\"37.75361\",757.1],[\"-100.05602\",\"37.75550\",767.6],[\"-100.05571\",\"37.75455\",764.7],[\"-100.02051\",\"37.75266\",761.3],[\"-99.98002\",\"37.75222\",772.5],[\"-100.01081\",\"37.75299\",762.7],[\"-100.05616\",\"37.75532\",759.9],[\"-100.01729\",\"37.75283\",760.2],[\"-100.01854\",\"37.75266\",759.4],[\"-100.05620\",\"37.75546\",766.3],[\"-100.05576\",\"37.75457\",765.7],[\"-100.02153\",\"37.75270\",750],[\"-100.01686\",\"37.75288\",764.1],[\"-100.02127\",\"37.75276\",749.5],[\"-100.05532\",\"37.75460\",769.8],[\"-100.15209\",\"37.77428\",777.8],[\"-100.26074\",\"37.79737\",807.9],[\"-100.34936\",\"37.80694\",825.9],[\"-100.44153\",\"37.82620\",832.3],[\"-100.52836\",\"37.85934\",835.1],[\"-100.63549\",\"37.87487\",855.6],[\"-100.68323\",\"37.85604\",854.9],[\"-100.68832\",\"37.77671\",864.9],[\"-100.75944\",\"37.75112\",894.6],[\"-100.87092\",\"37.75135\",891.5],[\"-100.87070\",\"37.66223\",907.6],[\"-100.86818\",\"37.57068\",899.1],[\"-100.87087\",\"37.48861\",896.6],[\"-100.93840\",\"37.45651\",900.4],[\"-101.01995\",\"37.41863\",878.3],[\"-101.11042\",\"37.37274\",900.4],[\"-101.20488\",\"37.32843\",957.7],[\"-101.26834\",\"37.26770\",949],[\"-101.33791\",\"37.19975\",937.4],[\"-101.38820\",\"37.17005\",950.2],[\"-101.50107\",\"37.14948\",981.8],[\"-101.60942\",\"37.12654\",1031.3],[\"-101.71192\",\"37.09663\",1016],[\"-101.81509\",\"37.05492\",1057.8],[\"-101.89177\",\"37.00146\",1113.8],[\"-101.96646\",\"36.94500\",1131.6],[\"-102.06567\",\"36.89597\",1134.8],[\"-102.16796\",\"36.84985\",1170.1],[\"-102.25818\",\"36.80863\",1189.1],[\"-102.35936\",\"36.77182\",1204.9],[\"-102.46517\",\"36.73470\",1237.3],[\"-102.51250\",\"36.72974\",1257.9],[\"-102.56861\",\"36.69074\",1268.4],[\"-102.66440\",\"36.64224\",1297.6],[\"-102.75031\",\"36.57633\",1337],[\"-102.85697\",\"36.55542\",1374.2],[\"-102.97324\",\"36.52969\",1442.4],[\"-103.06544\",\"36.48491\",1424.9],[\"-103.15842\",\"36.46104\",1510],[\"-103.17928\",\"36.44322\",1537.6],[\"-103.19192\",\"36.44961\",1541.3],[\"-103.28140\",\"36.40704\",1571.5],[\"-103.38246\",\"36.38015\",1589.6],[\"-103.48171\",\"36.34870\",1634.2],[\"-103.50656\",\"36.33885\",1661.6],[\"-103.56104\",\"36.32111\",1695.7],[\"-103.67054\",\"36.31966\",1768.4],[\"-103.77552\",\"36.30123\",1745.1],[\"-103.88093\",\"36.30469\",1779.9],[\"-103.99190\",\"36.30485\",1797.2],[\"-104.09418\",\"36.30518\",1852.8],[\"-104.20593\",\"36.30537\",1909.7],[\"-104.32049\",\"36.30566\",1854.7],[\"-104.42839\",\"36.32019\",1798.2],[\"-104.54070\",\"36.34051\",1763.1],[\"-104.59472\",\"36.36126\",1756.9],[\"-104.59599\",\"36.35814\",1765.6],[\"-104.63400\",\"36.28686\",1820.8],[\"-104.66646\",\"36.19457\",1837.4],[\"-104.68767\",\"36.10139\",1920.5],[\"-104.70988\",\"36.01015\",1909.1],[\"-104.78795\",\"35.93928\",1931.3],[\"-104.86833\",\"35.87015\",2021.4],[\"-104.96936\",\"35.82492\",1984.6],[\"-105.02906\",\"35.74480\",1993.2],[\"-105.12554\",\"35.69231\",2042],[\"-105.20166\",\"35.63119\",1990.6],[\"-105.21150\",\"35.60293\",1969.2],[\"-105.21152\",\"35.60476\",1967],[\"-105.21076\",\"35.59610\",1956.7],[\"-105.24818\",\"35.52259\",1939.9],[\"-105.28918\",\"35.43718\",1933.7],[\"-105.37474\",\"35.39537\",1982],[\"-105.48888\",\"35.40509\",1880],[\"-105.59828\",\"35.43043\",2031.4],[\"-105.67578\",\"35.50141\",2077.4],[\"-105.74791\",\"35.56160\",2205.1],[\"-105.82128\",\"35.55259\",2143.8],[\"-105.89941\",\"35.58193\",2209.6],[\"-105.92922\",\"35.63938\",2163.6],[\"-105.94923\",\"35.65822\",2128.9],[\"-105.94321\",\"35.68096\",2136.4],[\"-105.94092\",\"35.68770\",2132.3],[\"-105.94274\",\"35.68650\",2123.6],[\"-105.96150\",\"35.67280\",2100.5],[\"-106.00516\",\"35.64717\",2022.5],[\"-106.00706\",\"35.64644\",2024],[\"-106.00768\",\"35.64557\",2019.1],[\"-106.03044\",\"35.60822\",1966.2],[\"-105.92808\",\"35.63485\",2169.3],[\"-105.87988\",\"35.55487\",2177.3],[\"-105.90291\",\"35.49108\",2055.8],[\"-105.87014\",\"35.41653\",1907.6],[\"-105.83619\",\"35.33328\",1958.7],[\"-105.80748\",\"35.24991\",2009.8],[\"-105.76281\",\"35.16820\",2094.6],[\"-105.70791\",\"35.08662\",2129.5],[\"-105.66272\",\"35.00558\",2159.9],[\"-105.61631\",\"34.92131\",2084.4],[\"-105.58089\",\"34.83414\",1930.4],[\"-105.53160\",\"34.75015\",1882.5],[\"-105.48251\",\"34.66627\",1879],[\"-105.46274\",\"34.60077\",1852.3],[\"-105.45401\",\"34.51767\",1939.8],[\"-105.39509\",\"34.46864\",1886.2],[\"-105.46338\",\"34.40883\",1930.9],[\"-105.46827\",\"34.40266\",1927.9],[\"-105.52422\",\"34.33476\",1946.4],[\"-105.58206\",\"34.26183\",2019],[\"-105.61437\",\"34.23595\",2059.1],[\"-105.63754\",\"34.22778\",2066.9],[\"-105.67258\",\"34.14741\",2066.3],[\"-105.71947\",\"34.06808\",1937.9],[\"-105.75495\",\"33.98542\",1837.2],[\"-105.80758\",\"33.91171\",1792.7],[\"-105.83244\",\"33.82611\",1747.5],[\"-105.83554\",\"33.73727\",1699.1],[\"-105.86299\",\"33.65451\",1653.9],[\"-105.87087\",\"33.64668\",1660.6],[\"-105.80860\",\"33.62769\",1764.2],[\"-105.71268\",\"33.59047\",1916.4],[\"-105.63080\",\"33.58054\",2060.1],[\"-105.57285\",\"33.54555\",1936.5],[\"-105.49670\",\"33.52087\",1847.3],[\"-105.41795\",\"33.51148\",1784.8],[\"-105.39049\",\"33.49367\",1750.5],[\"-105.38849\",\"33.49296\",1745.8],[\"-105.32961\",\"33.45205\",1682.5],[\"-105.27932\",\"33.40036\",1621.9],[\"-105.35140\",\"33.41417\",1667.7],[\"-105.44921\",\"33.40971\",1773.9],[\"-105.52694\",\"33.37482\",1869.4],[\"-105.59251\",\"33.33088\",1964.4],[\"-105.59561\",\"33.33163\",1982.8],[\"-105.59665\",\"33.33123\",1963.5],[\"-105.65141\",\"33.30258\",2066.8],[\"-105.69177\",\"33.24370\",2286.6],[\"-105.73586\",\"33.17010\",2106.5],[\"-105.81437\",\"33.16506\",1898.3],[\"-105.83542\",\"33.16240\",1858.5],[\"-105.83671\",\"33.16254\",1847.7],[\"-105.92987\",\"33.11598\",1591.5],[\"-106.01142\",\"33.07969\",1409.3],[\"-105.99876\",\"33.01989\",1360.4],[\"-105.96945\",\"32.94767\",1375.4],[\"-105.97033\",\"32.89200\",1319.4],[\"-106.01629\",\"32.85261\",1260.1],[\"-106.08153\",\"32.82505\",1229.8],[\"-106.07978\",\"32.82627\",1237.3],[\"-106.08165\",\"32.82501\",1223.6],[\"-106.11119\",\"32.80990\",1221],[\"-106.18842\",\"32.75756\",1216.1],[\"-106.25109\",\"32.67654\",1212],[\"-106.31426\",\"32.59635\",1206.3],[\"-106.37686\",\"32.51658\",1204.9],[\"-106.45001\",\"32.44668\",1238.5],[\"-106.55221\",\"32.43320\",1634.6],[\"-106.63496\",\"32.41280\",1417.6],[\"-106.73133\",\"32.37923\",1321.7],[\"-106.75351\",\"32.32463\",1237.5],[\"-106.74529\",\"32.31674\",1247.1],[\"-106.74431\",\"32.31600\",1204.8],[\"-106.74496\",\"32.31679\",1246],[\"-106.74305\",\"32.30038\",1239.8],[\"-106.77608\",\"32.28345\",1164.4],[\"-106.79391\",\"32.27373\",1185.8],[\"-106.79489\",\"32.27322\",1181.1],[\"-106.79359\",\"32.27483\",1183.4],[\"-106.76784\",\"32.29343\",1185.2],[\"-106.74608\",\"32.30824\",1240.4],[\"-106.76474\",\"32.34198\",1242.9],[\"-106.76446\",\"32.34525\",1242],[\"-106.76429\",\"32.34540\",1241.7],[\"-106.76397\",\"32.34446\",1240.9],[\"-106.77700\",\"32.31745\",1192],[\"-106.81073\",\"32.31087\",1191.7],[\"-106.86490\",\"32.29265\",1238.4],[\"-106.95363\",\"32.26860\",1346.9],[\"-107.06715\",\"32.25607\",1344.1],[\"-107.14191\",\"32.24742\",1322.6],[\"-107.25214\",\"32.24208\",1307.6],[\"-107.36285\",\"32.24427\",1284.7],[\"-107.46894\",\"32.25087\",1254.8],[\"-107.57485\",\"32.28115\",1282.2],[\"-107.67491\",\"32.28323\",1292.5],[\"-107.75904\",\"32.27039\",1300.8],[\"-107.75496\",\"32.27001\",1323.7],[\"-107.75930\",\"32.27250\",1316.3],[\"-107.80217\",\"32.32822\",1356.6],[\"-107.87036\",\"32.39328\",1410.3],[\"-107.94081\",\"32.46028\",1452.1],[\"-108.01022\",\"32.52618\",1505.8],[\"-108.08394\",\"32.59602\",1579.5],[\"-108.13008\",\"32.66922\",1692.1],[\"-108.13405\",\"32.74889\",1771.2],[\"-108.16457\",\"32.78161\",1834.7],[\"-108.24165\",\"32.78681\",1848.4],[\"-108.27170\",\"32.78250\",1821.7],[\"-108.27526\",\"32.76994\",1776.2],[\"-108.27442\",\"32.77359\",1789.2],[\"-108.25350\",\"32.78732\",1835.3],[\"-108.21168\",\"32.78365\",1850.2],[\"-108.14850\",\"32.76934\",1790.1],[\"-108.13546\",\"32.70090\",1732.3],[\"-108.11454\",\"32.62501\",1611.8],[\"-108.04661\",\"32.56071\",1524],[\"-107.97834\",\"32.49588\",1476.7],[\"-107.97922\",\"32.49525\",1481.4],[\"-107.95720\",\"32.47587\",1462.4],[\"-107.88695\",\"32.40901\",1420.6],[\"-107.81687\",\"32.34221\",1363.1],[\"-107.76183\",\"32.28647\",1322.1],[\"-107.71087\",\"32.27624\",1311.2],[\"-107.60543\",\"32.28413\",1283],[\"-107.49337\",\"32.25798\",1252.1],[\"-107.38417\",\"32.23677\",1267.7],[\"-107.26818\",\"32.24202\",1290.9],[\"-107.15224\",\"32.24584\",1336.7],[\"-107.04069\",\"32.25873\",1341.8],[\"-106.92381\",\"32.27170\",1339.3],[\"-106.82020\",\"32.29163\",1188.3],[\"-106.79522\",\"32.27414\",1660.6],[\"-106.79592\",\"32.27572\",1192.2],[\"-106.78437\",\"32.29963\",1187.3],[\"-106.78534\",\"32.30146\",1190.7],[\"-106.78627\",\"32.30090\",1188.5],[\"-106.78784\",\"32.30146\",1182],[\"-106.78222\",\"32.30320\",1193],[\"-106.78339\",\"32.32764\",1210],[\"-106.76722\",\"32.35005\",1258.1],[\"-106.68175\",\"32.39652\",1379],[\"-106.58471\",\"32.42994\",1638.1],[\"-106.48081\",\"32.43804\",1351],[\"-106.39373\",\"32.49485\",1217.9],[\"-106.32976\",\"32.57629\",1219.4],[\"-106.26808\",\"32.65473\",1238.9],[\"-106.20245\",\"32.73823\",1244.5],[\"-106.15462\",\"32.78769\",1226.2],[\"-106.05889\",\"32.83521\",1256.2],[\"-105.97772\",\"32.86782\",1306.2],[\"-105.96034\",\"32.88301\",1320.6],[\"-105.96105\",\"32.88226\",1317.7],[\"-105.96027\",\"32.88295\",1313.6],[\"-105.97055\",\"32.93178\",1349.1],[\"-105.98100\",\"32.97648\",1366.7],[\"-106.01211\",\"33.05298\",1339.7],[\"-106.03766\",\"33.09991\",1361.1],[\"-106.05233\",\"33.18190\",1364.8],[\"-106.06706\",\"33.27076\",1375.5],[\"-106.08051\",\"33.35685\",1396.9],[\"-106.06406\",\"33.44654\",1501.6],[\"-106.02800\",\"33.52690\",1549.5],[\"-105.95016\",\"33.59096\",1557],[\"-105.87805\",\"33.64101\",1648.7],[\"-105.87134\",\"33.64653\",1677],[\"-105.84896\",\"33.69235\",1663.6],[\"-105.83383\",\"33.78419\",1726.4],[\"-105.83166\",\"33.87647\",1762.3],[\"-105.77260\",\"33.96074\",1849.4],[\"-105.72771\",\"34.04392\",1899.4],[\"-105.68355\",\"34.13042\",2040.2],[\"-105.64792\",\"34.21360\",2070.9],[\"-105.58759\",\"34.25879\",2029.9],[\"-105.53121\",\"34.32457\",1947.2],[\"-105.47313\",\"34.39664\",1948],[\"-105.40231\",\"34.46191\",1934.3],[\"-105.32427\",\"34.52761\",1844.3],[\"-105.24555\",\"34.58931\",1816.7],[\"-105.17025\",\"34.59583\",1764.7],[\"-105.06066\",\"34.56743\",1689.3],[\"-104.95639\",\"34.53978\",1608.7],[\"-104.84791\",\"34.50924\",1600.4],[\"-104.74271\",\"34.47606\",1523.5],[\"-104.63842\",\"34.44301\",1455.3],[\"-104.53934\",\"34.45484\",1409],[\"-104.42899\",\"34.47100\",1389.8],[\"-104.35593\",\"34.47390\",1359.8],[\"-104.30113\",\"34.47271\",1278.8],[\"-104.23388\",\"34.46797\",1225.5],[\"-104.19334\",\"34.42309\",1206.6],[\"-104.19346\",\"34.40379\",1194.2],[\"-104.19335\",\"34.40217\",1209.4],[\"-104.19341\",\"34.45480\",1216.9],[\"-104.08193\",\"34.43689\",1246.6],[\"-103.97388\",\"34.44798\",1254.1],[\"-103.86606\",\"34.44091\",1306.2],[\"-103.75595\",\"34.42513\",1334.1],[\"-103.64293\",\"34.42494\",1341.7],[\"-103.54805\",\"34.41930\",1341.5],[\"-103.44875\",\"34.41320\",1336],[\"-103.33120\",\"34.40570\",1326.8],[\"-103.24673\",\"34.40412\",6.1],[\"-103.19466\",\"34.39855\",1297],[\"-103.11503\",\"34.39224\",1237.4],[\"-103.03864\",\"34.38872\",1262.4],[\"-102.95500\",\"34.35230\",1223.6],[\"-102.86870\",\"34.30513\",1206.1],[\"-102.77322\",\"34.25571\",1172.8],[\"-102.71073\",\"34.21807\",1149.2],[\"-102.63061\",\"34.15423\",1158.8],[\"-102.54654\",\"34.08201\",1155],[\"-102.47082\",\"34.02619\",1113.4],[\"-102.38160\",\"33.96586\",1099.5],[\"-102.32335\",\"33.90356\",1070.8],[\"-102.23252\",\"33.85386\",1043.6],[\"-102.14675\",\"33.79326\",1018.2],[\"-102.05531\",\"33.73793\",1008.7],[\"-101.98293\",\"33.67496\",997.7],[\"-101.90625\",\"33.62439\",986.5],[\"-101.89991\",\"33.62059\",976.8],[\"-101.93181\",\"33.59120\",996.1],[\"-101.93665\",\"33.54480\",985.7],[\"-101.93605\",\"33.54392\",996.5],[\"-101.86918\",\"33.52928\",993.1],[\"-101.77642\",\"33.51873\",964.4],[\"-101.68067\",\"33.46575\",949.3],[\"-101.61303\",\"33.40015\",937.4],[\"-101.53774\",\"33.33561\",917.9],[\"-101.47267\",\"33.25753\",896.3],[\"-101.39066\",\"33.20370\",801.4],[\"-101.38291\",\"33.20043\",796.4],[\"-101.37440\",\"33.17921\",790.1],[\"-101.28787\",\"33.12364\",749.2],[\"-101.21412\",\"33.05644\",690.5],[\"-101.14949\",\"32.99493\",694.8],[\"-101.07109\",\"32.93316\",742.9],[\"-101.01998\",\"32.85740\",759.5],[\"-100.94686\",\"32.78357\",739.1],[\"-100.87667\",\"32.71419\",711.1],[\"-100.83372\",\"32.68292\",719.1],[\"-100.78479\",\"32.65873\",734.9],[\"-100.72517\",\"32.58103\",720.1],[\"-100.65054\",\"32.51073\",726.2],[\"-100.56402\",\"32.45637\",715.8],[\"-100.45857\",\"32.45248\",709.8],[\"-100.36385\",\"32.48158\",615.2],[\"-100.26204\",\"32.49475\",618.2],[\"-100.15115\",\"32.49382\",603],[\"-100.04478\",\"32.47518\",572.5],[\"-99.94174\",\"32.46118\",537.7],[\"-99.82931\",\"32.46381\",532.6],[\"-99.72840\",\"32.49040\",515.6],[\"-99.69245\",\"32.48088\",510.6],[\"-99.60921\",\"32.52354\",540.9],[\"-99.54261\",\"32.56631\",547.5],[\"-99.46701\",\"32.63243\",581.9],[\"-99.41523\",\"32.70557\",542.8],[\"-99.31182\",\"32.71793\",432.5],[\"-99.27543\",\"32.75707\",426],[\"-99.25544\",\"32.85124\",413.1],[\"-99.22597\",\"32.92829\",362.4],[\"-99.22889\",\"32.93311\",377.3],[\"-99.22974\",\"32.93233\",367.3],[\"-99.25011\",\"32.86717\",410.5],[\"-99.25095\",\"32.78367\",427.4],[\"-99.17424\",\"32.75998\",403.9],[\"-99.06030\",\"32.76265\",369.4],[\"-98.94990\",\"32.76020\",356.5],[\"-98.90261\",\"32.75574\",377.5],[\"-98.90143\",\"32.75543\",368.9],[\"-98.82211\",\"32.74745\",391.6],[\"-98.72360\",\"32.73238\",382.8],[\"-98.69045\",\"32.76026\",387.6],[\"-98.70908\",\"32.77985\",371.5],[\"-98.70802\",\"32.77947\",375.7],[\"-98.69058\",\"32.72557\",411],[\"-98.79109\",\"32.73767\",409.5],[\"-98.88101\",\"32.75555\",378.1],[\"-98.90256\",\"32.72374\",377.4],[\"-98.90283\",\"32.63013\",419.7],[\"-98.88624\",\"32.54072\",442.6],[\"-98.89658\",\"32.45890\",480.5],[\"-98.97131\",\"32.39532\",518.6],[\"-98.97031\",\"32.37159\",523],[\"-98.95736\",\"32.32783\",503.3],[\"-98.91783\",\"32.27849\",491.9],[\"-98.83108\",\"32.27272\",502.3],[\"-98.76197\",\"32.23360\",436.8],[\"-98.67191\",\"32.21444\",447.1],[\"-98.60633\",\"32.16834\",451.6],[\"-98.53440\",\"32.11728\",407.3],[\"-98.53075\",\"32.11649\",391.4],[\"-98.44095\",\"32.09088\",405.3],[\"-98.35339\",\"32.08770\",449.3],[\"-98.34186\",\"32.08701\",446.1],[\"-98.34223\",\"32.08604\",451.7],[\"-98.27853\",\"32.09076\",422.2],[\"-98.19164\",\"32.05754\",351.1],[\"-98.09452\",\"32.03671\",319.8],[\"-98.03350\",\"31.98277\",317.1],[\"-98.03047\",\"31.98235\",312.6],[\"-98.06829\",\"32.01762\",326.8],[\"-98.14583\",\"32.04610\",337.6],[\"-98.21968\",\"32.06937\",358.9],[\"-98.27705\",\"32.09110\",407],[\"-98.34155\",\"32.08509\",444.4],[\"-98.38716\",\"32.04902\",423.2],[\"-98.44373\",\"31.97764\",356.5],[\"-98.52476\",\"31.92985\",368.1],[\"-98.60162\",\"31.89743\",400.8],[\"-98.65072\",\"31.88665\",444.8],[\"-98.74872\",\"31.85619\",518.9],[\"-98.82662\",\"31.79623\",506.5],[\"-98.91940\",\"31.75229\",426.1],[\"-98.96393\",\"31.73510\",405.7],[\"-98.99074\",\"31.71282\",406.3],[\"-99.01414\",\"31.64696\",464.6],[\"-99.07433\",\"31.56308\",415.1],[\"-99.14484\",\"31.49062\",409.6],[\"-99.17048\",\"31.40587\",449.5],[\"-99.17078\",\"31.38837\",466.9],[\"-99.17063\",\"31.42094\",436.4],[\"-99.12918\",\"31.50458\",420.2],[\"-99.06171\",\"31.57964\",407.3],[\"-99.00318\",\"31.65973\",451.1],[\"-98.98698\",\"31.71834\",407.6],[\"-98.96722\",\"31.73363\",409.9],[\"-98.94473\",\"31.79023\",424.7],[\"-98.91886\",\"31.88122\",491.2],[\"-98.92033\",\"31.97366\",497.6],[\"-98.94521\",\"32.05449\",506.7],[\"-98.96421\",\"32.12222\",497.2],[\"-98.95860\",\"32.21701\",498.1],[\"-98.95762\",\"32.31219\",483.4],[\"-98.94490\",\"32.37532\",503.3],[\"-98.83398\",\"32.37558\",433.5],[\"-98.73923\",\"32.41683\",479.9],[\"-98.64312\",\"32.45876\",458.6],[\"-98.54275\",\"32.49372\",380.6],[\"-98.42998\",\"32.50781\",312.7],[\"-98.32125\",\"32.53227\",303.1],[\"-98.21573\",\"32.56975\",246.7],[\"-98.11602\",\"32.60584\",282],[\"-98.02533\",\"32.67009\",206.6],[\"-97.92432\",\"32.71362\",266],[\"-97.82450\",\"32.72798\",322.6],[\"-97.72399\",\"32.74942\",282],[\"-97.62064\",\"32.73126\",294.1],[\"-97.51838\",\"32.72215\",218.2],[\"-97.46327\",\"32.78619\",185.5],[\"-97.36589\",\"32.83538\",238],[\"-97.26038\",\"32.83971\",168.3],[\"-97.15664\",\"32.83999\",181.3],[\"-97.05068\",\"32.83783\",178.2],[\"-96.98219\",\"32.88862\",145.7],[\"-96.96281\",\"32.89689\",139.8],[\"-96.91944\",\"32.79995\",136.4],[\"-96.91901\",\"32.79785\",128.4],[\"-96.91916\",\"32.79896\",141.5],[\"-96.91962\",\"32.80006\",132.8],[\"-96.91230\",\"32.84573\",152.1],[\"-96.96983\",\"32.89519\",142.9],[\"-96.96295\",\"32.89636\",140.2],[\"-95.55584\",\"33.69300\",174.5],[\"-95.55471\",\"33.69293\",173.8],[\"-95.55424\",\"33.68740\",175.9],[\"-95.51339\",\"33.66980\",176.3],[\"-95.45481\",\"33.66324\",168.4],[\"-95.37811\",\"33.66177\",158.8],[\"-95.28597\",\"33.65798\",140.4],[\"-95.20775\",\"33.63932\",136.9],[\"-95.11068\",\"33.61286\",130.7],[\"-95.04527\",\"33.62117\",129.6],[\"-94.95736\",\"33.59387\",115.7],[\"-94.86440\",\"33.57887\",136.5],[\"-94.78138\",\"33.55210\",144.4],[\"-94.69662\",\"33.53979\",146.7],[\"-94.61493\",\"33.50805\",126.7],[\"-94.53165\",\"33.49087\",112.3],[\"-94.47032\",\"33.46444\",119.9],[\"-94.37154\",\"33.47106\",112.9],[\"-94.26085\",\"33.47539\",113.5],[\"-94.15306\",\"33.45657\",116.4],[\"-94.07052\",\"33.46351\",111.3],[\"-93.98876\",\"33.47181\",96.9],[\"-94.00702\",\"33.45934\",95.4],[\"-94.00678\",\"33.44262\",80.8],[\"-93.94650\",\"33.42949\",90.2],[\"-93.86226\",\"33.42278\",52.4],[\"-93.77892\",\"33.41207\",68.1],[\"-93.72503\",\"33.37343\",70.7],[\"-93.63753\",\"33.35775\",70.2],[\"-93.55746\",\"33.35880\",91.3],[\"-93.48644\",\"33.36522\",90.2],[\"-93.41924\",\"33.35890\",79.7],[\"-93.41266\",\"33.35880\",69.5],[\"-93.41146\",\"33.35878\",81.5],[\"-93.33233\",\"33.35042\",85.6],[\"-93.29506\",\"33.35219\",113.8],[\"-93.29600\",\"33.35299\",114.8],[\"-93.29600\",\"33.35200\",103.8],[\"-93.38204\",\"33.35125\",92.6],[\"-93.45766\",\"33.36176\",102.4],[\"-93.53115\",\"33.36613\",76.3],[\"-93.61159\",\"33.35898\",77],[\"-93.70969\",\"33.36587\",88.1],[\"-93.76885\",\"33.41185\",65.3],[\"-93.85152\",\"33.41809\",65.7],[\"-93.94016\",\"33.42941\",121.6],[\"-94.00360\",\"33.43613\",107.8],[\"-93.95742\",\"33.50074\",83.5],[\"-93.98904\",\"33.47938\",121],[\"-94.07840\",\"33.46006\",112.2],[\"-94.16007\",\"33.45767\",117.1],[\"-94.26776\",\"33.47660\",116.4],[\"-94.28870\",\"33.47579\",111.4],[\"-94.29095\",\"33.47486\",116],[\"-94.39328\",\"33.47313\",123],[\"-94.49904\",\"33.45233\",119.2],[\"-94.58575\",\"33.39495\",102.2],[\"-94.67169\",\"33.33292\",90.9],[\"-94.76270\",\"33.29188\",99.1],[\"-94.85824\",\"33.24566\",114.2],[\"-94.94054\",\"33.18986\",103],[\"-94.97141\",\"33.18249\",98.6],[\"-94.97959\",\"33.19713\",130.6],[\"-95.00544\",\"33.20483\",151.4],[\"-94.98089\",\"33.20071\",128.6],[\"-94.94323\",\"33.19334\",111.9],[\"-94.93113\",\"33.19418\",130.9],[\"-94.91965\",\"33.19909\",118.1],[\"-95.01748\",\"33.16428\",128.2],[\"-95.12483\",\"33.16087\",122.7],[\"-95.23136\",\"33.16199\",156.8],[\"-95.34357\",\"33.16721\",140.7],[\"-95.45158\",\"33.14775\",134.7],[\"-95.56094\",\"33.14552\",154.7],[\"-95.64866\",\"33.12085\",180],[\"-95.75591\",\"33.12805\",171.3],[\"-95.86286\",\"33.12962\",210.1],[\"-95.97103\",\"33.12903\",186.9],[\"-96.07241\",\"33.13584\",171.9],[\"-96.10998\",\"33.09402\",161.1],[\"-96.11348\",\"33.09389\",175.7],[\"-96.11117\",\"33.09463\",165.3],[\"-96.10770\",\"33.06197\",174.6],[\"-96.10971\",\"33.06209\",179.2],[\"-96.15310\",\"33.04270\",153],[\"-96.21574\",\"33.01291\",150.4],[\"-96.30906\",\"32.97834\",166.6],[\"-96.38187\",\"32.93284\",187.4],[\"-96.44404\",\"32.91344\",184.7],[\"-96.50134\",\"32.88440\",165.5],[\"-96.58979\",\"32.84248\",158.8],[\"-96.66937\",\"32.80335\",190.1],[\"-96.72052\",\"32.79493\",135.6],[\"-96.76653\",\"32.78705\",149.5],[\"-96.79307\",\"32.79446\",152.4],[\"-96.81386\",\"32.79210\",131.9],[\"-96.83390\",\"32.80358\",128.1],[\"-96.88380\",\"32.82619\",133.3],[\"-96.97176\",\"32.83741\",157.6],[\"-97.00549\",\"32.83661\",167.3],[\"-97.00503\",\"32.83573\",164.4],[\"-97.00596\",\"32.83508\",167.4],[\"-97.00479\",\"32.83627\",165.9],[\"-97.00075\",\"32.83669\",165.8],[\"-97.01815\",\"32.83717\",156],[\"-97.04218\",\"32.83721\",153.6],[\"-97.06954\",\"32.83991\",179.6],[\"-97.07261\",\"32.87680\",167.7],[\"-97.09600\",\"32.93368\",222],[\"-97.14867\",\"32.96044\",194.3],[\"-97.15458\",\"32.97009\",190],[\"-97.15375\",\"32.97098\",200.9],[\"-97.14304\",\"32.95777\",186.7],[\"-97.08155\",\"32.92283\",193.7],[\"-96.99700\",\"32.90824\",156.4],[\"-96.96266\",\"32.89683\",127.4],[\"-96.96331\",\"32.89604\",137.6],[\"-96.96270\",\"32.89654\",140.1],[\"-96.96755\",\"32.89942\",141.2],[\"-97.01763\",\"32.84546\",156.2],[\"-97.00847\",\"32.83813\",169.2],[\"-97.00961\",\"32.83654\",164],[\"-96.93323\",\"32.83700\",172.7],[\"-96.91667\",\"32.77606\",129.7],[\"-96.86857\",\"32.76664\",158.2],[\"-96.84695\",\"32.76712\",138.2],[\"-96.84562\",\"32.76575\",146],[\"-96.84581\",\"32.76677\",155.5],[\"-96.81081\",\"32.77472\",132.3],[\"-96.86712\",\"32.81553\",110.5],[\"-96.87643\",\"32.85199\",132.3],[\"-96.86371\",\"32.86721\",133.6],[\"-96.86370\",\"32.86816\",144.2],[\"-96.86277\",\"32.86871\",143.5],[\"-96.86700\",\"32.85992\",149.1],[\"-96.87101\",\"32.82296\",132.3],[\"-96.82155\",\"32.79971\",194.1],[\"-96.80993\",\"32.79128\",130.9],[\"-96.80930\",\"32.78904\",129.2],[\"-96.82159\",\"32.78025\",140],[\"-96.84075\",\"32.77955\",126.7],[\"-96.83978\",\"32.77909\",128.2],[\"-96.83224\",\"32.80196\",128.3],[\"-96.89047\",\"32.83085\",139.9],[\"-96.95105\",\"32.88393\",130.5],[\"-96.96292\",\"32.89698\",139.9],[\"-96.96285\",\"32.89670\",0],[\"-96.96405\",\"32.89934\",138.4],[\"-96.89823\",\"32.89609\",160.3],[\"-96.86926\",\"32.81864\",129.5],[\"-96.80935\",\"32.78252\",140],[\"-96.76928\",\"32.74734\",139.4],[\"-96.68916\",\"32.71689\",137.6],[\"-96.61223\",\"32.70173\",149.7],[\"-96.50652\",\"32.70033\",134.9],[\"-96.40281\",\"32.69586\",146.4],[\"-96.30254\",\"32.71313\",141.7],[\"-96.20477\",\"32.68331\",157.9],[\"-96.10413\",\"32.65776\",145.6],[\"-96.00120\",\"32.62524\",140.1],[\"-95.89968\",\"32.59630\",154.2],[\"-95.87384\",\"32.58321\",148.6],[\"-95.87366\",\"32.58414\",150.4],[\"-95.78396\",\"32.55200\",149.3],[\"-95.68136\",\"32.51339\",147.5],[\"-95.57566\",\"32.49683\",158.6],[\"-95.46998\",\"32.47300\",173.3],[\"-95.36020\",\"32.46822\",133.7],[\"-95.25485\",\"32.45207\",126],[\"-95.14469\",\"32.44468\",128.2],[\"-95.03503\",\"32.43817\",109.3],[\"-94.92278\",\"32.43263\",108.8],[\"-94.81546\",\"32.43491\",68.8],[\"-94.72039\",\"32.44418\",78.9],[\"-94.70215\",\"32.45238\",90.2],[\"-94.58165\",\"32.47300\",102.8],[\"-94.47016\",\"32.48637\",101.9],[\"-94.36339\",\"32.49074\",109.3],[\"-94.35878\",\"32.49441\",98.9],[\"-94.35992\",\"32.49402\",105.3],[\"-94.35861\",\"32.49427\",110.8],[\"-94.35854\",\"32.49265\",116.7],[\"-94.28224\",\"32.49421\",104.1],[\"-94.17166\",\"32.49315\",101.7],[\"-94.06240\",\"32.47038\",82.9],[\"-93.96112\",\"32.44508\",71],[\"-93.85797\",\"32.45184\",84.4],[\"-93.77252\",\"32.48939\",83.2],[\"-93.69937\",\"32.52538\",52.3],[\"-93.59479\",\"32.54192\",51],[\"-93.49280\",\"32.56592\",74.8],[\"-93.38488\",\"32.58329\",67],[\"-93.28072\",\"32.58727\",68.4],[\"-93.17583\",\"32.56560\",63.8],[\"-93.07104\",\"32.56335\",83.4],[\"-92.96777\",\"32.56645\",80.6],[\"-92.85706\",\"32.55290\",104.3],[\"-92.74741\",\"32.54483\",116.9],[\"-92.63948\",\"32.54015\",89.9],[\"-92.53140\",\"32.53947\",69.4],[\"-92.47412\",\"32.53156\",61.1],[\"-92.47082\",\"32.53157\",54.2],[\"-92.36380\",\"32.52153\",60.5],[\"-92.25534\",\"32.50964\",36.5],[\"-92.14849\",\"32.50053\",31.3],[\"-92.05292\",\"32.49417\",17.1],[\"-91.95230\",\"32.48563\",17],[\"-91.84201\",\"32.47336\",26.1],[\"-91.73297\",\"32.45642\",42.5],[\"-91.62160\",\"32.45590\",30.9],[\"-91.51008\",\"32.44482\",67.5],[\"-91.39933\",\"32.42830\",32.1],[\"-91.29007\",\"32.41776\",47],[\"-91.18688\",\"32.38543\",41.5],[\"-91.08480\",\"32.34737\",38.7],[\"-90.97843\",\"32.32279\",15],[\"-90.88395\",\"32.31553\",64.7],[\"-90.80106\",\"32.35155\",99.2],[\"-90.70134\",\"32.36163\",71.7],[\"-90.69123\",\"32.36350\",58.9],[\"-90.67792\",\"32.36239\",32.4],[\"-90.65409\",\"32.35541\",44.6],[\"-90.64749\",\"32.35450\",19.8],[\"-90.64542\",\"32.35429\",40.1],[\"-90.55959\",\"32.35228\",55.7],[\"-90.46352\",\"32.35853\",58],[\"-90.46321\",\"32.35948\",73.8],[\"-90.36172\",\"32.34483\",97.7],[\"-90.27227\",\"32.29604\",118.3],[\"-90.18924\",\"32.27639\",88.1],[\"-90.15971\",\"32.22787\",84.9],[\"-90.13197\",\"32.17302\",39.8],[\"-90.08616\",\"32.13194\",102.3],[\"-90.02089\",\"32.07674\",133.8],[\"-89.94234\",\"32.01418\",98.9],[\"-89.85994\",\"31.96947\",114.4],[\"-89.79494\",\"31.91203\",124.2],[\"-89.74532\",\"31.86980\",127.3],[\"-89.71092\",\"31.83608\",133.5],[\"-89.66684\",\"31.75771\",126.5],[\"-89.60553\",\"31.69028\",90.9],[\"-89.55920\",\"31.63418\",98.2],[\"-89.52465\",\"31.58463\",83.5],[\"-89.48151\",\"31.51235\",91.6],[\"-89.36486\",\"31.37831\",51.2],[\"-89.04121\",\"31.20107\",31.2],[\"-88.48711\",\"30.91290\",80],[\"-88.05679\",\"30.73267\",5.7],[\"-87.91210\",\"30.66821\",2.5],[\"-87.90983\",\"30.66246\",36.7]]},\"properties\":{\"stroke\":\"#00d5ff\",\"stroke-opacity\":1,\"stroke-width\":1}};\n                if (gj.type === 'Feature' && gj.geometry.type === 'LineString') {\n                    var sourceName = 'aferry\u2019s Iphone (2) - 553-6a1b1b42aede5';\n                    map.addSource(sourceName, { type: 'geojson', data: gj });\n\n                    \/\/ ['get', 'stroke']\n                    map.addLayer({\n                        id: 'aferry\u2019s Iphone (2) - 553-6a1b1b42aede5',\n                        source: sourceName,\n                        type: 'line',\n                        paint: {\n                            'line-color': ['get', 'stroke'],\n                            'line-width': ['get', 'stroke-width'],\n                            'line-opacity': ['get', 'stroke-opacity'],\n                        },\n                        filter: [\"==\", \"$type\", \"LineString\"]\n                    });\n\n                    gj.geometry.coordinates.forEach(function(lngLat) {\n                    bounds.extend(lngLat);\n                    });\n\n                    layers.push('aferry\u2019s Iphone (2) - 553-6a1b1b42aede5');\n                }\n                                                af = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.18083\",\"36.13600\",338.4]},\"properties\":{\"tripId\":136835,\"messageId\":51019461,\"messageDateTime\":\"2026-05-01 07:42:29\",\"messageDateTimeUTC\":\"2026-05-01T11:42:29Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"0.0\",\"kph\":\"0.0\",\"knots\":\"0.0\",\"bearing\":175,\"nearest\":null,\"messageText\":\"1:1:[9]:05-01 06:42:28:[START] (0.476)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"fa-solid fa-star\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n                if (af.type === 'Feature' && af.geometry.type === 'Point') {\n                    el = document.createElement('div');\n                    el.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: green; background-color: #fff; border-radius: 50%; border: 1px solid #000;\";\n                    el.innerHTML = '<i class=\"' + af.properties.icon + '\"><\/i>';\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51019461, 'TRACK'); });\n\n                    m = new mapboxgl.Marker({ 'element': el })\n                        .setLngLat(af.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(af.geometry.coordinates);\n                    markers.push(m);\n                    if (af.properties.smallPic !== undefined && af.properties.smallPic !== null && af.properties.smallPic.length > 0 && af.properties.largePic !== undefined && af.properties.largePic !== null && af.properties.largePic.length > 0) {\n                        a = document.createElement('div');\n                        a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + af.properties.color +  \";\";\n                        a.innerHTML = '<a target=\"_blank\" href=\"' + af.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + af.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                        m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                            .setLngLat(af.geometry.coordinates)\n                            .addTo(map);\n                        markers.push(m);\n                        markersWithPics.push(m);\n                        picListMarkers['99'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + af.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + af.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'99\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.18231\",\"36.14001\",351.9]},\"properties\":{\"tripId\":136835,\"messageId\":51019917,\"messageDateTime\":\"2026-05-01 08:07:33\",\"messageDateTimeUTC\":\"2026-05-01T12:07:33Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"43.36\",\"kph\":69.8,\"knots\":37.7,\"bearing\":342,\"nearest\":null,\"messageText\":\"309:5:[24]:05-01 07:07:32 (0.087)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51019917, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['100'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'100\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.94518\",\"36.21420\",344.5]},\"properties\":{\"tripId\":136835,\"messageId\":51020872,\"messageDateTime\":\"2026-05-01 08:57:39\",\"messageDateTimeUTC\":\"2026-05-01T12:57:39Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"76.42\",\"kph\":123,\"knots\":66.4,\"bearing\":270,\"nearest\":null,\"messageText\":\"677:372:[1]:05-01 07:57:38 (0.102)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51020872, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['101'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'101\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.81122\",\"36.16270\",212.1]},\"properties\":{\"tripId\":136835,\"messageId\":51021943,\"messageDateTime\":\"2026-05-01 09:47:44\",\"messageDateTimeUTC\":\"2026-05-01T13:47:44Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"66.34\",\"kph\":106.8,\"knots\":57.6,\"bearing\":265,\"nearest\":null,\"messageText\":\"1063:758:[2]:05-01 08:47:44 (0.083)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51021943, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['102'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'102\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.84093\",\"36.22511\",291.3]},\"properties\":{\"tripId\":136835,\"messageId\":51023223,\"messageDateTime\":\"2026-05-01 10:37:50\",\"messageDateTimeUTC\":\"2026-05-01T14:37:50Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"74.88\",\"kph\":120.5,\"knots\":65.1,\"bearing\":270,\"nearest\":null,\"messageText\":\"1520:1215:[6]:05-01 09:37:49 (0.099)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51023223, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['103'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'103\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.34574\",\"36.72268\",306]},\"properties\":{\"tripId\":136835,\"messageId\":51025082,\"messageDateTime\":\"2026-05-01 11:50:28\",\"messageDateTimeUTC\":\"2026-05-01T15:50:28Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.29\",\"kph\":124.4,\"knots\":67.2,\"bearing\":359,\"nearest\":null,\"messageText\":\"2568:1647:[2]:05-01 10:50:27 (0.095)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51025082, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['104'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'104\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.63871\",\"37.29534\",390.9]},\"properties\":{\"tripId\":136835,\"messageId\":51026638,\"messageDateTime\":\"2026-05-01 12:40:34\",\"messageDateTimeUTC\":\"2026-05-01T16:40:34Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"73.40\",\"kph\":118.1,\"knots\":63.8,\"bearing\":292,\"nearest\":null,\"messageText\":\"3008:2087:[2]:05-01 11:40:33 (0.095)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51026638, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['105'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'105\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.98387\",\"37.66871\",456.1]},\"properties\":{\"tripId\":136835,\"messageId\":51028201,\"messageDateTime\":\"2026-05-01 13:30:40\",\"messageDateTimeUTC\":\"2026-05-01T17:30:40Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"68.75\",\"kph\":110.6,\"knots\":59.7,\"bearing\":268,\"nearest\":null,\"messageText\":\"3342:2421:[2]:05-01 12:30:39 (0.098)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51028201, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['106'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'106\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.61389\",\"37.64526\",575.2]},\"properties\":{\"tripId\":136835,\"messageId\":51031034,\"messageDateTime\":\"2026-05-01 15:01:40\",\"messageDateTimeUTC\":\"2026-05-01T19:01:40Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"72.08\",\"kph\":116,\"knots\":62.6,\"bearing\":269,\"nearest\":null,\"messageText\":\"4643:2507:[12]:05-01 14:01:39 (0.062)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51031034, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['107'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'107\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-99.55494\",\"37.58631\",709.7]},\"properties\":{\"tripId\":136835,\"messageId\":51032527,\"messageDateTime\":\"2026-05-01 15:52:02\",\"messageDateTimeUTC\":\"2026-05-01T19:52:02Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"66.96\",\"kph\":107.8,\"knots\":58.2,\"bearing\":270,\"nearest\":null,\"messageText\":\"4783:2555:[6]:05-01 14:52:02 (0.086)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51032527, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['108'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'108\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.05571\",\"37.75455\",764.7]},\"properties\":{\"tripId\":136835,\"messageId\":51034808,\"messageDateTime\":\"2026-05-01 17:05:36\",\"messageDateTimeUTC\":\"2026-05-01T21:05:36Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"19.58\",\"kph\":31.5,\"knots\":17,\"bearing\":165,\"nearest\":null,\"messageText\":\"5510:2604:[6]:05-01 16:05:36 (0.096)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51034808, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['109'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'109\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.01686\",\"37.75288\",764.1]},\"properties\":{\"tripId\":136835,\"messageId\":51059888,\"messageDateTime\":\"2026-05-02 13:58:32\",\"messageDateTimeUTC\":\"2026-05-02T17:58:32Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"3.1\",\"kph\":\"4.9\",\"knots\":\"2.7\",\"bearing\":87,\"nearest\":null,\"messageText\":\"10149:9:[20]:05-02 12:58:31 (0.037)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51059888, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['110'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'110\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.68832\",\"37.77671\",864.9]},\"properties\":{\"tripId\":136835,\"messageId\":51062406,\"messageDateTime\":\"2026-05-02 14:53:43\",\"messageDateTimeUTC\":\"2026-05-02T18:53:43Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"67.31\",\"kph\":108.3,\"knots\":58.5,\"bearing\":182,\"nearest\":null,\"messageText\":\"10423:47:[4]:05-02 13:53:43 (0.057)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51062406, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['111'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'111\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-101.26834\",\"37.26770\",949]},\"properties\":{\"tripId\":136835,\"messageId\":51064563,\"messageDateTime\":\"2026-05-02 15:44:13\",\"messageDateTimeUTC\":\"2026-05-02T19:44:13Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"73.73\",\"kph\":118.7,\"knots\":64.1,\"bearing\":219,\"nearest\":null,\"messageText\":\"10555:90:[9]:05-02 14:44:12 (0.060)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51064563, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['112'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'112\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-102.16796\",\"36.84985\",1170.1]},\"properties\":{\"tripId\":136835,\"messageId\":51066752,\"messageDateTime\":\"2026-05-02 16:34:36\",\"messageDateTimeUTC\":\"2026-05-02T20:34:36Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"76.90\",\"kph\":123.8,\"knots\":66.8,\"bearing\":240,\"nearest\":null,\"messageText\":\"10715:131:[7]:05-02 15:34:36 (0.073)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51066752, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['113'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'113\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-103.06544\",\"36.48491\",1424.9]},\"properties\":{\"tripId\":136835,\"messageId\":51068719,\"messageDateTime\":\"2026-05-02 17:25:01\",\"messageDateTimeUTC\":\"2026-05-02T21:25:01Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"69.89\",\"kph\":112.5,\"knots\":60.7,\"bearing\":238,\"nearest\":null,\"messageText\":\"10831:170:[11]:05-02 16:25:00 (0.065)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51068719, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['114'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'114\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-103.77552\",\"36.30123\",1745.1]},\"properties\":{\"tripId\":136835,\"messageId\":51070586,\"messageDateTime\":\"2026-05-02 18:15:29\",\"messageDateTimeUTC\":\"2026-05-02T22:15:29Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"75.62\",\"kph\":121.7,\"knots\":65.7,\"bearing\":257,\"nearest\":null,\"messageText\":\"10952:209:[5]:05-02 16:15:28 (0.089)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51070586, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['115'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'115\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-104.63400\",\"36.28686\",1820.8]},\"properties\":{\"tripId\":136835,\"messageId\":51072258,\"messageDateTime\":\"2026-05-02 19:08:30\",\"messageDateTimeUTC\":\"2026-05-02T23:08:30Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.96\",\"kph\":125.5,\"knots\":67.7,\"bearing\":203,\"nearest\":null,\"messageText\":\"11093:250:[5]:05-02 17:08:30 (0.017)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51072258, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['116'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'116\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.21150\",\"35.60293\",1969.2]},\"properties\":{\"tripId\":136835,\"messageId\":51073596,\"messageDateTime\":\"2026-05-02 19:59:00\",\"messageDateTimeUTC\":\"2026-05-02T23:59:00Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"24.4\",\"kph\":\"39.2\",\"knots\":\"21.2\",\"bearing\":195,\"nearest\":null,\"messageText\":\"11198:293:[20]:05-02 17:59:00 (0.023)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51073596, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['117'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'117\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.82128\",\"35.55259\",2143.8]},\"properties\":{\"tripId\":136835,\"messageId\":51076021,\"messageDateTime\":\"2026-05-02 21:45:03\",\"messageDateTimeUTC\":\"2026-05-03T01:45:03Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"71.86\",\"kph\":115.6,\"knots\":62.4,\"bearing\":261,\"nearest\":null,\"messageText\":\"12920:336:[5]:05-02 19:45:03 (0.069)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51076021, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['118'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'118\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.00768\",\"35.64557\",2019.1]},\"properties\":{\"tripId\":136835,\"messageId\":51087280,\"messageDateTime\":\"2026-05-03 10:03:13\",\"messageDateTimeUTC\":\"2026-05-03T14:03:13Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"21.07\",\"kph\":33.9,\"knots\":18.3,\"bearing\":210,\"nearest\":null,\"messageText\":\"44691:397:[4]:05-03 08:03:13 (2.375)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51087280, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['119'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'119\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.66272\",\"35.00558\",2159.9]},\"properties\":{\"tripId\":136835,\"messageId\":51089057,\"messageDateTime\":\"2026-05-03 10:53:44\",\"messageDateTimeUTC\":\"2026-05-03T14:53:44Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"58.55\",\"kph\":94.2,\"knots\":50.9,\"bearing\":155,\"nearest\":null,\"messageText\":\"44868:440:[11]:05-03 08:53:44 (0.070)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51089057, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['120'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'120\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.52422\",\"34.33476\",1946.4]},\"properties\":{\"tripId\":136835,\"messageId\":51090962,\"messageDateTime\":\"2026-05-03 11:44:14\",\"messageDateTimeUTC\":\"2026-05-03T15:44:14Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"72.53\",\"kph\":116.7,\"knots\":63,\"bearing\":214,\"nearest\":null,\"messageText\":\"44967:480:[8]:05-03 09:44:13 (0.081)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51090962, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['121'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'121\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.86299\",\"33.65451\",1653.9]},\"properties\":{\"tripId\":136835,\"messageId\":51092960,\"messageDateTime\":\"2026-05-03 12:36:59\",\"messageDateTimeUTC\":\"2026-05-03T16:36:59Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"72.87\",\"kph\":117.3,\"knots\":63.3,\"bearing\":195,\"nearest\":null,\"messageText\":\"45103:522:[22]:05-03 10:36:59 (0.029)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51092960, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['122'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'122\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.32961\",\"33.45205\",1682.5]},\"properties\":{\"tripId\":136835,\"messageId\":51095375,\"messageDateTime\":\"2026-05-03 13:37:33\",\"messageDateTimeUTC\":\"2026-05-03T17:37:33Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"59.64\",\"kph\":96,\"knots\":51.8,\"bearing\":129,\"nearest\":null,\"messageText\":\"45537:556:[10]:05-03 11:37:32 (0.073)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51095375, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['123'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'123\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.73586\",\"33.17010\",2106.5]},\"properties\":{\"tripId\":136835,\"messageId\":51097859,\"messageDateTime\":\"2026-05-03 14:39:22\",\"messageDateTimeUTC\":\"2026-05-03T18:39:22Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"71.29\",\"kph\":114.7,\"knots\":61.9,\"bearing\":206,\"nearest\":null,\"messageText\":\"46027:592:[13]:05-03 12:39:22 (0.066)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51097859, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['124'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'124\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.08153\",\"32.82505\",1229.8]},\"properties\":{\"tripId\":136835,\"messageId\":51099760,\"messageDateTime\":\"2026-05-03 15:29:59\",\"messageDateTimeUTC\":\"2026-05-03T19:29:59Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"0.00\",\"kph\":0,\"knots\":0,\"bearing\":243,\"nearest\":null,\"messageText\":\"46225:635:[22]:05-03 13:29:58 (0.035)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51099760, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['125'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'125\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.63496\",\"32.41280\",1417.6]},\"properties\":{\"tripId\":136835,\"messageId\":51102161,\"messageDateTime\":\"2026-05-03 16:33:25\",\"messageDateTimeUTC\":\"2026-05-03T20:33:25Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"65.85\",\"kph\":106,\"knots\":57.2,\"bearing\":253,\"nearest\":null,\"messageText\":\"46729:677:[7]:05-03 14:33:24 (0.027)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51102161, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['126'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'126\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.79359\",\"32.27483\",1183.4]},\"properties\":{\"tripId\":136835,\"messageId\":51105741,\"messageDateTime\":\"2026-05-03 18:24:47\",\"messageDateTimeUTC\":\"2026-05-03T22:24:47Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"13.60\",\"kph\":21.9,\"knots\":11.8,\"bearing\":34,\"nearest\":null,\"messageText\":\"48723:707:[2]:05-03 16:24:46 (0.116)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51105741, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['127'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'127\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.95363\",\"32.26860\",1346.9]},\"properties\":{\"tripId\":136835,\"messageId\":51120391,\"messageDateTime\":\"2026-05-04 09:27:25\",\"messageDateTimeUTC\":\"2026-05-04T13:27:25Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.69\",\"kph\":125,\"knots\":67.5,\"bearing\":252,\"nearest\":null,\"messageText\":\"532:21:[3]:05-04 07:27:25 (0.031)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51120391, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['128'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'128\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-107.75930\",\"32.27250\",1316.3]},\"properties\":{\"tripId\":136835,\"messageId\":51121611,\"messageDateTime\":\"2026-05-04 10:17:47\",\"messageDateTimeUTC\":\"2026-05-04T14:17:47Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"39.72\",\"kph\":63.9,\"knots\":34.5,\"bearing\":304,\"nearest\":null,\"messageText\":\"644:64:[9]:05-04 08:17:47 (0.065)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51121611, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['129'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'129\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-108.27170\",\"32.78250\",1821.7]},\"properties\":{\"tripId\":136835,\"messageId\":51122905,\"messageDateTime\":\"2026-05-04 11:08:08\",\"messageDateTimeUTC\":\"2026-05-04T15:08:08Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"21.2\",\"kph\":\"34.2\",\"knots\":\"18.5\",\"bearing\":260,\"nearest\":null,\"messageText\":\"783:111:[27]:05-04 09:08:08 (0.024)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51122905, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['130'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'130\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-107.97922\",\"32.49525\",1481.4]},\"properties\":{\"tripId\":136835,\"messageId\":51124315,\"messageDateTime\":\"2026-05-04 12:00:55\",\"messageDateTimeUTC\":\"2026-05-04T16:00:55Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"0.07\",\"kph\":0.1,\"knots\":0.1,\"bearing\":229,\"nearest\":null,\"messageText\":\"951:147:[5]:05-04 10:00:55 (0.074)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51124315, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['131'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'131\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-107.15224\",\"32.24584\",1336.7]},\"properties\":{\"tripId\":136835,\"messageId\":51125719,\"messageDateTime\":\"2026-05-04 12:51:19\",\"messageDateTimeUTC\":\"2026-05-04T16:51:19Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"80.62\",\"kph\":129.7,\"knots\":70.1,\"bearing\":87,\"nearest\":null,\"messageText\":\"1064:191:[9]:05-04 10:51:19 (0.064)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51125719, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['132'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'132\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.78222\",\"32.30320\",1193]},\"properties\":{\"tripId\":136835,\"messageId\":51127222,\"messageDateTime\":\"2026-05-04 13:45:27\",\"messageDateTimeUTC\":\"2026-05-04T17:45:27Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"21.59\",\"kph\":34.7,\"knots\":18.8,\"bearing\":69,\"nearest\":null,\"messageText\":\"1240:214:[6]:05-04 11:45:26 (0.089)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51127222, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['133'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'133\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.15462\",\"32.78769\",1226.2]},\"properties\":{\"tripId\":136835,\"messageId\":51128516,\"messageDateTime\":\"2026-05-04 14:35:54\",\"messageDateTimeUTC\":\"2026-05-04T18:35:54Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"83.11\",\"kph\":133.8,\"knots\":72.2,\"bearing\":39,\"nearest\":null,\"messageText\":\"1411:251:[8]:05-04 12:35:53 (0.067)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51128516, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['134'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'134\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-106.05233\",\"33.18190\",1364.8]},\"properties\":{\"tripId\":136835,\"messageId\":51131306,\"messageDateTime\":\"2026-05-04 16:21:19\",\"messageDateTimeUTC\":\"2026-05-04T20:21:19Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"73.24\",\"kph\":117.9,\"knots\":63.6,\"bearing\":351,\"nearest\":null,\"messageText\":\"3169:284:[8]:05-04 14:21:18 (0.077)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51131306, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['135'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'135\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.83166\",\"33.87647\",1762.3]},\"properties\":{\"tripId\":136835,\"messageId\":51132502,\"messageDateTime\":\"2026-05-04 17:11:42\",\"messageDateTimeUTC\":\"2026-05-04T21:11:42Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"79.09\",\"kph\":127.3,\"knots\":68.7,\"bearing\":1,\"nearest\":null,\"messageText\":\"3272:326:[8]:05-04 15:11:41 (0.023)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51132502, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['136'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'136\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-105.24555\",\"34.58931\",1816.7]},\"properties\":{\"tripId\":136835,\"messageId\":51133627,\"messageDateTime\":\"2026-05-04 18:02:05\",\"messageDateTimeUTC\":\"2026-05-04T22:02:05Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"76.44\",\"kph\":123,\"knots\":66.4,\"bearing\":46,\"nearest\":null,\"messageText\":\"3391:371:[11]:05-04 16:02:05 (0.072)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51133627, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['137'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'137\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-104.30113\",\"34.47271\",1278.8]},\"properties\":{\"tripId\":136835,\"messageId\":51134762,\"messageDateTime\":\"2026-05-04 18:52:37\",\"messageDateTimeUTC\":\"2026-05-04T22:52:37Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"75.86\",\"kph\":122.1,\"knots\":65.9,\"bearing\":91,\"nearest\":null,\"messageText\":\"3518:437:[11]:05-04 16:52:36 (0.066)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51134762, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['138'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'138\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-103.64293\",\"34.42494\",1341.7]},\"properties\":{\"tripId\":136835,\"messageId\":51135903,\"messageDateTime\":\"2026-05-04 19:49:16\",\"messageDateTimeUTC\":\"2026-05-04T23:49:16Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.99\",\"kph\":125.5,\"knots\":67.8,\"bearing\":90,\"nearest\":null,\"messageText\":\"3774:471:[13]:05-04 17:49:16 (0.072)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51135903, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['139'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'139\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-102.77322\",\"34.25571\",1172.8]},\"properties\":{\"tripId\":136835,\"messageId\":51136785,\"messageDateTime\":\"2026-05-04 20:39:37\",\"messageDateTimeUTC\":\"2026-05-05T00:39:37Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.47\",\"kph\":124.7,\"knots\":67.3,\"bearing\":122,\"nearest\":null,\"messageText\":\"3919:512:[29]:05-04 19:39:36 (0.063)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51136785, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['140'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'140\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-101.98293\",\"33.67496\",997.7]},\"properties\":{\"tripId\":136835,\"messageId\":51137637,\"messageDateTime\":\"2026-05-04 21:30:04\",\"messageDateTimeUTC\":\"2026-05-05T01:30:04Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"29.91\",\"kph\":48.1,\"knots\":26,\"bearing\":136,\"nearest\":null,\"messageText\":\"4087:557:[8]:05-04 20:30:03 (0.082)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51137637, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['141'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'141\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-101.53774\",\"33.33561\",917.9]},\"properties\":{\"tripId\":136835,\"messageId\":51145457,\"messageDateTime\":\"2026-05-05 08:37:21\",\"messageDateTimeUTC\":\"2026-05-05T12:37:21Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"76.82\",\"kph\":123.6,\"knots\":66.8,\"bearing\":135,\"nearest\":null,\"messageText\":\"34481:597:[3]:05-05 07:37:20 (0.025)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51145457, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['142'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'142\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.94686\",\"32.78357\",739.1]},\"properties\":{\"tripId\":136835,\"messageId\":51146406,\"messageDateTime\":\"2026-05-05 09:27:43\",\"messageDateTimeUTC\":\"2026-05-05T13:27:43Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"78.45\",\"kph\":126.3,\"knots\":68.2,\"bearing\":140,\"nearest\":null,\"messageText\":\"34605:638:[27]:05-05 08:27:42 (0.072)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51146406, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['143'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'143\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-100.15115\",\"32.49382\",603]},\"properties\":{\"tripId\":136835,\"messageId\":51147499,\"messageDateTime\":\"2026-05-05 10:18:10\",\"messageDateTimeUTC\":\"2026-05-05T14:18:10Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"76.58\",\"kph\":123.2,\"knots\":66.5,\"bearing\":90,\"nearest\":null,\"messageText\":\"34756:677:[7]:05-05 09:18:09 (0.061)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51147499, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['144'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'144\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-99.31182\",\"32.71793\",432.5]},\"properties\":{\"tripId\":136835,\"messageId\":51148575,\"messageDateTime\":\"2026-05-05 11:08:37\",\"messageDateTimeUTC\":\"2026-05-05T15:08:37Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.44\",\"kph\":124.6,\"knots\":67.3,\"bearing\":81,\"nearest\":null,\"messageText\":\"34954:756:[12]:05-05 10:08:37 (0.071)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51148575, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['145'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'145\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.94990\",\"32.76020\",356.5]},\"properties\":{\"tripId\":136835,\"messageId\":51149738,\"messageDateTime\":\"2026-05-05 11:59:50\",\"messageDateTimeUTC\":\"2026-05-05T15:59:50Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"56.49\",\"kph\":90.9,\"knots\":49.1,\"bearing\":91,\"nearest\":null,\"messageText\":\"35116:794:[9]:05-05 10:59:49 (0.066)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51149738, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['146'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'146\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.88101\",\"32.75555\",378.1]},\"properties\":{\"tripId\":136835,\"messageId\":51151039,\"messageDateTime\":\"2026-05-05 12:56:26\",\"messageDateTimeUTC\":\"2026-05-05T16:56:26Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"42.75\",\"kph\":68.8,\"knots\":37.1,\"bearing\":283,\"nearest\":null,\"messageText\":\"35375:831:[21]:05-05 11:56:25 (0.068)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51151039, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['147'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'147\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.76197\",\"32.23360\",436.8]},\"properties\":{\"tripId\":136835,\"messageId\":51152371,\"messageDateTime\":\"2026-05-05 13:46:56\",\"messageDateTimeUTC\":\"2026-05-05T17:46:56Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"75.93\",\"kph\":122.2,\"knots\":66,\"bearing\":123,\"nearest\":null,\"messageText\":\"35516:872:[13]:05-05 12:46:55 (0.086)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51152371, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['148'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'148\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.19164\",\"32.05754\",351.1]},\"properties\":{\"tripId\":136835,\"messageId\":51155116,\"messageDateTime\":\"2026-05-05 15:33:33\",\"messageDateTimeUTC\":\"2026-05-05T19:33:33Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"69.60\",\"kph\":112,\"knots\":60.5,\"bearing\":114,\"nearest\":null,\"messageText\":\"37357:905:[7]:05-05 14:33:33 (0.028)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51155116, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['149'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'149\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.44373\",\"31.97764\",356.5]},\"properties\":{\"tripId\":136835,\"messageId\":51156405,\"messageDateTime\":\"2026-05-05 16:23:57\",\"messageDateTimeUTC\":\"2026-05-05T20:23:57Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"76.27\",\"kph\":122.7,\"knots\":66.3,\"bearing\":213,\"nearest\":null,\"messageText\":\"37506:946:[5]:05-05 15:23:57 (0.073)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51156405, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['150'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'150\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-99.07433\",\"31.56308\",415.1]},\"properties\":{\"tripId\":136835,\"messageId\":51157599,\"messageDateTime\":\"2026-05-05 17:14:18\",\"messageDateTimeUTC\":\"2026-05-05T21:14:18Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"80.86\",\"kph\":130.1,\"knots\":70.3,\"bearing\":211,\"nearest\":null,\"messageText\":\"37667:984:[9]:05-05 16:14:18 (0.067)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51157599, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['151'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'151\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.94473\",\"31.79023\",424.7]},\"properties\":{\"tripId\":136835,\"messageId\":51158646,\"messageDateTime\":\"2026-05-05 18:04:38\",\"messageDateTimeUTC\":\"2026-05-05T22:04:38Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"78.52\",\"kph\":126.4,\"knots\":68.2,\"bearing\":18,\"nearest\":null,\"messageText\":\"37813:1034:[7]:05-05 17:04:38 (0.064)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51158646, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['152'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'152\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-98.64312\",\"32.45876\",458.6]},\"properties\":{\"tripId\":136835,\"messageId\":51159643,\"messageDateTime\":\"2026-05-05 18:55:05\",\"messageDateTimeUTC\":\"2026-05-05T22:55:05Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"60.14\",\"kph\":96.8,\"knots\":52.3,\"bearing\":62,\"nearest\":null,\"messageText\":\"37962:1077:[10]:05-05 17:55:05 (0.060)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51159643, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['153'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'153\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.62064\",\"32.73126\",294.1]},\"properties\":{\"tripId\":136835,\"messageId\":51160521,\"messageDateTime\":\"2026-05-05 19:45:29\",\"messageDateTimeUTC\":\"2026-05-05T23:45:29Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"70.09\",\"kph\":112.8,\"knots\":60.9,\"bearing\":101,\"nearest\":null,\"messageText\":\"38153:1125:[5]:05-05 18:45:28 (0.022)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51160521, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['154'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'154\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.91901\",\"32.79785\",128.4]},\"properties\":{\"tripId\":136835,\"messageId\":51164988,\"messageDateTime\":\"2026-05-06 05:44:49\",\"messageDateTimeUTC\":\"2026-05-06T09:44:49Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"2.35\",\"kph\":3.8,\"knots\":2,\"bearing\":170,\"nearest\":null,\"messageText\":\"153:144:[3]:05-06 04:44:49 (0.096)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51164988, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['155'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'155\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.45481\",\"33.66324\",168.4]},\"properties\":{\"tripId\":136835,\"messageId\":51190591,\"messageDateTime\":\"2026-05-07 08:39:07\",\"messageDateTimeUTC\":\"2026-05-07T12:39:07Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"58.80\",\"kph\":94.6,\"knots\":51.1,\"bearing\":97,\"nearest\":null,\"messageText\":\"110:10:[3]:05-07 07:39:07 (0.024)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51190591, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['156'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'156\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.61493\",\"33.50805\",126.7]},\"properties\":{\"tripId\":136835,\"messageId\":51191550,\"messageDateTime\":\"2026-05-07 09:29:26\",\"messageDateTimeUTC\":\"2026-05-07T13:29:26Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"40.66\",\"kph\":65.4,\"knots\":35.3,\"bearing\":114,\"nearest\":null,\"messageText\":\"256:52:[10]:05-07 08:29:26 (0.073)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51191550, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['157'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'157\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.94650\",\"33.42949\",90.2]},\"properties\":{\"tripId\":136835,\"messageId\":51192636,\"messageDateTime\":\"2026-05-07 10:19:53\",\"messageDateTimeUTC\":\"2026-05-07T14:19:53Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"57.33\",\"kph\":92.3,\"knots\":49.8,\"bearing\":104,\"nearest\":null,\"messageText\":\"450:95:[6]:05-07 09:19:53 (0.022)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51192636, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['158'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'158\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.33233\",\"33.35042\",85.6]},\"properties\":{\"tripId\":136835,\"messageId\":51193778,\"messageDateTime\":\"2026-05-07 11:11:42\",\"messageDateTimeUTC\":\"2026-05-07T15:11:42Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"58.05\",\"kph\":93.4,\"knots\":50.4,\"bearing\":97,\"nearest\":null,\"messageText\":\"641:126:[11]:05-07 10:11:42 (0.050)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51193778, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['159'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'159\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.85152\",\"33.41809\",65.7]},\"properties\":{\"tripId\":136835,\"messageId\":51194968,\"messageDateTime\":\"2026-05-07 12:02:07\",\"messageDateTimeUTC\":\"2026-05-07T16:02:07Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"58.66\",\"kph\":94.4,\"knots\":51,\"bearing\":275,\"nearest\":null,\"messageText\":\"775:164:[6]:05-07 11:02:06 (0.022)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51194968, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['160'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'160\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.39328\",\"33.47313\",123]},\"properties\":{\"tripId\":136835,\"messageId\":51196714,\"messageDateTime\":\"2026-05-07 13:07:37\",\"messageDateTimeUTC\":\"2026-05-07T17:07:37Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"75.51\",\"kph\":121.5,\"knots\":65.6,\"bearing\":268,\"nearest\":null,\"messageText\":\"1394:200:[4]:05-07 12:07:37 (0.021)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51196714, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['161'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'161\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.98089\",\"33.20071\",128.6]},\"properties\":{\"tripId\":136835,\"messageId\":51198062,\"messageDateTime\":\"2026-05-07 13:57:55\",\"messageDateTimeUTC\":\"2026-05-07T17:57:55Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"26.93\",\"kph\":43.3,\"knots\":23.4,\"bearing\":101,\"nearest\":null,\"messageText\":\"1534:241:[8]:05-07 12:57:55 (0.085)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51198062, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['162'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'162\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.64866\",\"33.12085\",180]},\"properties\":{\"tripId\":136835,\"messageId\":51199409,\"messageDateTime\":\"2026-05-07 14:48:22\",\"messageDateTimeUTC\":\"2026-05-07T18:48:22Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"66.52\",\"kph\":107.1,\"knots\":57.8,\"bearing\":251,\"nearest\":null,\"messageText\":\"1713:281:[8]:05-07 13:48:22 (0.065)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51199409, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['163'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'163\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.15310\",\"33.04270\",153]},\"properties\":{\"tripId\":136835,\"messageId\":51202001,\"messageDateTime\":\"2026-05-07 16:35:14\",\"messageDateTimeUTC\":\"2026-05-07T20:35:14Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"57.39\",\"kph\":92.4,\"knots\":49.9,\"bearing\":241,\"nearest\":null,\"messageText\":\"3130:329:[3]:05-07 15:35:14 (0.014)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51202001, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['164'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'164\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.79307\",\"32.79446\",152.4]},\"properties\":{\"tripId\":136835,\"messageId\":51203272,\"messageDateTime\":\"2026-05-07 17:25:38\",\"messageDateTimeUTC\":\"2026-05-07T21:25:38Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"39.82\",\"kph\":64.1,\"knots\":34.6,\"bearing\":288,\"nearest\":null,\"messageText\":\"3365:368:[12]:05-07 16:25:37 (0.077)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51203272, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['165'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'165\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-97.01815\",\"32.83717\",156]},\"properties\":{\"tripId\":136835,\"messageId\":51205666,\"messageDateTime\":\"2026-05-07 19:01:30\",\"messageDateTimeUTC\":\"2026-05-07T23:01:30Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"48.92\",\"kph\":78.7,\"knots\":42.5,\"bearing\":271,\"nearest\":null,\"messageText\":\"4629:394:[9]:05-07 18:01:29 (0.074)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51205666, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['166'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'166\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.99700\",\"32.90824\",156.4]},\"properties\":{\"tripId\":136835,\"messageId\":51206967,\"messageDateTime\":\"2026-05-07 19:58:09\",\"messageDateTimeUTC\":\"2026-05-07T23:58:09Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"67.23\",\"kph\":108.2,\"knots\":58.4,\"bearing\":101,\"nearest\":null,\"messageText\":\"4937:433:[5]:05-07 18:58:08 (0.094)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51206967, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['167'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'167\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.86857\",\"32.76664\",158.2]},\"properties\":{\"tripId\":136835,\"messageId\":51220232,\"messageDateTime\":\"2026-05-08 11:01:23\",\"messageDateTimeUTC\":\"2026-05-08T15:01:23Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"43.89\",\"kph\":70.6,\"knots\":38.1,\"bearing\":103,\"nearest\":null,\"messageText\":\"1776:76:[10]:05-08 10:01:23 (0.072)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51220232, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['168'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'168\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.86700\",\"32.85992\",149.1]},\"properties\":{\"tripId\":136835,\"messageId\":51222340,\"messageDateTime\":\"2026-05-08 12:11:37\",\"messageDateTimeUTC\":\"2026-05-08T16:11:37Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"31.66\",\"kph\":51,\"knots\":27.5,\"bearing\":202,\"nearest\":null,\"messageText\":\"2495:98:[18]:05-08 11:11:37 (0.025)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51222340, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['169'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'169\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.95105\",\"32.88393\",130.5]},\"properties\":{\"tripId\":136835,\"messageId\":51223984,\"messageDateTime\":\"2026-05-08 13:02:58\",\"messageDateTimeUTC\":\"2026-05-08T17:02:58Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"61.06\",\"kph\":98.3,\"knots\":53.1,\"bearing\":316,\"nearest\":null,\"messageText\":\"2710:122:[9]:05-08 12:02:58 (0.086)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51223984, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['170'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'170\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-96.50652\",\"32.70033\",134.9]},\"properties\":{\"tripId\":136835,\"messageId\":51242339,\"messageDateTime\":\"2026-05-09 08:54:45\",\"messageDateTimeUTC\":\"2026-05-09T12:54:45Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"73.07\",\"kph\":117.6,\"knots\":63.5,\"bearing\":90,\"nearest\":null,\"messageText\":\"257:36:[11]:05-09 07:54:44 (0.073)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51242339, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['171'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'171\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-95.68136\",\"32.51339\",147.5]},\"properties\":{\"tripId\":136835,\"messageId\":51243568,\"messageDateTime\":\"2026-05-09 09:45:17\",\"messageDateTimeUTC\":\"2026-05-09T13:45:17Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.65\",\"kph\":125,\"knots\":67.5,\"bearing\":114,\"nearest\":null,\"messageText\":\"441:73:[7]:05-09 08:45:16 (0.081)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51243568, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['172'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'172\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.70215\",\"32.45238\",90.2]},\"properties\":{\"tripId\":136835,\"messageId\":51244935,\"messageDateTime\":\"2026-05-09 10:35:40\",\"messageDateTimeUTC\":\"2026-05-09T14:35:40Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"74.11\",\"kph\":119.3,\"knots\":64.4,\"bearing\":61,\"nearest\":null,\"messageText\":\"624:117:[17]:05-09 09:35:40 (0.030)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51244935, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['173'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'173\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-94.06240\",\"32.47038\",82.9]},\"properties\":{\"tripId\":136835,\"messageId\":51247405,\"messageDateTime\":\"2026-05-09 11:53:36\",\"messageDateTimeUTC\":\"2026-05-09T15:53:36Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"75.96\",\"kph\":122.2,\"knots\":66,\"bearing\":103,\"nearest\":null,\"messageText\":\"1396:150:[14]:05-09 10:53:35 (0.079)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51247405, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['174'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'174\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-93.07104\",\"32.56335\",83.4]},\"properties\":{\"tripId\":136835,\"messageId\":51248846,\"messageDateTime\":\"2026-05-09 12:44:06\",\"messageDateTimeUTC\":\"2026-05-09T16:44:06Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"63.82\",\"kph\":102.7,\"knots\":55.5,\"bearing\":91,\"nearest\":null,\"messageText\":\"1591:191:[7]:05-09 11:44:05 (0.065)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51248846, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['175'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'175\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-92.14849\",\"32.50053\",31.3]},\"properties\":{\"tripId\":136835,\"messageId\":51250834,\"messageDateTime\":\"2026-05-09 13:50:52\",\"messageDateTimeUTC\":\"2026-05-09T17:50:52Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"69.44\",\"kph\":111.8,\"knots\":60.3,\"bearing\":95,\"nearest\":null,\"messageText\":\"2201:241:[9]:05-09 12:50:52 (0.070)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51250834, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['176'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'176\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-91.08480\",\"32.34737\",38.7]},\"properties\":{\"tripId\":136835,\"messageId\":51253115,\"messageDateTime\":\"2026-05-09 14:41:27\",\"messageDateTimeUTC\":\"2026-05-09T18:41:27Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.70\",\"kph\":125,\"knots\":67.5,\"bearing\":113,\"nearest\":null,\"messageText\":\"2355:289:[13]:05-09 13:41:27 (0.077)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51253115, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['177'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'177\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-90.55959\",\"32.35228\",55.7]},\"properties\":{\"tripId\":136835,\"messageId\":51254717,\"messageDateTime\":\"2026-05-09 15:33:30\",\"messageDateTimeUTC\":\"2026-05-09T19:33:30Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"81.81\",\"kph\":131.7,\"knots\":71.1,\"bearing\":91,\"nearest\":null,\"messageText\":\"2540:366:[4]:05-09 14:33:30 (0.104)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51254717, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['178'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'178\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-89.94234\",\"32.01418\",98.9]},\"properties\":{\"tripId\":136835,\"messageId\":51256420,\"messageDateTime\":\"2026-05-09 16:33:31\",\"messageDateTimeUTC\":\"2026-05-09T20:33:31Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"77.02\",\"kph\":124,\"knots\":66.9,\"bearing\":133,\"nearest\":null,\"messageText\":\"3213:438:[14]:05-09 15:33:30 (0.063)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle;\";\n                                a.innerHTML = '<img width=\"6px\" height=\"6px\" src=\"\/img\/track-54.png\" class=\"d-md-none\"\/><img width=\"8px\" height=\"8px\" src=\"\/img\/track-54.png\" class=\"d-none d-md-inline\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51256420, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['179'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'179\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                    var feature = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-89.36486\",\"31.37831\",51.2]},\"properties\":{\"tripId\":136835,\"messageId\":51258069,\"messageDateTime\":\"2026-05-09 17:35:15\",\"messageDateTimeUTC\":\"2026-05-09T21:35:15Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"42.1\",\"kph\":\"67.7\",\"knots\":\"36.6\",\"bearing\":143,\"nearest\":null,\"messageText\":\"3441:474:[64]:05-09 16:35:14 (0.024)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#0f0\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\"}};\n\n                    var a = null;\n                    bearing = 0;\n                    var hasPic = false;\n                    if (feature.geometry.type === 'Point') {\n                        if (feature.properties.smallPic !== undefined && feature.properties.smallPic !== null && feature.properties.smallPic.length > 0 && feature.properties.largePic !== undefined && feature.properties.largePic !== null && feature.properties.largePic.length > 0) {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<a target=\"_blank\" href=\"' + feature.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + feature.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                            m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                                .setLngLat(feature.geometry.coordinates)\n                                .addTo(map);\n                            bounds.extend(feature.geometry.coordinates);\n                            markers.push(m);\n                            markersWithPics.push(m);\n                            hasPic = true;\n                        }\n\n                        if (feature.properties.messageType === 'TRACK') {\n                            a = document.createElement('div');\n                            bearing = feature.properties.bearing;\n                                                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; color: #000;\";\n                                a.innerHTML = '<img src=\"' + trackNav + '\" width=\"8px\" height=\"8px\"\/>';\n                                                    } else if (feature.properties.messageType === 'CUST') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/custom-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/custom-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'OK') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/ok-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/ok-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'HELP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/help-54.png\" class=\"d-md-none\"\/><img width=\"12px\" height=\"12px\" src=\"\/img\/help-54.png\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKRES') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-resumed.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else if (feature.properties.messageType === 'TRKSTP') {\n                            a = document.createElement('div');\n                            a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; font-size: 6px; vertical-align: middle; color: \" + feature.properties.color +  \";\";\n                            a.innerHTML = '<img width=\"8px\" height=\"8px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-md-none\"\/><img width=\"16px\" height=\"16px\" src=\"\/img\/tracking-stopped.gif\" class=\"d-none d-md-inline\"\/>';\n                        } else {\n                            a = document.createElement('div');\n                            a.style = \"color: \" + feature.properties.color +  \"; background-color: #eee; padding: 2px; border: 1px solid #000; border-radius: 4px;\";\n                            a.innerHTML = feature.properties.icon;\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51258069, 'TRACK'); });\n\n                    var anchor = 'center';\n                    var m = new mapboxgl.Marker({ 'element': a, 'rotation': bearing, 'color': feature.properties.color, 'anchor': anchor })\n                        .setLngLat(feature.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(feature.geometry.coordinates);\n                    markers.push(m);\n                    if (hasPic) {\n                        picListMarkers['180'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + feature.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + feature.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'180\\'].getElement().click();\" \/><\/div>';\n                                            }\n                }\n                                                                af = {\"type\":\"Feature\",\"geometry\":{\"type\":\"Point\",\"coordinates\":[\"-87.90983\",\"30.66246\",36.7]},\"properties\":{\"tripId\":136835,\"messageId\":51260665,\"messageDateTime\":\"2026-05-09 19:27:17\",\"messageDateTimeUTC\":\"2026-05-09T23:27:17Z\",\"timezone\":\"America\\\/New_York\",\"messageType\":\"TRACK\",\"messageTypeDescription\":\"Tracking\",\"messageSource\":\"SWConnect\",\"mph\":\"4.9\",\"kph\":\"7.9\",\"knots\":\"4.3\",\"bearing\":161,\"nearest\":null,\"messageText\":\"4154:479:[24]:05-09 18:27:16 (0.027)\",\"smallPic\":null,\"largePic\":null,\"color\":\"#fff\",\"icon\":\"<i class=\\\"fa-sharp fa-solid fa-play\\\"><\\\/i>\",\"profileIcon\":\"fa-solid fa-arrow-alt-up fa-bounce\",\"borderColor\":\"#00d5ff\"}};\n                bearing = 0;\n                if (af.type === 'Feature' && af.geometry.type === 'Point') {\n                    el = document.createElement('div');\n                    \/\/el.className = \"sw-marker-last-active\";\n                    if (af.properties.messageType === 'OK') {\n                        el.style = \"color: #000; background-color: #0f0;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else if (af.properties.messageType === 'TRACK' || af.properties.messageType === 'TRACE') {\n                        el.style = \"color: #000; background-color: #ffa500;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else if (af.properties.messageType === 'CUST') {\n                        el.style = \"color: #000; background-color: #ff0;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else if (af.properties.messageType === 'HELP') {\n                        el.style = \"color: #000; background-color: #f00;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                        bearing = af.properties.bearing;\n                    } else {\n                        el.style = \"color: #000; background-color: #eee;padding: 2px; border: 2px solid \" + af.properties.borderColor + \"; border-radius: 4px;\";\n                        el.innerHTML = '<i class=\"' + af.properties.profileIcon + '\"><\/i>';\n                    }\n\n                    p = new mapboxgl.Popup({ offset: 3, maxWidth: 'none', closeButton: true });\n                    p.on('open', function(e) { displayPopup(e.target, 136835, 51260665, 'TRACK'); });\n\n                    m = new mapboxgl.Marker({ 'element': el, 'rotation': bearing })\n                        .setLngLat(af.geometry.coordinates)\n                        .setPopup(p)\n                        .addTo(map);\n                    bounds.extend(af.geometry.coordinates);\n                    markers.push(m);\n                    if (lastLocation == null) lastLocation = af.geometry.coordinates;\n                    if (af.properties.smallPic !== undefined && af.properties.smallPic !== null && af.properties.smallPic.length > 0 && af.properties.largePic !== undefined && af.properties.largePic !== null && af.properties.largePic.length > 0) {\n                        a = document.createElement('div');\n                        a.style = \"display: inline-block; padding: 0; margin: 0; text-align: center; vertical-align: middle; opacity: 0.8; color: \" + af.properties.color +  \";\";\n                        a.innerHTML = '<a target=\"_blank\" href=\"' + af.properties.largePic + '\"><img alt=\"\" class=\"img-fluid\" src=\"' + af.properties.smallPic + '\" style=\"max-width: 25px; height: auto;\" \/><\/a>';\n\n                        m = new mapboxgl.Marker({ 'element': a, 'anchor': 'bottom-left' })\n                            .setLngLat(af.geometry.coordinates)\n                            .addTo(map);\n                        markers.push(m);\n                        markersWithPics.push(m);\n                        picListMarkers['181'] = m;\n                        plHtml += '<div class=\"col-6\"><img class=\"img-fluid img-thumbnail rounded\" style=\"max-width: 100%; height: auto;\" slot=\"image\" src=\"' + af.properties.smallPic + '\" alt=\"A picture of something.\" onclick=\"map.setCenter([' + af.geometry.coordinates + ']);map.setZoom(20);$(\\'#trip-pics-modal\\').modal(\\'hide\\');picListMarkers[\\'181\\'].getElement().click();\" \/><\/div>';\n                                            }\n\n                }\n                                            \nif (plHtml.length > 0) {\n    picList.html('<div class=\"row\">' + plHtml + '<\/div>');\n} else {\n    picList.html('<i class=\"fa-regular fa-empty-set fa-2x\"><\/i><br\/>Sorry. This trip does not have any locations with pictures.');\n}\n\n    var nc = $('#message-counts');\n    var t = '<table class=\"table table-condensed table-bordered\"><thead><tr><th>Message Type<\/th><th>Available<\/th><th>On Map<\/th><\/tr><\/thead>';\n            t += '<tr><td>Ok<\/td><td>5<\/td><td>5<\/td><\/tr>';\n            t += '<tr><td>Tracking<\/td><td>1725<\/td><td>173<\/td><\/tr>';\n        t += '<\/table>';\n    nc.html(t);\n\n    if (! bounds.isEmpty()) map.fitBounds(bounds, { padding: 80 });\n\n$('#num-views').html('<i class=\"fa-solid fa-eye\"><\/i> 143');\n\n\n\n","nextSegment":-1}