ジオロケーションとAPIを使用して天気を表示する

Question

現在の天気をgeolocationで表示しようとしていますが、openweathermapを使用していますが、このjsonファイルからデータを取得しようとすると 'data.main is undefined'

{"coord":{"lon":16.44,"lat":43.51},"weather":[{"id":800,"main":"Clear","description":"clear sky","icon":"01d"}],"base":"stations","main":{"temp":291.15,"pressure":1017,"humidity":68,"temp_min":291.15,"temp_max":291.15},"visibility":10000,"wind":{"speed":2.01,"deg":146.502},"clouds":{"all":0},"dt":1459758600,"sys":{"type":1,"id":5459,"message":0.0285,"country":"HR","sunrise":1459744171,"sunset":1459790713},"id":3190261,"name":"Split","cod":200} 

私は、このような温度、風、湿度などのページから必要なパラメータを、つかむべきか理解していない...任意のヘルプは

に感謝ここでフィドルです：

https://jsfiddle.net/g19nw53k/

Answer 1

navigator.geolocation.getCurrentPositionは非同期関数であるという問題があります。

var api = 'http://api.openwe...?lat=' + lat + ...; 

変数latとlongはまだ定義されていない、したがって、APIは、あなたが期待するよう何data.main.tempありませんコード404でレスポンスを返します。これは、あなたが呼び出すときことを意味します。 http://jsfiddle.net/foc7weg2/（それがあるため、誤ったアプリケーションIDの401エラーを返すかもしれませんが）