এয়ার কোয়ালিটি API ব্যবহার করে জায়গাগুলির জন্য বায়ুর গুণমান সচেতনতা

এই নথিতে, আপনি সমৃদ্ধ স্থান অনুসন্ধান অভিজ্ঞতা তৈরি করতে কিভাবে এয়ার কোয়ালিটি API ব্যবহার করবেন তা দেখবেন। আমরা দেখাব কিভাবে বাতাসের গুণমান ব্যবহারকারীদের জন্য প্রথম থেকে ফানেলের শেষ পর্যন্ত মূল্যের একটি সংকেত হতে পারে এবং কীভাবে এয়ার কোয়ালিটি API ডেটা বিদ্যমান অভিজ্ঞতার মধ্যে এম্বেড করা যেতে পারে।

কেস এবং যোগ মান ব্যবহার করুন

এয়ার কোয়ালিটি এপিআই সিগন্যাল বিভিন্ন অনুসন্ধানের অভিজ্ঞতায় ফিট করতে পারে যেমন ব্যবহারকারীরা যখন দেখার জন্য একটি অবস্থান খুঁজছেন। এয়ার কোয়ালিটি API অফার করে:

  • রিয়েল টাইম * এবং ঐতিহাসিক ডেটা - তাজা, নির্ভুল ডেটা যা বর্তমান অবস্থার পাশাপাশি একটি 30 দিনের উইন্ডোর মধ্যে একটি ঘন্টায় রেজোলিউশনের মধ্যে ব্যাক ইন টাইম ডেটা উপস্থাপন করে। (* বাইরের বাতাসের গুণমানের প্রতি ঘণ্টায় স্ন্যাপশট)
  • বৈশ্বিক এবং স্থানীয় ডেটা - 100+ দেশের সম্পূর্ণ এলাকাগুলিকে কভার করে এখনও উচ্চ স্থানীয়করণ (500m পর্যন্ত) এয়ার কোয়ালিটি API ডেটা ব্যবহারকারীদের সবচেয়ে উপযুক্ত জায়গায় তুলনা এবং সিদ্ধান্ত নেওয়ার জন্য মূল সংকেত প্রদান করে।

এমনকি কাছাকাছি অবস্থানের জন্য বায়ুর গুণমান ব্যাপকভাবে ভিন্ন হতে পারে

নমুনা ওয়াকথ্রু

অভিজ্ঞতার প্রথম দিকে বায়ু মানের ডেটা দেখান

এয়ার কোয়ালিটি API ডেটা দেখানোর দুটি প্রধান উপায় রয়েছে:

অবস্থান পিনে বায়ু গুণমান API ডেটা প্রদর্শন করুন

  • আপনার অবস্থান সূচক চয়ন করুন: ইউনিভার্সাল AQI বা একটি স্থানীয় AQI (70টি পর্যন্ত বিভিন্ন এয়ার কোয়ালিটি ইনডেক্স (AQI) উপলব্ধ)। একটি বায়ু গুণমান সূচক (AQI) হল সেই স্কেল যার দ্বারা একটি নির্দিষ্ট দেশ, উদাহরণস্বরূপ, US EPA , বিভিন্ন গণনার পদ্ধতি, ডেটা উত্স এবং নির্ধারিত উদ্দেশ্যগুলির উপর ভিত্তি করে বিভিন্ন বায়ু মানের স্তরগুলিকে শ্রেণীবদ্ধ করে৷
  • স্থান অনুসন্ধান অভিজ্ঞতা থেকে সরাসরি প্রধান এয়ার কোয়ালিটি API মান এবং রঙের কোডটি ভিজ্যুয়ালাইজ করা শুরু করুন।

ডিফল্ট প্রদর্শন শুধুমাত্র রঙ কোড অন্তর্ভুক্ত করতে পারে.


