Freecodecamp: CodePenはOpenWeather MapAPIをブロックしています

@anthkrisこれは＃8141で修正されました。
変更は数日でメインのウェブサイトに届くはずです。

回避策として、次のようにCodePenリンクのhttpバージョンを開いてください。
http://codepen.io/FreeCodeCamp/full/bELRjV

チャレンジのhttpsリンクではありません。

修正がメインのWebサイトに到達するとすぐに、リンクが更新されます。

ChromeとFirefoxでhttpバージョンのリンクを開いても、OpenWeatherAPIへのhttp呼び出しがブロックされます。 Local Weatherプロジェクトはすでに終了していますが、Codepenでこのようなプロジェクトを送信することはできません。 Safariで表示する場合、URLは正常に機能します。 自分のサーバーでホストされているこのプロジェクトを送信するか、SSLをサポートする別の無料の天気APIを見つけることしか考えられませんでした。

@ j7an ＃

まだブロックされています

@rolandoczは@ 149203で言及されているようにforecast.ioを試してください： https ：

または、ここで解決策を試すことができます： https ：

まだブロックされています

https://cors-anywhere.herokuapp.com/
これは、最初のURLの前に置くとうまくいきました
最終的に ：）

@ risingmoon77やっぱりうまくいきました。

$.getJSON("https://cors-anywhere.herokuapp.com/http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+"&appid=1c48b076cbce09ca93cfff52b6c839c1",function(json){
   // other code goes here
}

@raisedadead codepenはHTTPリクエストをHTTPSに自動的にリダイレクトするため、メソッドは機能しません。

httpsWebサイトからhttpリクエストを行うことはできません。 また、navigation.geolocationを使用するにはhttpsを使用する必要があるため、 darkskyのような最善の方法です。

@ raisedadead ＃15598により、この問題は解決できると思います