Question

我正在尝试为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);
  }
};

- AND -

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上运行。

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

Answer 1

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

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

此API仅适用于安全网站。

//And some code, appaz

为什么地理位置不能在CodePen上运行？

1 个答案: