Jquery .getJSON未运行console.log（数据）

Question

我目前正在使用天气应用程序，我正在尝试设置连接到Dark Sky API并获取JSON文件的内容，即我当地的天气。我是从codepen复制我的代码，所以我看起来有点光秃秃的。还将连接到我的Codepen项目。

JS JQUERY

$(document).ready(function(){
  var lon;
  var lat; 
  //Get GEO LOCATION
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position){
      lat = position.coords.latitude
      lon = position.coords.longitude;
      $("#data").html("latitude: " + lat + "<br>longitude: " + lon);

  //KEY AND GET TO DARK SKY API 
  var api = "https://api.darksky.net/forecast/04387baec37bab4248564577c8134df7/"+lat+","+lon;
  $.getJSON(api, function(data){   
      console.log(data.latitiude); 
  });  

});
};

});

在我的$ .getJSON中，控制台不会将api连接的内容记录到Dark Sky。

这是video（不是世界上最好的教程，但它有很多帮助），这个人能够做到这一点，并且可以在控制台中记录JSON中的数据。我究竟做错了什么？