পিন নির্বাচনের বিষয়ে আরও এয়ার কোয়ালিটি API তথ্য প্রদর্শন করুন:

  • ইউনিভার্সাল AQI / স্থানীয় AQI অর্থ।
  • দূষণকারী মাত্রা , যা বায়ুতে কণা এবং গ্যাসের একটি পরিমাপ: প্রভাবশালী দূষণকারী, ঘনত্ব, উত্স এবং প্রভাব।
  • স্বাস্থ্য সুপারিশ , যা বর্তমান বায়ু মানের অবস্থার জন্য সুপারিশকৃত পদক্ষেপ।
  • আপনি আপনার প্রয়োজনগুলি পূরণ করতে ডিফল্টরূপে প্রদর্শিত তথ্যের স্তর সামঞ্জস্য করতে পারেন। মনে রাখবেন যে একটি অবস্থানের জন্য ডেটা পয়েন্টগুলি প্রায়ই অন্যান্য অবস্থানের তুলনায় উপযোগী।

বায়ু মানের বিভাগ প্রদর্শন উদাহরণ

বায়ু মানের প্রতিক্রিয়া

{
    "dateTime": "2023-08-09T10:00:00Z",
    "regionCode": "fr",
    "indexes": [
       {
            "code": "uaqi",
            "displayName": "Universal AQI",
            "aqi": 76,
            "aqiDisplay": "76",
            "color": {
                "red": 0.4117647,
                "green": 0.77254903,
                "blue": 0.20392157
            },
            "category": "Good air quality",
            "dominantPollutant": "pm10"
        },
       …
    ],
    "pollutants": [
       {
            "code": "co",
            "displayName": "CO",
            "fullName": "Carbon monoxide",
            "concentration": {
                "value": 95.18,
                "units": "PARTS_PER_BILLION"
            }...
        },
       …
    ],
    "healthRecommendations": -{
        "generalPopulation": "With this level of air quality, you have no limitations. Enjoy the outdoors!",
        "elderly": "If you start to feel respiratory discomfort such as coughing or breathing difficulties, consider red ...",
        "lungDiseasePopulation": …
    }
}

  • বিকল্পভাবে, আপনি শুধুমাত্র একটি অবস্থানের সাথে ইন্টারঅ্যাকশনের উপর এয়ার কোয়ালিটির ডেটা জিজ্ঞাসা করতে পারেন।

  • আপনি কাছাকাছি জায়গাগুলি ফিল্টার করতে এয়ার কোয়ালিটি API সূচক ব্যবহার করতে পারেন, যেমন: আপনি যদি আপনার এলাকায় পার্কগুলি খুঁজছেন তবে আপনি শুধুমাত্র ভাল বায়ু মানের পার্কগুলি দেখাবেন৷

বায়ু মানের প্রতিক্রিয়া

...
"color":{
  "red": 0.9490196,
  "green": 0.98039216,
  "blue": 0.019607844
}
...
RGB
  var red = parseInt(colorResponse.red*255)|| 1;
  var green = parseInt(colorResponse.green*255)|| 1;
  var blue = parseInt(colorResponse.blue*255)|| 1; 
  // --> output rgb(241,250,5)
এ রূপান্তর করুন

একটি মানচিত্রে বায়ু গুণমান API হিটম্যাপ স্তর প্রদর্শন করুন

হিটম্যাপ রঙিন টাইলস একটি দুর্দান্ত উপায়:

  • একটি বড় এলাকা ওভারভিউ প্রদান.
  • দ্রুত সেই এলাকার মধ্যে সূক্ষ্মতা দেখাতে।

আপনার Google মানচিত্রের সম্পূর্ণ ভিউপোর্ট কভার করার জন্য প্রয়োজনীয় পৃথক টাইলগুলি প্রদর্শন করতে ImateMapType- এর সাথে Maps JavaScript API ব্যবহার করুন। হিটম্যাপ টাইলস রিফ্রেশ হবে যখন ব্যবহারকারী ম্যাপের সাথে প্যানিং, জুম বা অবস্থান পরিবর্তন করে নিযুক্ত হবেন।

মনে রাখবেন অনুমোদিত জুম স্তর মান 16 পর্যন্ত।
এয়ার কোয়ালিটি API হিটম্যাপ টাইল স্তর হাইপারলোকাল অনুসন্ধানে অদৃশ্য হতে পারে।

