-2

我正在尝试为 Free Code Camp 创建一个天气应用程序，当我在本地主机上加载所有内容时，它工作正常。每当我尝试在 Codepen 上运行它时，它都不起作用。

这是我的 Codepen 的链接：http: //codepen.io/GeorgeMort/pen/LWpXPZ

这是我的 JS：

window.onload = function() {
  temperature = document.getElementById("temperature");
  loc = document.getElementById("location");
  icon = document.getElementById("icon");

  if (navigator.geolocation) {
    var showPosition = function(position) {
      updateByGeo(position.coords.latitude, position.coords.longitude);
    };
  navigator.geolocation.getCurrentPosition(showPosition);
  } else { 
   var zip = window.prompt("Unable to find your location.  What is your zip code?");
  updateByZip(zip);
  }
};

- 和 - 

function updateByGeo(lat, lon) {
  var url = "http://api.openweathermap.org/data/2.5/weather?" + "lat=" + lat + "&lon=" + lon + "&APPID=" + APPID;

  sendRequest(url);
}

我尝试在 Chrome 和 Safari 上使用 CodePen。我在这个项目中使用 Chrome 时遇到了更多问题，所以真的可以使用一些帮助来让它在 Safari 上运行。

我真的很感激帮助。谢谢！

4

1 回答 1

1

尝试相同的链接，但使用 HTTPS...！

https://codepen.io/GeorgeMort/pen/LWpXPZ

此 API 仅适用于安全站点。

//And some code, appaz
于 2017-03-01T00:08:21.773 回答