jquery - XMLHTTPREQUEST エラー JQUERY

Question

コード ペンで dark sky API を使用しています。https://codepen.io/ashan_zeroxster/pen/MpxVOv?editors=0010 そして、DARKSKY API から JSON データを取得しようとすると、XMLHTTPREQUEST エラーが発生します。マイコード

$(document).ready(function(){

  var api = https://api.darksky.net/forecast/a18d80cbf99f8930c6a140bf8e722630/";
 var long = "";
 var lat = ""; 
 var url = "";

navigator.geolocation.getCurrentPosition(function (position){
var long = position.coords.longitude;
var lat =  position.coords.latitude;

var url =  api + long + "," + lat;

$.getJSON(url, function(data){
   document.write(data);
});



});                                      

 });