আপনি বায়ু গুণমান সূচকের একটি সীমিত সেটের মধ্যে হিটম্যাপ মানচিত্র প্রকার নির্বাচন করতে পারেন:

  • UAQI_RED_GREEN - ইউনিভার্সাল এয়ার কোয়ালিটি ইনডেক্স লাল-সবুজ প্যালেট।
  • UAQI_INDIGO_PERSIAN - ইউনিভার্সাল এয়ার কোয়ালিটি ইনডেক্স ইন্ডিগো-পার্সিয়ান প্যালেট।
  • PM25_INDIGO_PERSIAN - PM2.5 সূচক নীল-পার্সিয়ান প্যালেট।
  • GBR_DEFRA - দৈনিক এয়ার কোয়ালিটি ইনডেক্স (ইউকে) কালার প্যালেট।
  • DEU_UBA - জার্মান স্থানীয় বায়ু গুণমান সূচক রঙ প্যালেট।
  • CAN_EC - কানাডিয়ান এয়ার কোয়ালিটি হেলথ ইনডেক্স কালার প্যালেট।
  • FRA_ATMO - ফ্রান্স এয়ার কোয়ালিটি ইনডেক্স কালার প্যালেট।
  • US_AQI - ইউএস এয়ার কোয়ালিটি ইনডেক্স কালার প্যালেট।

  • ব্যবহারকারীদের মান এবং এর রঙের র‌্যাঙ্কিং বোঝার জন্য আপনি রঙের স্কেল নির্দেশ করেছেন তা নিশ্চিত করুন:

    • গ্রেডিয়েন্ট স্কেল UAQI (0-100): খারাপ / চমৎকার

    কালার প্যালেট CSS কোড স্নিপেট:

    .gradient-scale { 
    background: linear-gradient(to right, 
        rgb(99, 20, 161) 0%, /* purple */
        rgb(149, 0, 25) 20%, /* red */
        rgb(248, 47, 21) 40%, /* orange */
        rgb(255, 248, 35) 60%, /* yellow */
        rgb(34,163,120) 80%, /* steelblue */
        rgb(255,255,255) 100% /* white */
       );
    }
    

    • UAQI (0-100) স্কেলে মূল পয়েন্টের প্রতিনিধিত্ব করার জন্য কঠিন রং: খারাপ / চমৎকার

    ক্যোয়ারী গণনা এবং খরচ সংশ্লিষ্ট

    • Maps JavaScript API : অভিজ্ঞতার লোড এ 1 মানচিত্র।
    • এয়ার কোয়ালিটি API :
      • প্রতি জায়গায় 1টি প্রশ্ন (সমস্ত মানচিত্র লোড বা শুধুমাত্র ব্যবহারকারী নির্বাচন)।
      • হিটম্যাপ টাইল স্তর: প্রতিটি টাইল চিত্র 256*256px এবং একটি মোবাইল ডিভাইস বা ওয়েবে উপস্থাপিত একটি মানচিত্র কভার করতে আপনার 12-14 টাইলস প্রয়োজন৷ টানা প্রতিটি টাইল 1 SKU ইউনিট হিসাবে গণনা করা হয়।
    • কাছাকাছি অনুসন্ধান (নতুন) API : প্রতি 20টি স্থানে 1টি প্রশ্ন প্রদর্শিত হয়৷ স্থানের ডেটা অনুযায়ী বিভিন্ন বিলিং যা প্রশ্নের উত্তরের অংশ।

    উপসংহার

    আমরা দেখিয়েছি যে এয়ার কোয়ালিটি API ব্যবহারকারীদের জন্য একটি গুরুত্বপূর্ণ ডেটা পয়েন্ট হতে পারে যা দেখার জন্য একটি স্থান নির্ধারণ করতে পারে। অতএব, একবারে প্রদর্শিত তথ্যের পরিমাণ এবং কীভাবে এটি দৃশ্যমান হয় সেদিকে যত্ন সহকারে অনুসন্ধানের অভিজ্ঞতায় বায়ুর গুণমানের ডেটা যত তাড়াতাড়ি সম্ভব দৃশ্যমান হওয়া উচিত।

    পরবর্তী অ্যাকশন

    প্রস্তাবিত আরও পড়ার:

    অবদানকারী

    Google এই নিবন্ধটি বজায় রাখে। নিম্নলিখিত অবদানকারীরা মূলত এটি লিখেছেন।
    প্রধান লেখক:

    টমাস অ্যাংলারেট | সমাধান প্রকৌশলী