Echtzeit Wettervorhersage für San Jose | Temperatur, Luftfeuchtigkeit (2024)

'+result_val+'

';// $('.forcast-aqi-no').html(html);*/// }) // }const getMaxValue=(sensorparam,chartvalueobj)=>{ let chartMaxval=0; switch (sensorparam) { case "feelslike_c": case "temp_c": chartMaxval=65; break; case "vis_km": chartMaxval=25; break; case "wind_kph": chartMaxval=30; break; case "pressure_in": chartMaxval=60; break; case "humidity": chartMaxval=100; break; default: chartMaxval=Math.max(...chartvalueobj); break; } return chartMaxval;}var myChart;var myChart1;var myChart2;var config;var config1;var config2;var config3;var sensorparam = '';var chartperiod = 1; url = "https://api.aqi.in/api/v1/getLocationHistoryWeek"; var headers = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':locationId, 'searchtype':'locationId', 'sendevid':sensorparam }; makeAjaxCall(url,headers,"GET", function(respJsondata){ var chartdata = respJsondata['Table']['Data'][0]; var colorarray = []; var chartvalueobj = chartdata['averageArray']; var chartdateobj = chartdata['timeArray']; var aqimaxValue = chartdata['maxValue']; var aqiminValue = chartdata['minValue']; var maxvalue = chartvalueobj.indexOf(aqimaxValue); var minvalue = chartvalueobj.indexOf(aqiminValue); maxvaluedate = chartdateobj[maxvalue]; minvaluedate = chartdateobj[minvalue]; var maxdate1 = maxvaluedate.split(' ')[0]; var maxtime1 = maxvaluedate.split(' ')[1]; var maxdate1 = new Date(maxdate1); var dd = String(maxdate1.getDate()).padStart(2, '0'); var mm = String(maxdate1.getMonth() + 1).padStart(2, '0'); //January is 0! var yyyy = maxdate1.getFullYear(); maxdate1 = mm + '/' + dd + '/' + yyyy; $(".maxdate").html(maxdate1); var getmaxdate1 = new Date(maxvaluedate); var hours = getmaxdate1.getHours(); var minutes = getmaxdate1.getMinutes(); var ampm = hours >= 12 ? 'PM' : 'AM'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' minutes = minutes < 10 ? '0'+minutes : minutes; var strTime = hours + ':' + minutes + ' ' + ampm; $(".maxtime").html(strTime); var mindate1 = minvaluedate.split(' ')[0]; var mintime1 = minvaluedate.split(' ')[1]; var mindate1 = new Date(mindate1); var dd = String(mindate1.getDate()).padStart(2, '0'); var mm = String(mindate1.getMonth() + 1).padStart(2, '0'); //January is 0! var yyyy = mindate1.getFullYear(); mindate1 = mm + '/' + dd + '/' + yyyy; $(".mindate").html(mindate1); var getmindate1 = new Date(minvaluedate); var hours = getmindate1.getHours(); var minutes = getmindate1.getMinutes(); var ampm = hours >= 12 ? 'PM' : 'AM'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' minutes = minutes < 10 ? '0'+minutes : minutes; var strTime1 = hours + ':' + minutes + ' ' + ampm; $(".mintime").html(strTime1); });SetChartData(locationId,'AQI-IN');function SetChartData(){ $("#bar").css("background-color","#efefef"); $("#bar").css("color","black"); $("#line").css("background-color","#289BD1"); $("#line").css("color","white"); sensorparam = $("#sensorparam option:selected" ).val(); console.log(sensorparam) chartperiod = $("#chartperiod option:selected" ).val(); if (myChart) { myChart.destroy(); } var timeformat; var unit; var url; if (chartperiod == 1) { timeformat = "hA"; unit = "hour"; url = "https://api.aqi.in/api/v1/getWeatherHistory24Hour"; } if (chartperiod == 2) { timeformat = "ll"; unit = "day"; url = "https://api.aqi.in/api/v1/getWeatherHistoryWeek"; } if (chartperiod == 3) { timeformat = "MMM D"; unit = "day"; url = "https://api.aqi.in/api/v1/getWeatherHistoryMonth"; } var headers = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':locationId, 'searchtype':'locationId', 'sendevid':sensorparam }; makeAjaxCall(url,headers,"GET", function(respJson){ var chartdata = respJson['Table']['Data'][0]; var colorarray = []; var chartvalueobj = chartdata['averageArray']; var chartdateobj = chartdata['timeArray']; var avgcolorVal = chartdata['avgValue']; var avgcolor = getcolor(avgcolorVal,sensorparam); var bestdata = Math.min.apply(Math,chartvalueobj); // 1 var worstdata = Math.max.apply(Math,chartvalueobj); // 3 var bestindex = chartvalueobj.indexOf(bestdata); var worstindex = chartvalueobj.indexOf(worstdata); var bformatedtime = moment(chartdateobj[bestindex]).format('LT'); var bformateddate = moment(chartdateobj[bestindex]).format('YYYY-MM-DD'); var wformatedtime = moment(chartdateobj[worstindex]).format('LT'); var wformateddate = moment(chartdateobj[worstindex]).format('YYYY-MM-DD'); var start_date = moment().startOf(chartdateobj).format('YYYY-MM-DD'); var end_date = moment().endOf(chartdateobj).format('YYYY-MM-DD'); let schemaFaq = ""; let measure = parseInt("")/25; if(chartperiod == 1){ $('.bdate').text(bformatedtime); $('.wdate').text(wformatedtime); $('.timeperiod').text('last 24 hours'); $('.bestDate').html(" "+bestdata+" "+bformatedtime+" ."); $('.worstDate').html(" "+worstdata+" "+wformatedtime+" ."); }else if (chartperiod == 2){ $('.bdate').text(bformateddate); $('.wdate').text(wformateddate); $('.timeperiod').text('last 7 days'); // $('.bestDate').html('The best air quality index was '+bestdata+' on '+bformateddate+'.'); // $('.worstDate').html('The worst air quality index was '+worstdata+' on '+wformateddate+'.'); } else { $('.timeperiod').text('last month'); // $('.bestDate').html('The best air quality index was '+bestdata+' in last month.'); // $('.worstDate').html('The worst air quality index was '+worstdata+' in last month.'); } $('.bvalue').text(bestdata); $('#btime').text(bformatedtime); $('.wvalue').text(worstdata); $('#wtime').text(wformatedtime); // $("head").append(schemaFaq); var ctx = document.getElementById("history_graph").getContext("2d"); var gradient = ctx.createLinearGradient(0, 0, 0, 400); gradient.addColorStop(0, avgcolor); gradient.addColorStop(1, 'white'); for(var i in chartvalueobj) { var valuecolor = getcolor(chartvalueobj[i],sensorparam); colorarray.push(valuecolor); } var unit_type = "1"; var str = respJson['Table']['sensorName']; var res = str.toUpperCase(); config = { type: 'line', data: { labels: chartdateobj, datasets: [{ //fillColor : gradient, label: $("#sensorparam option:selected" ).text(), data: chartvalueobj, fill: true, pointRadius:2, borderWidth: 2, borderColor: gradient, pointBorderColor: colorarray, pointBackgroundColor: colorarray, backgroundColor: gradient, pointHoverBackgroundColor: colorarray, pointHoverBorderColor: colorarray, }] }, options: { responsive: true, maintainAspectRatio: true, animation: { easing: 'easeInOutQuad', duration: 520 }, scales: { xAxes: [{ gridLines:{ display: false }, barThickness: 10, type: "time", time: { unit: unit, displayFormats: { quarter: timeformat } } }], yAxes: [{ gridLines: { display:true }, ticks: { max: getMaxValue(sensorparam,chartvalueobj), min:0, } }] }, legend: { display: false, labels: { fontColor: "red", //fontSize: 18 } }, point: { backgroundColor: 'white' }, //onClick: graphClickEvent, tooltips: { mode: "index", intersect: true, enabled: true, mode: "index", position: "average", } } }; config1 = { type: 'bar', data: { labels: chartdateobj, datasets: [{ //fillColor : gradient, label: $("#sensorparam option:selected" ).text(), data: chartvalueobj, fill: true, pointRadius:2, borderWidth: 2, borderColor: colorarray, pointBorderColor: colorarray, pointBackgroundColor: colorarray, backgroundColor: colorarray, pointHoverBackgroundColor: colorarray, pointHoverBorderColor: colorarray, }] }, options: { responsive: true, maintainAspectRatio: true, animation: { easing: 'easeInOutQuad', duration: 520 }, scales: { xAxes: [{ gridLines:{ display: false }, barThickness: 10, type: "time", time: { unit: unit, displayFormats: { quarter: timeformat } } }], yAxes: [{ gridLines: { display:true }, ticks: { //min: parseFloat(bestdata) - 10, min:0, } }] }, legend: { display: false, labels: { fontColor: "red", //fontSize: 18 } }, point: { backgroundColor: 'white' }, // onClick: graphClickEvent, tooltips: { mode: "index", intersect: true, enabled: true, mode: "index", position: "average", } } }; //config1 = config; var temp_line = jQuery.extend(true, {}, config); //var temp_bar = jQuery.extend(true, {}, config1); myChart = new Chart(ctx, temp_line); }); }/*end*/function makeAjaxCall(url, headers, methodType, callback){ $.ajax({ url : url, headers: headers, method : methodType, dataType : "json", cors: true , success : callback, error : function (reason, xhr){ console.log("error in processing your request", reason); } }); }function TrimLength(str, n){ return (str.length > n) ? str.substr(0, n-1) + '…' : str;};function GetSensorValue(airdata,sensorname){ var value; for(var i in airdata) { var obj = airdata[i]; if(obj['sensorName'] == sensorname) { value = obj['sensorData'] } } return value;}function GetImageTextColor(aqi){ var aqicolor; var aqimage; var aqitext; var cartoonimg; if(aqi>=0 && aqi<=50 ) { aqicolor = "#34a12b"; aqimage = baseurl+"assets/images/india_map_shape_4.png"; cartoonimg = baseurl+"assets/images/good-aqi-boy.png"; aqitext = 'GOOD'; } else if(aqi>50 && aqi<=100) { aqicolor = "#d4cc0f"; aqimage = baseurl+"assets/images/india_map_shape_3.png"; cartoonimg = baseurl+"assets/images/moderate-aqi-boy.png"; aqitext = 'MODERATE'; } else if(aqi>100 && aqi<=150) { aqicolor = "#FFA500"; aqimage = baseurl+"assets/images/india_map_shape_2.png"; cartoonimg = baseurl+"assets/images/poor-aqi-boy.png"; aqitext = 'POOR'; } else if(aqi>150 && aqi<=200) { aqicolor = "#FF69B4"; aqimage = baseurl+"assets/images/india_map_shape_5.png"; cartoonimg = baseurl+"assets/images/unhealthy-aqi-boy-image.png"; aqitext = 'UNHEALTHY'; } else if(aqi>200 && aqi<=300) { aqicolor = "#800080"; aqimage = baseurl+"assets/images/india_map_shape_1.png"; cartoonimg = baseurl+"assets/images/severe-aqi-boy.png"; aqitext = 'SEVERE'; }else { aqicolor = "#ec0000"; aqimage = baseurl+"assets/images/india_map_shape_6.png"; cartoonimg = baseurl+"assets/images/hazardous-aqi-boy.png"; aqitext = 'HAZARDOUS'; } var obj = {aqicolor:aqicolor,aqimage:aqimage,aqitext:aqitext,cartoonimg:cartoonimg}; return obj;}function Getgradiatcolorforchart(sensorName,minvalue){ var aqicolor; var gvalue; if(sensorName == "aqi") { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "rgba(52, 161, 43, 1.000)"; gvalue = 0.000; } else if(minvalue>50 && minvalue<=100) { aqicolor = "rgba(212, 204, 15, 1.000)"; gvalue =0.200; } else if(minvalue>100 && minvalue<=150) { aqicolor = "rgba(255, 165, 0, 1.000)"; gvalue = 0.400; } else if(minvalue>150 && minvalue<=200) { aqicolor = "rgba(255, 105, 180, 1.000)"; gvalue =0.600; } else if(minvalue>200 && minvalue<=300) { aqicolor = "rgba(128, 0, 128, 1.000)"; gvalue = 0.800; }else { aqicolor = "rgba(236, 0, 0, 1.000)"; gvalue = 1.000; } } if(sensorName == "AQI-IN") { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "rgba(52, 161, 43, 1.000)"; gvalue = 0.000; } else if(minvalue>50 && minvalue<=100) { aqicolor = "rgba(212, 204, 15, 1.000)"; gvalue =0.200; } else if(minvalue>100 && minvalue<=200) { aqicolor = "rgba(255, 165, 0, 1.000)"; gvalue = 0.400; } else if(minvalue>200 && minvalue<=300) { aqicolor = "rgba(255, 105, 180, 1.000)"; gvalue =0.600; } else if(minvalue>300 && minvalue<=400) { aqicolor = "rgba(128, 0, 128, 1.000)"; gvalue = 0.800; }else { aqicolor = "rgba(236, 0, 0, 1.000)"; gvalue = 1.000; } } if(sensorName == "pm25") { if (minvalue>0 && minvalue<=30) { aqicolor = "#34a12b"; }else if(minvalue>=31 && minvalue<=60){ aqicolor = "#d4cc0f"; }else if(minvalue>=61 && minvalue<=90){ aqicolor = "#FFA500"; }else if(minvalue>=91 && minvalue<=120){ aqicolor = "#FF69B4"; }else if(minvalue>=121 && minvalue<=250){ aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } if(sensorName == "pm10") { if (minvalue>0 && minvalue<=50) { aqicolor = "#34a12b"; }else if(minvalue>=51 && minvalue<=100){ aqicolor = "#d4cc0f"; }else if(minvalue>=101 && minvalue<=250){ aqicolor = "#FFA500"; }else if(minvalue>=251 && minvalue<=350){ aqicolor = "#FF69B4"; }else if(minvalue>=351 && minvalue<=430){ aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } if(sensorName == "h") { if (minvalue>=0 && minvalue<20) { aqicolor = "#FFFF00"; }else if(minvalue>=21 && minvalue<=39){ aqicolor = "#9ACD32"; }else if(minvalue>40 && minvalue<=55){ aqicolor = "#34a12b"; }else if(minvalue>55 && minvalue<=65){ aqicolor = "#ADD8E6"; }else if(minvalue>65 && minvalue<=75){ aqicolor = "#0000FF"; }else { aqicolor = "#003366"; } } if(sensorName == "t") { if (minvalue < 0) { aqicolor = "#003366"; }else if(minvalue> 0 && minvalue<=8){ aqicolor = "#0000FF"; }else if(minvalue>8 && minvalue<=15){ aqicolor = "#ADD8E6"; }else if(minvalue>15 && minvalue<=20){ aqicolor = "#0d98ba"; }else if(minvalue>20 && minvalue<=30){ aqicolor = "#34a12b"; }else if(minvalue>30 && minvalue<=35){ aqicolor = "#FFA500"; }else if(minvalue>35 && minvalue<=40){ aqicolor = "#FFC0CB"; }else if(minvalue>40 && minvalue<=45){ aqicolor = "#ec0000"; }else { aqicolor = "#c11e2f"; } } if(sensorName == "w") { aqicolor = "#1450b3"; } var obj = {aqicolor:aqicolor,gvalue:gvalue}; return obj; }function GetColorBySensorNameAndValue(sensorName,minvalue){ var aqicolor; if(sensorName == "aqi") { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "#669D34"; } else if(minvalue>50 && minvalue<=100) { aqicolor = "#F5EC00"; } else if(minvalue>100 && minvalue<=150) { aqicolor = "#FFAB01"; } else if(minvalue>150 && minvalue<=200) { aqicolor = "#EE719E"; } else if(minvalue>200 && minvalue<=300) { aqicolor = "#D357FE"; } else { aqicolor = "#E22400"; } } if(sensorName == "AQI-IN" ) { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "#669D34"; } else if(minvalue>50 && minvalue<=100) { aqicolor = "#F5EC00"; } else if(minvalue>100 && minvalue<=200) { aqicolor = "#FFAB01"; } else if(minvalue>200 && minvalue<=300) { aqicolor = "#EE719E"; } else if(minvalue>300 && minvalue<=400) { aqicolor = "#D357FE"; } else { aqicolor = "#E22400"; } } if(sensorName == "pm25") { if (minvalue>0 && minvalue<=30) { aqicolor = "#34a12b"; }else if(minvalue>=31 && minvalue<=60){ aqicolor = "#d4cc0f"; }else if(minvalue>=61 && minvalue<=90){ aqicolor = "#FFA500"; }else if(minvalue>=91 && minvalue<=120){ aqicolor = "#FF69B4"; }else if(minvalue>=121 && minvalue<=250){ aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } if(sensorName == "pm10") { if (minvalue>0 && minvalue<=50) { aqicolor = "#34a12b"; }else if(minvalue>=51 && minvalue<=100){ aqicolor = "#d4cc0f"; }else if(minvalue>=101 && minvalue<=250){ aqicolor = "#FFA500"; }else if(minvalue>=251 && minvalue<=350){ aqicolor = "#FF69B4"; }else if(minvalue>=351 && minvalue<=430){ aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } if(sensorName == "h") { if (minvalue>=0 && minvalue<20) { aqicolor = "#FFFF00"; }else if(minvalue>=21 && minvalue<=39){ aqicolor = "#9ACD32"; }else if(minvalue>40 && minvalue<=55){ aqicolor = "#34a12b"; }else if(minvalue>55 && minvalue<=65){ aqicolor = "#ADD8E6"; }else if(minvalue>65 && minvalue<=75){ aqicolor = "#0000FF"; }else { aqicolor = "#003366"; } } if(sensorName == "t") { if (minvalue < 0) { aqicolor = "#003366"; }else if(minvalue> 0 && minvalue<=8){ aqicolor = "#0000FF"; }else if(minvalue>8 && minvalue<=15){ aqicolor = "#ADD8E6"; }else if(minvalue>15 && minvalue<=20){ aqicolor = "#0d98ba"; }else if(minvalue>20 && minvalue<=30){ aqicolor = "#34a12b"; }else if(minvalue>30 && minvalue<=35){ aqicolor = "#FFA500"; }else if(minvalue>35 && minvalue<=40){ aqicolor = "#FFC0CB"; }else if(minvalue>40 && minvalue<=45){ aqicolor = "#ec0000"; }else { aqicolor = "#c11e2f"; } } if(sensorName == "w") { aqicolor = "#1450b3"; } if(sensorName == "dew") { aqicolor = "#1450b3"; } if(sensorName == "p") { aqicolor = "#1450b3"; } if(sensorName == "r") { aqicolor = "#1450b3"; } if(sensorName == "co") { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "#34a12b"; } else if(minvalue>50 && minvalue<=100) { aqicolor = "#d4cc0f"; } else if(minvalue>100 && minvalue<=200) { aqicolor = "#FFA500"; } else if(minvalue>200 && minvalue<=300) { aqicolor = "#FF69B4"; } else if(minvalue>300 && minvalue<=400) { aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } if(sensorName == "no2") { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "#34a12b"; } else if(minvalue>50 && minvalue<=100) { aqicolor = "#d4cc0f"; } else if(minvalue>100 && minvalue<=200) { aqicolor = "#FFA500"; } else if(minvalue>200 && minvalue<=300) { aqicolor = "#FF69B4"; } else if(minvalue>300 && minvalue<=400) { aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } if(sensorName == "so2") { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "#34a12b"; } else if(minvalue>50 && minvalue<=100) { aqicolor = "#d4cc0f"; } else if(minvalue>100 && minvalue<=200) { aqicolor = "#FFA500"; } else if(minvalue>200 && minvalue<=300) { aqicolor = "#FF69B4"; } else if(minvalue>300 && minvalue<=400) { aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } if(sensorName == "o3") { if(minvalue>=0 && minvalue<=50 ) { aqicolor = "#34a12b"; } else if(minvalue>50 && minvalue<=100) { aqicolor = "#d4cc0f"; } else if(minvalue>100 && minvalue<=200) { aqicolor = "#FFA500"; } else if(minvalue>200 && minvalue<=300) { aqicolor = "#FF69B4"; } else if(minvalue>300 && minvalue<=400) { aqicolor = "#800080"; }else { aqicolor = "#ec0000"; } } return aqicolor; } /*end */ // ==================================== SQUAIR Monitor Js Start ==================================== $('.squair_monitor_slider1').owlCarousel({ loop:false, items:1, margin:0, nav: true, dots: false, //navContainer: '#top_pick_articles_id .def_title .custom-nav', navText: [ '', '' ], responsive:{ 0:{ margin:50 }, 576:{ margin:50 }, 768:{ margin:50 }, 992:{ margin:45 }, 1200:{ margin:0 }, 1500:{ margin:0 } } }) // ==================================== SQUAIR Monitor Js End ==================================== // ==================================== Top Pick Articles Js Start ==================================== $('.top_articles_slider').owlCarousel({ loop:false, items:5, margin:25, nav: false, dots: false, navContainer: '#ghaziabad_poluted_articles_id .def_title .custom-nav', navText: [ '', '' ], responsive:{ 0:{ items:1 }, 576:{ items:2 }, 768:{ items:3 }, 992:{ items:3 }, 1200:{ items:3 }, 1500:{ items:4 } } }) // ==================================== Top Pick Articles Js End ====================================function setDataMap(alllocations){ //var map = L.map("map"); map = L.map( 'map', { center: [latitude, longitude], scrollWheelZoom : false, minZoom:4, zoom: 11 }); var baseLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', { subdomains: 'abcd', maxZoom: 19 }).addTo(map); var circlemarkers = new L.circleMarker(); group = L.featureGroup(); myRenderer = L.canvas({ padding: 0.5}); for(var i in alllocations['Locations']) { var obj = alllocations['Locations'][i]; console.log("OBJEVTCTDVEYDVEHBDEHWDBJWBKJWEBFKJEW",obj) if(i == 0){ var ar1 = alllocations['Locations'][i]['locationName']; var area1 = ar1.toLowerCase(); var areaname1 = area1.replace(/\s/g, '-'); // areaname1 = areaname1.replace('/', '+'); var areaurl1 = areaname1; var airdata = obj['airComponents']; var countryNameAqi = "Costa Rica"; if(countryNameAqi!="India"){ }else{ $(".add_popup").show();} if(getCookie("aqiType") === "AQI-IN"){ var aqivaluemini = GetSensorValue(airdata,'AQI-IN'); var imagetextcolordatamini = GetColorBySensorNameAndValue('AQI-IN',aqivaluemini); }else{ var aqivaluemini = GetSensorValue(airdata,'aqi'); var imagetextcolordatamini = GetColorBySensorNameAndValue('aqi',aqivaluemini); } var aqicolor = imagetextcolordatamini; var infowindow1 = '

'; var infowindow = ''; const shapes = ['square']; const colors = [aqicolor]; const space = 0.005; const lat = obj['lat']; const lng = obj['lon']; const lats = shapes.slice().map((shape,i) => lat); const lngs = colors.slice().map((x,i) => lng); const rows = lats.map((y) => lngs.map(x => [y, x])); // Define test cases const tests = [{ icon: `fa-number aqi_toggle-${i}`, number: aqivaluemini, svg: true, }]; rows.forEach((row, shapeIdx) => { row.forEach((col, colorIdx) => { L.marker(col, { locdata : obj, icon: L.ExtraMarkers.icon( Object.assign( {}, tests[(shapeIdx * row.length + colorIdx) % tests.length], {shape: shapes[shapeIdx], markerColor: colors[colorIdx]}, ) ) }).bindPopup(infowindow,{ direction: 'top', permanent: true, opacity: 1 }).addTo(group); }) }); } } map.addLayer(group); }function GetImageTextColorjs(aqi,time){ var aqicolor; var aqimage; var aqitext; var bgaqimage; var cartoonimg; var aqibgcolor; var obj; if(time > "00:00:00" && time <= "05:00:00"){//night if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n1.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n2.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n3.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n4.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n5.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n6.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } if(time > "05:00:00" && time <= "10:00:00"){//morning if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-m1.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/good-aqi-boy.png"; aqibgcolor = "#bef2a0"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-m2.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#f5efb9"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-m3.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/poor-aqi-boy.png"; aqibgcolor = "#ecc9b8"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-m4.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fccefa"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-m5.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/severe-aqi-boy.png"; aqibgcolor = "#ecb9f7"; }else { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-m6.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#f5a3a7"; } } if(time > "10:00:00" && time <= "16:00:00"){//afternoon if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-a1.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-a2.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-a3.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-a4.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-a5.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-a6.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } if(time > "16:00:00" && time <= "20:00:00"){//evening if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-e1.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-e2.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-e3.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-e4.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fccefa"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-e5.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-e6.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } if(time > "20:00:00" && time <= "23:59:00"){//night if(aqi>=0 && aqi<=50 ) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n1.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/good-aqi-boy.png"; aqibgcolor = "#c0f2e3"; } else if(aqi>50 && aqi<=100) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n2.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/moderate-aqi-boy.png"; aqibgcolor = "#feff7f"; } else if(aqi>100 && aqi<=150) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n3.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/poor-aqi-boy.png"; aqibgcolor = "#fde9d7"; } else if(aqi>150 && aqi<=200) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n4.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/unhealthy-aqi-boy-image.png"; aqibgcolor = "#fdc9e6"; } else if(aqi>200 && aqi<=300) { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n5.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/severe-aqi-boy.png"; aqibgcolor = "#f3ddf5"; }else { bgaqimage = "https://www.aqi.in/weather/assets/images/bg-mobile-img-n6.png"; cartoonimg = "https://www.aqi.in/weather/assets/images/hazardous-aqi-boy.png"; aqibgcolor = "#ffe1e6"; } } obj = {"bgaqimage":bgaqimage,"cartoonimg":cartoonimg,"aqibgcolor":aqibgcolor}; return obj;}$(".temp_c").click(function(){ var temp_c = $(".card-cloudy-text-temp_c").text(); temp_c = Math.round(temp_c); $(".card-cloudy-text-temp").html(temp_c); /*if($(".temp_f").css("color","#46C4FF"); === true){ $(".temp_f").css("color","#333333"); }*/ $(".temp_f").css("color","#333333"); $(".temp_c").css("color","#46C4FF");}); $(".temp_f").click(function(){ var temp_f = $(".card-cloudy-text-temp_f").text(); temp_f = Math.round(temp_f); $(".card-cloudy-text-temp").html(temp_f); $(".temp_c").css("color","#333333"); $(".temp_f").css("color","#46C4FF");}); // console.log(pollitantcities); var weither_html=''; var polluted_html=''; var polluted_html1=''; var polluted_html2=''; var comp_html ='';var locationName = "San Jose";var aqi_per = "0";var aqi= "";var aqicoldivor = "#34a12b";var location_city_textdata = "#34a12b";var aqi_px = "0";var country_Aqi1 = "Costa Rica";var coun_aqi = "25";var location_city_per = "";var location_city_value_px = "";var location_city_name_text = "San Jose";var country_aqi_per = "2.5025025025025";var coun_aqi_textdata = "#34a12b";var coun_aqi_px = "1";var location_city_name_text = "San Jose";var location_city_value = ""; var countryNameAqi = "";/*setTimeout(function(){ Comparitive_data(); },1000);*/const part10 = "";const part25 = "";console.log("PM VALUES",part10,part25)const intpm10 = parseInt(part10);const intpm25 = parseInt(part25);console.log("pm",intpm10,intpm25) if(intpm10 > intpm25) { $(".mobile_card_bg1_pm").text(intpm10) $(".mobile_card_bg1_pm_text").text("pm10") } else if (intpm10 < intpm25) { $(".mobile_card_bg1_pm").text(intpm25) $(".mobile_card_bg1_pm_text").text("pm2.5") } else if (!intpm10) { $(".mobile_card_bg1_pm").text(intpm25) $(".mobile_card_bg1_pm_text").text("pm2.5") } else if(!intpm25) { $(".mobile_card_bg1_pm").text(intpm10) $(".mobile_card_bg1_pm_text").text("pm10") } else { $(".mobile_card_bg1_pm").text(intpm10) $(".mobile_card_bg1_pm_text").text("pm10") }function Comparitive_data(){ comp_html +='