2016-08-06 18 views
1

オープン天気マップのAPIを使用して天気アプリを実装しようとしています。私は<h2 id="city"></h2>にユーザーの座標に基づいてキー "name"の値を返そうとしています。なぜ現在何も返されていないのは分かりません。私は同様のものがbeforeと尋ねられたことを理解していますが、このケースではどのように適用されるのか分かりません。ブラウザは、それは相対アドレスだと思うし、ページのURLを想定しhttp://example.com/api.openweather...ようにそれを開こうとしますhttp://api.openweather...代わりエルスJSON(天気API)でデータをレンダリングする

api.openweather...のような

$(document).ready(function() { 
    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) { 
     var lati = position.coords.latitude; 
     var longi = position.coords.longitude; 
     var address = "api.openweathermap.org/data/2.5/weather?lat=" + lati +"&lon=" + longi + "&APPID=*****"; 

     $.getJSON(address, function(json) { 
     $("#city").html(json["name"]); 
   }); 
    }); 
    } 
}); 
+0

下記の私の答えをチェックしてください。 – Iceman

答えて

1

使用のURLがhttp://example.comです。

残りはうまくいくようです。私はhttp://という接頭辞を付け加え、APIキーを私のものに置き換えました。コードは私の環境で期待通りに機能しました。

+0

ヘッドアップありがとう!私はcodepenでそれを試していて、何の変化も見ていない。 – gonzalo2000

+0

@ gonzalo2000はおそらくcodepenで動作しません、 'navigator'権限の問題?あなたは許可のプロンプトを受けていますか? – Iceman

+0

良い点。いいえ、許可のプロンプトが表示されません。これは私がコードで説明することができるものなのでしょうか、あるいは動作する別の類似のサービスがありますか? – gonzalo2000