Приложение Local Weather с использованием API JSON, jQuery и OpenWeatherMap
Создал простое локальное погодное приложение с использованием JSON, jQuery и API (ipinfo.io и OpenWeatherMap).
amCharts: карта погоды - библиотека JavaScript
amCharts Weather Map - это библиотека JavaScript, которая помогает создавать красивые, динамически обновляемые, доступные для поиска карты и диаграммы со всеми видами информации, связанной с погодой.
Пустая погода на холсте с jQuery и HTML5 Canvas
Это погодное приложение, созданное с использованием API OpenWeatherMap и jQuery. Анимации были созданы с использованием HTML5 Canvas. Иконки взяты из Noun Project.
HTML - Генератор погодных виджетов
Это просто и быстро сделать - просто введите место, где вы хотите построить погодный виджет, и нажмите «Построить виджет». Затем возьмите встроенный код!
Плагин Flat Weather для jQuery
Flat Weather - это простой в использовании плагин jQuery, который поддерживает переключение между двумя разными источниками API погоды (OpenWeatherMap.org или Yahoo Weather) без изменения какого-либо внешнего кода. Отлично подходит для дашбордов и боковых панелей! Код хорошо документирован и небольшой, его единственной внешней зависимостью является jQuery, что упрощает развертывание и расширение. Плагин поставляется с привлекательной плоской таблицей стилей css пользовательского интерфейса и использует шрифт значков погоды для обеспечения привлекательных и масштабируемых визуальных эффектов.
BetterWeather: плагин погоды jQuery
Это красивый и многофункциональный погодный виджет с мощным адаптивным дизайном! просто поместите это где угодно с любой шириной на вашем сайте, и волшебство произойдет !.
Weathro: отображает состояние погоды для пользователей плагин jQuery
Этот скрипт получит географическое местоположение любого пользователя на вашем веб-сайте и отобразит состояние погоды в этом конкретном месте на вашем веб-сайте. Состояние погоды извлекается с помощью API, предоставляемых wunderground.com. Состояние погоды на текущий день и следующие три дня. извлекается и становится доступным для этого виджета. Затем вы можете выбрать количество дней (от 1 до 4), для которых вы хотите отображать статус.
simpleWeather: простой плагин jQuery.
Простой плагин jQuery для отображения информации о погоде в любом месте. Данные взяты из общедоступного Yahoo! Лента погоды через YQL API. Вы просто указываете свой почтовый индекс в США, WOEID или любое другое место в мире, и он возвращает вашу местную погоду из Yahoo! Этот плагин не выдаст кучу HTML, полного классов и идентификаторов. Он просто дает вам возвращенные данные, которые вы можете использовать, отображать и стилизовать по своему усмотрению.
Отображение погоды в реальном времени с использованием CSS, jQuery и PHP
Мы поставили перед собой амбициозные планы сделать так, чтобы на нашем веб-сайте отображались погодные условия в реальном времени с использованием геолокации от всех, кто его просматривал. Мы хотели, чтобы время суток отражалось в зависимости от того, где они находятся в мире, чтобы кто-то, смотрящий на веб-сайт в Лондоне, Англия, увидел бы стиль, отличный от того, кто смотрит на веб-сайт в одно и то же время в Сан-Диего, Калифорния. . Цель заключалась в том, чтобы люди могли видеть, какая погода за окном, заглянув на наш веб-сайт.
Виджет J.B.Weather 2.0 в jQuery
J.B.Weather (версия 2.0) - это простой виджет для отображения погодных условий и прогнозов для разных мест по всему миру. Функции :
- управляемый jQuery
- использует технологию AJAX и кэш
- Панель поиска с функцией автозаполнения
- Возможность установить местоположение по умолчанию
- Возможность автоматического определения местоположения пользователя с помощью службы HostIP или собственной интегрированной базы данных geoip.
- Единицы Цельсия или Фаренгейта
- Километры или мили
- Отображает сегодняшнюю дату, температуру, направление и скорость ветра, прогноз на следующие 4 дня.
Настройте свой сайт в соответствии с погодой с помощью jQuery
Получив канал из Yahoo API с помощью jQuery, вы можете настроить свой веб-сайт в соответствии с погодой! Узнайте, как это сделать, следуя этому пошаговому руководству. Мы начнем с создания четырех фонов для солнца, дождя, снега и облачности, а затем воспользуемся умным скриптом jQuery, чтобы получить прогноз. В завершение мы даже создадим классную ручную настройку, позволяющую пользователям самим переключаться между различными темами.
jQuery Geolocation и Yahoo API для создания простого веб-приложения с погодой.
Сегодня мы будем использовать API геолокации HTML5, чтобы предоставить пользователю персонализированный прогноз погоды. Используя jQuery, мы отправим запрос AJAX к двум популярным API Yahoo для получения дополнительной географической информации и прогноза погоды. Yahoo предоставляет большую коллекцию полезных API, которые могут использовать разработчики бесплатно. Требуется, чтобы вы зарегистрировали свое приложение через их панель разработчика. Регистрация проста и понятна, и в результате вы получите идентификатор приложения (ищите его под названием вашего приложения). Это понадобится вам позже в руководстве, но сначала давайте посмотрим, как все будет работать вместе.
simpleWeather: как отображать погоду с помощью jQuery
Простой плагин jQuery для отображения информации о погоде в любом месте. Данные взяты из общедоступного Yahoo! Подача погоды через YQL API. В демонстрации показано, насколько легко отобразить простой виджет погоды, который является чистым и настраиваемым. Это базовое использование, показывающее только текущую погоду и изображение. simpleWeather не возвращает никаких классов html или css, которые позволяют вам делать с данными как вам угодно.
Добавление погоды на ваш сайт с помощью jQuery и YQL
Если вы работаете над сайтом, посвященным путешествиям, новостям или другим местным сайтом, добавление отображения текущих погодных условий в этом районе - идеальный вариант. В прошлом это была относительно сложная задача, предполагавшая интеграцию на стороне сервера с API погоды и многое другое. Однако сегодня jQuery и YQL (бесплатная веб-служба, предлагаемая Yahoo) можно использовать для простого добавления настраиваемого отображения погоды на свой сайт. В этой статье я проведу вас через весь процесс от начала до конца.
zWeatherFeed - Yahoo! Плагин погоды для jQuery
Этот плагин будет читать текущую погоду для местоположения с помощью Yahoo! Погода. Он создает структурированный HTML-код со встроенными классами CSS для стилизации. Легко и просто использовать. Возможности:
- Определите одно или несколько мест.
- Выберите включение фонового изображения, обозначающего условие.
- Отображает дневные или ночные изображения.
- Возвращает город, текущую температуру и описание состояния.
- Выберите включение высоких / низких температур и скорости ветра.
- Создает ссылку для чтения полного прогноза от Yahoo !.
Weather Flat: плагин jQuery для получения информации о погоде
Flat Weather - это легкий и универсальный плагин jQuery, отображающий информацию о погоде для любого места. Его компактный размер и множество опций делают его идеально подходящим для предоставления местной информации о погоде на порталах, веб-сайтах, блогах и приложениях.
Моя погода - IP: плагин jQuery Показывать погоду с помощью вашего IP-адреса
«My Weather - IP» - это плагин jQuery, который автоматически определяет ваше местоположение по вашему IP-адресу, проверяет погоду в этом районе и предоставляет вам полезную информацию о вашем местоположении. Функция: показывает погоду, город, страну, IP-адрес, широту, долготу и температуру. - Обратный вызов готов для получения этих значений. - Множество необязательных свойств для изменения. - Можно создать всплывающее окно с этой информацией. - Анимированный значок готов к использованию в браузерах, поддерживающих холст. В противном случае работает с очень красивым PNG. - Легко настроить. - Знания PHP, MySQL, ASP не требуются.
WhatWeather: плагин jQuery Weather’s Widgets
WhatWeather - это плагин jQuery, который предоставляет данные о погоде. Он использует API worldweatheronline.com для получения, анализа и доставки данных для создания виджетов погоды. WhatWeather предоставляет данные и позволяет управлять отображением. Однако он использует усы. Таким образом, вы можете легко изменить шаблон своих виджетов. Вы можете получать данные о погоде из городов по всему миру. Плагин использует название города, географическую систему координат, IP-адрес или API геолокации HTML5. Плагин также имеет систему кэширования клиент-сервер с использованием API веб-хранилища и текстового файла для серверной части.
Open Weather: jQuery OpenWeatherMap API для текущей погоды
Простой и легкий плагин jQuery, используемый для отображения текущей погоды в любом городе с помощью бесплатного API OpenWeatherMap. Этот плагин позволяет отображать местоположение, текущую температуру, текущую низкую температуру, текущую высокую температуру, описание текущей погоды, значок погоды, уровень влажности, скорость ветра, время восхода солнца и время захода солнца.