無法從API獲取數據

我想建立一個顯示當地溫度的網站，使用瀏覽器的導航功能來獲取座標，但似乎是，當我打電話給天氣API時，我沒有得到任何數據。我使用的API是這一個：https://fcc-weather-api.glitch.me/無法從API獲取數據

var la; 
var lg; 

function getLocation() { 
if (navigator.geolocation) 
    navigator.geolocation.getCurrentPosition(showPosition); 
} 

function showPosition(position) { 
la= position.coords.latitude; 
lg= position.coords.longitude; 
} 

getLocation(); 

var url="https://fcc-weather-api.glitch.me/api/current?lat=" + la + "&lon=" + lg; 
fetch(url) 
.then((resp) => resp.json()) 
.then(function(data) { 
    let api = data.main; 
    return authors.map(function(api) { 
    document.getElementById("temper").innerHTML=api.temp; 
    }) 
})

這裏有一個的jsfiddle：https://jsfiddle.net/9cLkjg5e/

來源

2017-07-16 Daniel

不知道你想什麼用authors.map位做的，但它是沒有必要的。提取返回的數據對象的溫度爲data.main.temp;

所以基本上改變這將解決您的代碼

document.getElementById("temper").innerHTML = api.temp;

固定JS：

var la; 
 
var lg; 
 
function getLocation() { 
 
    if (navigator.geolocation) 
 
    navigator.geolocation.getCurrentPosition(showPosition); 
 
    
 
} 
 
function showPosition(position) { 
 
    la= position.coords.latitude; 
 
    lg= position.coords.longitude; 
 
    //document.getElementById("temper").innerHTML="Latitude:" + la; 
 
// document.getElementById("icon").innerHTML="Longitude:" + lg; 
 
} 
 
getLocation(); 
 

 
var url="https://fcc-weather-api.glitch.me/api/current?lat=" + la + "&lon=" + lg; 
 
fetch(url) 
 
    .then((resp) => resp.json()) 
 
    .then(function(data) { 
 
    let api = data.main; 
 
    document.getElementById("temper").innerHTML = api.temp; 
 
    }) 
 
    .catch(function(error) { 
 
    console.log("error: " + error); 
 
    });

<div class="container"> 
 
    <center><h1 id="header">Weather App</h1></center> 
 
</div> 
 

 
<div class="container"> 
 
    <p id="temper"></p> 
 
</div>

來源

2017-07-16 13:13:01 H77

感謝您的幫助。 'authors.map'應該是'api.map'。我忘了改變它。 – Daniel

@Daniel在這種情況下你不需要'map'函數，因爲數據是一個對象，而不是數組。 – H77

是的，我明白了。它現在有用，謝謝！ – Daniel

在旁註中，變量LA和LG都沒有填充在API調用的時間。您可以通過在getCurrentPosition（）的成功回調中執行API調用來解決此問題。

來源

2017-07-16 13:45:07 Zelina

無法從API獲取數據

回答

相關問題