EF0 Tornado เมื่อวันที่ 28 สิงหาคม 2018 15:08 PM CDT (2024)

-return popupcontent;} ฟังก์ชั่น onDeadLiestFeature (คุณสมบัติ) {var popupcontent = '

'+feature.properties.tor_scale+': '+feature.properties.bdt+'

-popupcontent += '

Direct Death: '+feature.properties.ded+'

-popupcontent += '

-return popupcontent;} ฟังก์ชั่น onstategeneralfeature (คุณสมบัติ) {var popupcontent = '

'; return popupContent;}mapboxgl.accessToken = 'pk.eyJ1IjoieXB5dW4iLCJhIjoiY2oxcW4ybWhxMDBkMjJxcGVhbDV5cnpzYyJ9.oFQSnOc57xCR7A51OR6-3w'; //ck0flqufl2k1x1cpmupm5sl2yvar map = new mapboxgl.Map({container: 'storm_archive_map', style: 'mapbox://styles/ypyun/cj83a8ga5abkq2sqpivw3nrzg', center: [-88.55,43.64], zoom: 15, attributionControl: false, }); map.addControl(new mapboxgl.AttributionControl({ compact: true, })); //var csloc = {"type":"FeatureCollection", "features":[{"type":"Feature","ct":"pnt","properties":{"name":"Topeka, KS", "pmk":"NTCJ", "GEO_ID":"20177","TIME":"","knt":"", "icon":"/static//markers/original/tourism/citysquare.png", "bgc":""},"description":{"stormtype":""},"geometry":{"type":"Point","coordinates":[-95.6364,39.0426]} } ]};//csloc.features.forEach(function(marker) { var el = document.createElement('div'); el.className = 'csIcon'; new mapboxgl.Marker(el).setLngLat(marker.geometry.coordinates).setPopup(new mapboxgl.Popup({ offset: 14 })).addTo(map); });var TSTATE_U = {"type":"FeatureCollection", "features":[ {"type":"Feature","properties":{"GEO_ID":"01","NAME":"Alabama","slug":"alabama"},"geometry":{"type":"MultiPolygon","coordinates":USS01 }}, {"type":"Feature","properties":{"GEO_ID":"02","NAME":"Alaska","slug":"alaska"},"geometry":{"type":"MultiPolygon","coordinates":USS02 }}, {"type":"Feature","properties":{"GEO_ID":"04","NAME":"Arizona","slug":"arizona"},"geometry":{"type":"MultiPolygon","coordinates":USS04 }}, {"type":"Feature","properties":{"GEO_ID":"05","NAME":"Arkansas","slug":"arkansas"},"geometry":{"type":"MultiPolygon","coordinates":USS05 }}, {"type":"Feature","properties":{"GEO_ID":"06","NAME":"California","slug":"california"},"geometry":{"type":"MultiPolygon","coordinates":USS06 }}, {"type":"Feature","properties":{"GEO_ID":"08","NAME":"Colorado","slug":"colorado"},"geometry":{"type":"MultiPolygon","coordinates":USS08 }}, {"type":"Feature","properties":{"GEO_ID":"09","NAME":"Connecticut","slug":"connecticut"},"geometry":{"type":"MultiPolygon","coordinates":USS09 }}, {"type":"Feature","properties":{"GEO_ID":"10","NAME":"Delaware","slug":"delaware"},"geometry":{"type":"MultiPolygon","coordinates":USS10 }}, {"type":"Feature","properties":{"GEO_ID":"11","NAME":"District of Columbia","slug":"district-of-columbia"},"geometry":{"type":"MultiPolygon","coordinates":USS11 }}, {"type":"Feature","properties":{"GEO_ID":"11","NAME":"District Of Columbia","slug":"district-of-columbia"},"geometry":{"type":"MultiPolygon","coordinates":USS11 }}, {"type":"Feature","properties":{"GEO_ID":"12","NAME":"Florida","slug":"florida"},"geometry":{"type":"MultiPolygon","coordinates":USS12 }}, {"type":"Feature","properties":{"GEO_ID":"13","NAME":"Georgia","slug":"georgia"},"geometry":{"type":"MultiPolygon","coordinates":USS13 }}, {"type":"Feature","properties":{"GEO_ID":"15","NAME":"Hawaii","slug":"hawaii"},"geometry":{"type":"MultiPolygon","coordinates":USS15 }}, {"type":"Feature","properties":{"GEO_ID":"16","NAME":"Idaho","slug":"idaho"},"geometry":{"type":"MultiPolygon","coordinates":USS16 }}, {"type":"Feature","properties":{"GEO_ID":"17","NAME":"Illinois","slug":"illinois"},"geometry":{"type":"MultiPolygon","coordinates":USS17 }}, {"type":"Feature","properties":{"GEO_ID":"18","NAME":"Indiana","slug":"indiana"},"geometry":{"type":"MultiPolygon","coordinates":USS18 }}, {"type":"Feature","properties":{"GEO_ID":"19","NAME":"Iowa","slug":"iowa"},"geometry":{"type":"MultiPolygon","coordinates":USS19 }}, {"type":"Feature","properties":{"GEO_ID":"20","NAME":"Kansas","slug":"kansas"},"geometry":{"type":"MultiPolygon","coordinates":USS20 }}, {"type":"Feature","properties":{"GEO_ID":"21","NAME":"Kentucky","slug":"kentucky"},"geometry":{"type":"MultiPolygon","coordinates":USS21 }}, {"type":"Feature","properties":{"GEO_ID":"22","NAME":"Louisiana","slug":"louisiana"},"geometry":{"type":"MultiPolygon","coordinates":USS22 }}, {"type":"Feature","properties":{"GEO_ID":"23","NAME":"Maine","slug":"maine"},"geometry":{"type":"MultiPolygon","coordinates":USS23 }}, {"type":"Feature","properties":{"GEO_ID":"24","NAME":"Maryland","slug":"maryland"},"geometry":{"type":"MultiPolygon","coordinates":USS24 }}, {"type":"Feature","properties":{"GEO_ID":"25","NAME":"Massachusetts","slug":"massachusetts"},"geometry":{"type":"MultiPolygon","coordinates":USS25 }}, {"type":"Feature","properties":{"GEO_ID":"26","NAME":"Michigan","slug":"michigan"},"geometry":{"type":"MultiPolygon","coordinates":USS26 }}, {"type":"Feature","properties":{"GEO_ID":"27","NAME":"Minnesota","slug":"minnesota"},"geometry":{"type":"MultiPolygon","coordinates":USS27 }}, {"type":"Feature","properties":{"GEO_ID":"28","NAME":"Mississippi","slug":"mississippi"},"geometry":{"type":"MultiPolygon","coordinates":USS28 }}, {"type":"Feature","properties":{"GEO_ID":"29","NAME":"Missouri","slug":"missouri"},"geometry":{"type":"MultiPolygon","coordinates":USS29 }}, {"type":"Feature","properties":{"GEO_ID":"30","NAME":"Montana","slug":"montana"},"geometry":{"type":"MultiPolygon","coordinates":USS30 }}, {"type":"Feature","properties":{"GEO_ID":"31","NAME":"Nebraska","slug":"nebraska"},"geometry":{"type":"MultiPolygon","coordinates":USS31 }}, {"type":"Feature","properties":{"GEO_ID":"32","NAME":"Nevada","slug":"nevada"},"geometry":{"type":"MultiPolygon","coordinates":USS32 }}, {"type":"Feature","properties":{"GEO_ID":"33","NAME":"New Hampshire","slug":"new-hampshire"},"geometry":{"type":"MultiPolygon","coordinates":USS33 }}, {"type":"Feature","properties":{"GEO_ID":"34","NAME":"New Jersey","slug":"new-jersey"},"geometry":{"type":"MultiPolygon","coordinates":USS34 }}, {"type":"Feature","properties":{"GEO_ID":"35","NAME":"New Mexico","slug":"new-mexico"},"geometry":{"type":"MultiPolygon","coordinates":USS35 }}, {"type":"Feature","properties":{"GEO_ID":"36","NAME":"New York","slug":"new-york"},"geometry":{"type":"MultiPolygon","coordinates":USS36 }}, {"type":"Feature","properties":{"GEO_ID":"37","NAME":"North Carolina","slug":"north-carolina"},"geometry":{"type":"MultiPolygon","coordinates":USS37 }}, {"type":"Feature","properties":{"GEO_ID":"38","NAME":"North Dakota","slug":"north-dakota"},"geometry":{"type":"MultiPolygon","coordinates":USS38 }}, {"type":"Feature","properties":{"GEO_ID":"39","NAME":"Ohio","slug":"ohio"},"geometry":{"type":"MultiPolygon","coordinates":USS39 }}, {"type":"Feature","properties":{"GEO_ID":"40","NAME":"Oklahoma","slug":"oklahoma"},"geometry":{"type":"MultiPolygon","coordinates":USS40 }}, {"type":"Feature","properties":{"GEO_ID":"41","NAME":"Oregon","slug":"oregon"},"geometry":{"type":"MultiPolygon","coordinates":USS41 }}, {"type":"Feature","properties":{"GEO_ID":"42","NAME":"Pennsylvania","slug":"pennsylvania"},"geometry":{"type":"MultiPolygon","coordinates":USS42 }}, {"type":"Feature","properties":{"GEO_ID":"44","NAME":"Rhode Island","slug":"rhode-island"},"geometry":{"type":"MultiPolygon","coordinates":USS44 }}, {"type":"Feature","properties":{"GEO_ID":"45","NAME":"South Carolina","slug":"south-carolina"},"geometry":{"type":"MultiPolygon","coordinates":USS45 }}, {"type":"Feature","properties":{"GEO_ID":"46","NAME":"South Dakota","slug":"south-dakota"},"geometry":{"type":"MultiPolygon","coordinates":USS46 }}, {"type":"Feature","properties":{"GEO_ID":"47","NAME":"Tennessee","slug":"tennessee"},"geometry":{"type":"MultiPolygon","coordinates":USS47 }}, {"type":"Feature","properties":{"GEO_ID":"48","NAME":"Texas","slug":"texas"},"geometry":{"type":"MultiPolygon","coordinates":USS48 }}, {"type":"Feature","properties":{"GEO_ID":"49","NAME":"Utah","slug":"utah"},"geometry":{"type":"MultiPolygon","coordinates":USS49 }}, {"type":"Feature","properties":{"GEO_ID":"50","NAME":"Vermont","slug":"vermont"},"geometry":{"type":"MultiPolygon","coordinates":USS50 }}, {"type":"Feature","properties":{"GEO_ID":"51","NAME":"Virginia","slug":"virginia"},"geometry":{"type":"MultiPolygon","coordinates":USS51 }}, {"type":"Feature","properties":{"GEO_ID":"53","NAME":"Washington","slug":"washington"},"geometry":{"type":"MultiPolygon","coordinates":USS53 }}, {"type":"Feature","properties":{"GEO_ID":"54","NAME":"West Virginia","slug":"west-virginia"},"geometry":{"type":"MultiPolygon","coordinates":USS54 }}, {"type":"Feature","properties":{"GEO_ID":"56","NAME":"Wyoming","slug":"wyoming"},"geometry":{"type":"MultiPolygon","coordinates":USS56 }}, ]};var mapvar = 'tsv';//var mapcc = [ "step", ["get", mapvar], "#FFFFFF",-0.1,"#8ab5ac", 0.9, "#afbf37", 1.9, "#e6e631", 2.9, "#b87023", 3.9, "#d91d0f", 4.9, "#B41B10" ];var maprs = [ "step", ["get", mapvar], 4,0,4, 1, 5, 2, 6, 3, 7, 4, 8, 5, 9 ];var mapcc = [ "step", ["get", mapvar], "#FFFFFF",0,"#18C0B6", 1, "#37C018", 2, "#C0B618", 3, "#C07118", 4, "#C01818", 5, "#C01880" ];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; } } map.addLayer({ "id": "states", "type": "fill", "source": { "type": "geojson", "data":TSTATE_U }, "paint": {'fill-color':'#FFF', 'fill-opacity':0.5, 'fill-outline-color': '#666666', }, "filter": ["==", "$type", "Polygon"]},firstSymbolId); map.on('click', 'states', function (e) {new mapboxgl.Popup({ offset: 2 }).setLngLat(e.lngLat).setHTML(onStateGeneralFeature(e.features[0])).addTo(map);}); map.addLayer({ "id": "tor_cir", "type": "circle", "source": { "type": "geojson", "data":TornadoState }, "filter":["all",["==","$type","Point"]], "paint": {'circle-color':mapcc, 'circle-radius': maprs, 'circle-opacity':0.9, 'circle-stroke-width':1.0, 'circle-stroke-color':"#333" }},firstSymbolId); map.on('click', 'tor_cir', function (e) {new mapboxgl.Popup({ offset: 2 }).setLngLat(e.lngLat).setHTML(onTornadoFeature(e.features[0])).addTo(map);}); map.addLayer({ "id": "tor_line", "type": "line", "source": { "type": "geojson", "data":TornadoState }, "filter":["all",["==","$type","LineString"]], "paint": {'line-color':'#666', 'line-opacity':0.9, 'line-width': 1.2 }},firstSymbolId); for (lname of ['tor_cir','states']) { map.on('mouseenter', lname, function () {map.getCanvas().style.cursor = 'pointer'; }); map.on('mouseleave', lname, function () {map.getCanvas().style.cursor = '';}); }});map.addControl(new mapboxgl.NavigationControl(), 'top-left');