2016-08-06 2 views
1

Я начинаю с JSON, пытаясь внедрить приложение погоды, используя Open Weather Map's API. Я пытаюсь вернуть значение для ключевого «имя» в <h2 id="city"></h2> на основе координат пользователя, и я не уверен, почему он в настоящее время ничего не возвращает. Я понимаю, что что-то подобное было задано before, но я не уверен, как это применимо в этом случае.рендеринг данных с помощью JSON (погодный API)

$(document).ready(function() { 
    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) { 
     var lati = position.coords.latitude; 
     var longi = position.coords.longitude; 
     var address = "api.openweathermap.org/data/2.5/weather?lat=" + lati +"&lon=" + longi + "&APPID=*****"; 

     $.getJSON(address, function(json) { 
     $("#city").html(json["name"]); 
   }); 
    }); 
    } 
}); 
+0

проверить мой ответ ниже. – Iceman

ответ

1

использование URL как http://api.openweather... вместо api.openweather...

Else браузер будет думать, что это относительный адрес и попытаться открыть его как http://example.com/api.openweather... предполагая URL страницы является http://example.com.

Остальное, похоже, работает. Я добавил префикс http:// и заменил ключ API моим, а код работал на моей среде, как и ожидалось.

+0

Спасибо за головы! Я пытаюсь сделать это в кодефене и не вижу никаких изменений. – gonzalo2000

+0

@ gonzalo2000, вероятно, не работает в кодефене, проблема разрешения «навигатора»? вы получаете приглашение на разрешение? – Iceman

+0

Хорошая точка. Нет, я не получаю приглашение на разрешение. Это что-то, что я могу объяснить в коде, или есть другой аналогичный сервис, который будет работать? – gonzalo2000

Смежные вопросы