javascript - 如何在 OpenAQ 平台 API 中通过污染获取城市
问题描述
我对 Open AQ 平台 API 文档https://docs.openaq.org有疑问。我有一个初级职位的招聘任务,我必须从特定国家/地区获得 10 个城市,并将它们从污染最严重的城市排序到污染程度较低的城市。我可以获得我需要的国家/地区的数据,但我不知道如何按污染排序。
目前我正在使用“ https://api.openaq.org/v1/cities ”这个带有 sort-desc 参数的链接,因为我假设 API 使用污染率作为默认值。但经过仔细检查后,我认为我必须添加一些东西,但我在网站上找不到解决方案。这是我第一次接触 API,所以我有点困惑如何构建正确的查询。在你下面有我现在设法编写的代码。
let country;
let cities = [];
const citiesDiv = document.getElementById("cities");
const countries = ["Poland", "Spain", "Germany", "France"];
const getData = async () => {
const response = await fetch(
`https://api.openaq.org/v1/cities?country=${country}&limit=10&sort=desc`
);
const data = await response.json();
cities = data.results;
citiesDiv.innerHTML = "";
renderCities(cities);
};
document
.getElementById("country-picker")
.addEventListener("change", function(e) {
if (e.target.value.toLowerCase() === "poland".toLowerCase()) {
country = "PL";
} else if (e.target.value.toLowerCase() === "spain".toLowerCase()) {
country = "ES";
} else if (e.target.value.toLowerCase() === "germany".toLowerCase()) {
country = "DE";
} else if (e.target.value.toLowerCase() === "france".toLowerCase()) {
country = "FR";
}
getData();
});
function renderCities(cities) {
cities.forEach(function(city) {
const p = document.createElement("p");
p.textContent = city.city;
citiesDiv.appendChild(p);
});
}
解决方案
推荐阅读
- python - 写入文件的更好方法?
- python - 如果它们与基于索引的第二个数据帧匹配,则删除数据帧中的行
- python - 在 Python 中打印时如何从数据框的索引中删除空白行
- javascript - 如何调用尚未声明的箭头函数
- ssl - 有没有办法使用 prometheus 监控 kubernetes 中的 tls 证书?
- ios - 在视频上覆盖文本非常慢,任何更快的替代方案
- android - 当我尝试将文本和图像发送到 whatsapp 等其他应用程序时,Intent.EXTRA_TITLE 不起作用
- discord - 在 discord.py 中查找谁删除了消息
- php - 使用 preg_replace 在 PHP 中识别和替换字符串中的短编码变量对
- c# - 字典键的协方差