Привет, я хочу реализовать функцию погоды в одном из моих приложений. поэтому для этого мне нужно использовать weather API.so кто-нибудь может предложить мне, какой погодный API, а также учебник, как реализовать это с помощью jquery Mobile.Как реализовать погодный API
ответ
Здесь немного решений, все зависит от того, насколько вы готовы пойти. Вы хотите сразу показать конечный результат или вы хотите разобрать его самостоятельно?
Комплексные решения
Yahoo! Weather Feed Plugin for jQuery
HTML:
<div data-role="page" id="index">
<div data-theme="a" data-role="header">
<h3>
First Page
</h3>
<a href="#second" class="ui-btn-right">Next</a>
</div>
<div data-role="content">
<div id="test"></div>
</div>
<div data-theme="a" data-role="footer" data-position="fixed">
</div>
</div>
Javascript:
$(document).on('pagebeforeshow', '#index', function(){
$(document).ready(function() {
$('#test').weatherfeed(['UKXX0085','EGXX0011','UKXX0061','CAXX0518','CHXX0049']);
});
});
Рабочий пример: http://jsfiddle.net/Gajotres/7qvJH/
Вероятно, одним из лучших, потому что вы получите работоспособный плагин, но вы можете использовать его, чтобы показать данные, как всегда вы хотите, где вы хотите.
Рабочий пример (не мой): http://jsfiddle.net/fleeting/a4hbL/
HTML:
<!-- Docs at http://simpleweather.monkeecreate.com -->
<div id="weather"></div>
Javascript:
// Docs at http://simpleweather.monkeecreate.com
$(document).ready(function() {
$.simpleWeather({
zipcode: '',
woeid: '2357536',
location: '',
unit: 'f',
success: function(weather) {
html = '<h2>'+weather.temp+'°'+weather.units.temp+'</h2>';
html += '<ul><li>'+weather.city+', '+weather.region+'</li>';
html += '<li class="currently">'+weather.currently+'</li>';
html += '<li>'+weather.tempAlt+'°C</li></ul>';
$("#weather").html(html);
},
error: function(error) {
$("#weather").html('<p>'+error+'</p>');
}
});
});
Учебники
Источник: Google подача погоды
Это простой учебник. Там вы найдете все, чтобы сделать это самостоятельно. Просто будьте осторожны, для этого требуются PHP и jQuery.
Источник: Yahoo погода корма
Другой большой учебник. Для этого требуется только jQuery. Там вы найдете все, что вам нужно сделать, чтобы оно работало.
Демо:http://demo.tutorialzine.com/2012/05/weather-forecast-geolocation-jquery/
Хотя этот учебник имеют некоторые недостатки (это требует вашего местоположения Geo) он может быть использован, чтобы вручную создать новый погодный плагин.
jsfiddle удаляется! и Yahoo! Плагин Feed Feed для jQuery больше не поддерживается –
- 1. рендеринг данных с помощью JSON (погодный API)
- 2. Поиск по местоположению и погодный API поиска погодных условий
- 3. вопрос о вызове Погодный отдых api в среде Bluemix
- 4. Погодный виджет в вашем приложении?
- 5. Как реализовать Spotify API
- 6. Node.js - как реализовать API /: product_url
- 7. Как реализовать базовый шлюз API
- 8. Как реализовать безопасную публикацию api
- 9. Экспресс: Как реализовать API JSON
- 10. Как реализовать HTTP API Daemon
- 11. Как реализовать безопасность Android API?
- 12. Как реализовать образцы API? (VoiceRecognition)
- 13. Как реализовать сервер API REST?
- 14. Как реализовать Xoap weather api
- 15. Как реализовать API Календаря Google
- 16. Как реализовать API Google Адресов
- 17. Погодный прогноз погоды Почасовой прогноз на 1 день
- 18. Погодный слой для карт Google не отображается в разных городах?
- 19. Как реализовать API как YQL в PHP?
- 20. Uncaught ReferenceError: функция не определена; пытаясь построить погодный сайт
- 21. Как реализовать gmail api в проекте xamarin.android?
- 22. Как реализовать RESTful API для Siebel IP16
- 23. Как реализовать безопасный API REST с node.js
- 24. Как реализовать полноэкранный эксклюзивный режим API
- 25. Как реализовать api пользовательского объекта события?
- 26. Как реализовать API указаний google в Android
- 27. Как реализовать API в угловой завод
- 28. Как реализовать свободно api в ASP.NET MVC?
- 29. Как реализовать API JavaScript Youtube несколько раз?
- 30. Как реализовать Android Lollipop Curved Motion API?
См. Http: // stackoverflow.com/questions/3363052/best-weather-apis-free-for-commercial-use – wmfairuz