OFF THE GRID: United States and Orange County, Texas Power Outage Tracker (2024)

'; return popupContent; } mapboxgl.accessToken = 'pk.eyJ1IjoieXB5dW4iLCJhIjoiY2oxcW4ybWhxMDBkMjJxcGVhbDV5cnpzYyJ9.oFQSnOc57xCR7A51OR6-3w'; var map = new mapboxgl.Map({container: 'map', style: 'mapbox://styles/ypyun/ck0flqufl2k1x1cpmupm5sl2y', center: [-86.1584, 39.7683], zoom: 5, attributionControl: false, }); map.addControl(new mapboxgl.AttributionControl({ compact: true })); var mapcr = [ "step", ["get", "c"], '#ffffff',1,'#f1d2ca',2,'#edc7bd',3,'#e9bcb0',4,'#e5b1a4',5,'#e0a697',6,'#db9b8b',7,'#d6907f',8,'#d18573',9,'#cb7a67',10,'#c56f5c',15,'#bf6451',20,'#b95945',25,'#b24e3a',30,'#ac4330',35,'#a53725',40,'#9e2a1a',45,'#961b0f',50,'#8f0303',55,'#820408',60,'#75060b',65,'#68080d',70,'#5b0a0e',75,'#4e0c0e',80,'#410c0e',85,'#340c0c',90,'#280b09',95,'#1d0605',]; map.on('load', function () { var layers = map.getStyle().layers; var firstSymbolId; for (var i = 0; i < layers.length; i++) { if (layers[i].type === 'symbol') { firstSymbolId = layers[i].id; break; } } d3.json('', function(err, data) { map.addLayer({ "id": "StormPowerOutages", "type": "fill", "source": { "type": "geojson", "data":PowerOutagesJSON }, "paint": {'fill-color':mapcr, 'fill-opacity':0.8, 'fill-outline-color': '#CCC', }}, firstSymbolId); map.on('click', 'StormPowerOutages', function (e) {new mapboxgl.Popup({ offset: 14 }).setLngLat(e.lngLat).setHTML(onGonFeature(e.features[0])).addTo(map);}); map.on('mouseenter', 'StormPowerOutages', function () {map.getCanvas().style.cursor = 'pointer'; }); map.on('mouseleave', 'StormPowerOutages', function () {map.getCanvas().style.cursor = '';}); filterBy(72.0); document.getElementById('slider').addEventListener('input', function(e) { var time = parseInt(e.target.value, 10); filterBy(time); }); }); }); var bounds = new mapboxgl.LngLatBounds(); // var BounceLine = US48361; BounceLine.forEach(function(Tpolygon) { Tpolygon.forEach(function(Tline){ Tline.forEach(function(Tpoint){bounds.extend(Tpoint); }) }) }); map.fitBounds(bounds, { padding: 110 });