![](\"\/img\/custom-54.png\")
';\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\/ok-54.png\")
';\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\/help-54.png\")
';\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\/tracking-resumed.gif\"){kind=tracking}
';\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\/tracking-stopped.gif\"){kind=tracking}
';\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, 138252, 51088320, '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['1'] = m;\n plHtml += '![](\"\/img\/track-54.png\")
';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51090252, '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['2'] = m;\n plHtml += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51092188, '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['3'] = m;\n plHtml += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51094135, '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['4'] = m;\n plHtml += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51096254, '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['5'] = m;\n plHtml += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51098244, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51100086, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51102120, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51104326, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51107699, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51110384, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51112621, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51114255, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51115943, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51118855, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51121747, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51125464, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51126925, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51129197, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51133067, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51135300, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51137992, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51140133, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51141348, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51143078, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51145484, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51171623, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51172836, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51174142, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51176517, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51178545, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51181686, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51184639, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51186120, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51187047, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51188397, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51191137, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51194542, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51196473, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51197818, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51199212, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51200445, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51203761, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51205997, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51208799, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51210765, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51211938, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51213349, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51215780, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51219982, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51223942, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51225441, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51226916, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51228472, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51230679, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51233074, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51235383, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51237122, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51238396, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51239851, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51241824, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51245774, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51249594, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51251145, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51253416, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51255017, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51259224, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51262201, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51263760, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51264971, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51266038, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51267032, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51268598, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51271604, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51275794, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51278223, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51280415, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51281704, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51284213, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51285234, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51287273, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51288956, '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 += '';\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 = '';\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 = '';\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 = '';\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 = '';\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 = '';\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, 138252, 51290130, '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 += '