Погода с openweathermap.org

[radrigo 180]

Всем привет.

Недавно обнаружил для себя, что с сайта openweathermap.org можно постить себе на сайт погоду из xml и json файлов. Есть несколько бесплатных тарифов. Один из таких - это текущая погода, почасовая погода на три дня и погода на 7 дней. Хотя по факту почему-то выводит на 8 дней погоду.
https://openweathermap.org/api/one-call-api

Написал небольшой скрипт и оформил. Пример можете посмотреть здесь
https://gusev-online.ru/pogoda.html

Кому интересно, оформил в качестве плагина. Скачать можно здесь https://yadi.sk/d/uywX6ECQ-dgmJQ

Чтобы вывести погоду у себя на сайте, сначала надо зарегистрироваться на сайте https://openweathermap.org/ и создать API-ключ в личном кабинете. Обратите внимание, что ключ может заработать не сразу. Поэтому возможно придется немного подождать. Как правило часа пол.

Заходим в плагине во вкладку "Действия в файлах". В созданном файле самом верху указываем широту и долготу населённого пункта, погоду которого хотим получить. Также прописываем API-ключ.

В шаблоне необходимо подключить файлы стилей и скрипта. Файл стилей необходимо подключить в самом низу под всеми другими стилями, иначе почасовая погода может не отображаться.

<link href="{THEME}/pogoda/styles.css" type="text/css" rel="stylesheet">
<script src="{THEME}/pogoda/js.js"></script>

Выводим погоду в нужном месте
 

{include file="engine/modules/json_openweathermap_pogoda_7_days.php"}

Для показа почасовой погоды используется Owl Carousel
https://owlcarousel2.github.io/OwlCarousel2/

[kamensk 86]

Хорошая подсказка. Пару недель назад задумывался о погоде на сайт, но готовые сервисы как то не очень. Спасибо за готовый продукт. Но есть пару вопросов:

1. Почему то картинки не отображаются.

2. Как вывести на статической странице?

[radrigo 180]

9 минут назад, kamensk сказал:

Хорошая подсказка. Пару недель назад задумывался о погоде на сайт, но готовые сервисы как то не очень. Спасибо за готовый продукт. Но есть пару вопросов:

1. Почему то картинки не отображаются.

2. Как вывести на статической странице?

Проверьте, вместе с установкой плагина должна загрузится папка pogoda, в которой должна находиться папка с иконками. По идее все должно работать. Только что проверил у себя.

Чтобы вывести на статической странице, нужно в файле шаблона статистической страницы добавить {include file="engine/modules/json_openweathermap_pogoda_7_days.php"}

Желательно конечно создать отдельный файл шаблона для для страницы, на которой вы хотите вывести погоду.

[radrigo 180]

Попробуйте этот вариант. Здесь переименовал непосредственно картинки, а не при помощи массива.
https://yadi.sk/d/6gHNGZoyxaZnUg

Если устанавливали предыдущую версию, то из папки pogoda, которая должно находиться в вашем шаблоне, можете удалить папку icons

Изменено 31 октября 2020 пользователем radrigo

[kamensk 86]

2 часа назад, radrigo сказал:

Желательно конечно создать отдельный файл шаблона для для страницы, на которой вы хотите вывести погоду.

А как создать файл?

Пробую - что-то не получается.

Создал отдельный файл pogoda.tpl с содержимым:

<article class="block story">
	<h1 class="h2 title">Погода.</h1>
	<div class="text">
        {include file="engine/modules/json_openweathermap_pogoda_7_days.php"}
    </div>
</article>re.ru/index.php?do=pogoda

Только вот - не знаю, как его открыть.

Подскажите - как правильно...

1 час назад, radrigo сказал:

Попробуйте этот вариант. Здесь переименовал непосредственно картинки, а не при помощи массива.
https://yadi.sk/d/6gHNGZoyxaZnUg

Если устанавливали предыдущую версию, то из папки pogoda, которая должно находиться в вашем шаблоне, можете удалить папку icons

По прежнему картинки почему то не отображаются.

 

Вот такую ошику выдает при попытке открыть изображение

Цитата

Not Found

The requested URL /адрес страницы....pogoda/img/10d.svg was not found on this server.

---

Apache Server at ... Port 443

 

Изменено 31 октября 2020 пользователем kamensk

[radrigo 180]

29 минут назад, kamensk сказал:

Только вот - не знаю, как его открыть.

Подскажите - как правильно...

Создаете статистическую страницу, и там указжите этот файл в качестве шаблона

 

29 минут назад, kamensk сказал:

Вот такую ошику выдает при попытке открыть изображение

Цитата

Not Found

The requested URL /адрес страницы....pogoda/img/10d.svg was not found on this server.

---

Apache Server at ... Port 443

Данная ошибка говорит о том, что картинки не существует. Они просто не загружены. Может быть вы распаковали плагин и загрузили xml файл отдельно? Если так, то при загрузке плагина выберете именно zip-архив.

Если картинки всё равно не загрузились, тогда самостоятельно загрузите папку "pogoda" со всем содержимым в ваш шаблон. Она находится в архиве zip в папке templates/{THEME}

Изменено 31 октября 2020 пользователем radrigo

[Gameer 310]

14 минут назад, radrigo сказал:

Создаете статистическую страницу, и там указжите этот файл в качестве шаблона

 

Данная ошибка говорит о том, что картинки не существует. Они просто не загружены. Может быть вы распаковали плагин и загрузили xml файл отдельно? Если так, то при загрузке плагина выберете именно zip-архив.

Если картинки всё равно не загрузились, тогда самостоятельно загрузите папку "pogoda" со всем содержимым в ваш шаблон. Она находится в архиве zip в папке templates/{THEME}

Не все версии движка имеют возможность загружать файлы шаблона.

[radrigo 180]

13 минут назад, Gameer сказал:

Не все версии движка имеют возможность загружать файлы шаблона.

Никакие версии движка не имеют возможности загружать файлы шаблона. Загрузите через FTP или создайте через редактор шаблонов.

[Gameer 310]

2 минуты назад, radrigo сказал:

Никакие версии движка не имеют возможности загружать файлы шаблона. Загрузите через FTP или создайте через редактор шаблонов.

Вы бы читали описание релизов. 5 пункт.

https://dle-news.ru/release/1755-datalife-engine-v131-final-release.html

[radrigo 180]

5 минут назад, Gameer сказал:

Вы бы читали описание релизов. 5 пункт.

https://dle-news.ru/release/1755-datalife-engine-v131-final-release.html

В данном случае речь не идет о плагине. Он просто не знает, как подключить погоду на статической странице. На что я ему написал, что {include ...} надо прописать в файле шаблона статической страницы, который желательно создать отдельно

[Captain 623]

Всё работает без проблем. На 14.1 поставил, ключ сразу заработал. Спасибо.

[kamensk 86]

38 минут назад, radrigo сказал:

Если картинки всё равно не загрузились,

Картинки загружены.

Проблема в другом:

Адрес картинок идет не верный - вместо

/templates/Green/pogoda/img/01d.svg 

Указан -

название страницы/templates/Green/pogoda/img/01d.svg

Как исправить? - чтобы было

 /templates/Green/pogoda/img/01d.svg

 

Всё - заработало на статистической странице!

Картинки не робят в новостях.

Благодарю за помощь!!!))

[Gameer 310]

8 минут назад, Captain сказал:

Всё работает без проблем. На 14.1 поставил, ключ сразу заработал. Спасибо.

Очень интересно :) Только жаль что ложь.

5 минут назад, kamensk сказал:

Картинки загружены.

Проблема в другом:

Адрес картинок идет не верный - вместо

/templates/Green/pogoda/img/01d.svg 

Указан -

название страницы/templates/Green/pogoda/img/01d.svg

Как исправить? - чтобы было

 /templates/Green/pogoda/img/01d.svg

 

В плагине найдите 6 РАЗ

<img src=\"templates/"

Замените на

<img src=\"/templates/"

 

[radrigo 180]

14 минут назад, kamensk сказал:

Картинки загружены.

Проблема в другом:

Адрес картинок идет не верный - вместо

/templates/Green/pogoda/img/01d.svg 

Указан -

название страницы/templates/Green/pogoda/img/01d.svg

Как исправить? - чтобы было

 /templates/Green/pogoda/img/01d.svg

 

Всё - заработало на статистической странице!

Картинки не робят в новостях.

Благодарю за помощь!!!))

Исправил. Должно помочь. Попробуйте
https://yadi.sk/d/cGjH1W6H90l2yg

10 минут назад, Gameer сказал:

Очень интересно :) Только жаль что ложь.

У меня тоже прекрасно отображаются картинки, когда нету в начале слеша. Может зависит от настроек сервера

[Captain 623]

11 минут назад, Gameer сказал:

Очень интересно :) Только жаль что ложь.

[Gameer 310]

8 минут назад, radrigo сказал:

Исправил. Должно помочь. Попробуйте
https://yadi.sk/d/cGjH1W6H90l2yg

У меня тоже прекрасно отображаются картинки, когда нету в начале слеша. Может зависит от настроек сервера

Нет :)

[Ксанна 0]

Здравствуйте попробовала поставить эту замечательную погоду себе .Сгенерировала ключ. https://narodural.ru/pogoda.html на отдельной странице выдает вот такую ошибку.

а на главной куда вывела погоду пишется только текст 

0°

 

Ощущается как 0°

Ветер 0 м/с, С

Давление 0 мм. рт. ст.

Влажность %

что я не так сделала?

https://narodural.ru/pogoda.html вроде заработало ,но одним длиннючим столбиком.Как это можно поправить?

[Ксанна 0]

вообще супер.

Все получилось.А есть варинт маленького виджета?Что бы на главной разместить.

[kamensk 86]

10 часов назад, Ксанна сказал:

столбиком.Как это можно поправить?

Стили подключить. Автор же разжевал все - предоставив все коды для вставки.

9 часов назад, Ксанна сказал:

то бы на главной разместить

Это дурной тон на главную пихать.

На нормальных сайтах так уже никто не делает.

[Ксанна 0]

3 часа назад, kamensk сказал:

Стили подключить. Автор же разжевал все - предоставив все коды для вставки.

Это дурной тон на главную пихать.

На нормальных сайтах так уже никто не делает.

Ну о вкусах не спорят.И дурной тон или положительный это решать не вам и не мне .А тому кто пользуется этим сайтом.

[kamensk 86]

23 минуты назад, Ксанна сказал:

Ну о вкусах не спорят.И дурной тон или положительный это решать не вам и не мне .А тому кто пользуется этим сайтом.

Порно тогда разместите - те, кто пользуются сайтом возможно больше оценят, чем виджет погоды))

[alex32 942]

5 часов назад, kamensk сказал:

Это дурной тон на главную пихать.

 

Это кто такое сказал?

[Ксанна 0]

Только что, alex32 сказал:

Это кто такое сказал?

Не обращайте внимания у человека просто дурное настроение.

[radrigo 180]

Немного исправил. Подправил стили, чтобы в почасовой погоде картинки всегда были одного размера, и заменил картинку, которая показывает небольшой дождь. Как мне кажется, эта больше подходит. Ещё ошибся в описании. Нужно не стили в самом низу подключать, а файл скрипта под другими скриптами.
https://yadi.sk/d/Nbms0XQEsAz4gA

Вообще картинки можете поменять на свои. Здесь можете посмотреть, какие типы картинок для погоды используются
https://openweathermap.org/weather-conditions#Icon-list

Здесь можете скачать все иконки того типа, которые используются в плагине. Может захотите какие-то поставить.
https://yadi.sk/d/pF4kUOcA-5Jekg

 

17 часов назад, Ксанна сказал:

вообще супер.

Все получилось.А есть варинт маленького виджета?Что бы на главной разместить.

У вас не показывается почасовая погода. Скорее всего не подключили скрипт, или попробуйте подключить его в самом низу, под другими скриптами.

Краткую погоду для главной страницы могу предложить, как у меня на сайте https://gusev-online.ru/ . Она тоже берётся с этого сайта, но с другого json файла https://openweathermap.org/current. Могу поделиться

Изменено 3 ноября 2020 пользователем radrigo

[Ксанна 0]

2 минуты назад, radrigo сказал:

Немного исправил. Подправил стили, чтобы в почасовой погоде картинки всегда были одного размера, и заменил картинку, которая показывает небольшой дождь. Как мне кажется, эта больше подходит. Ещё ошибся в описании. Нужно не стили в самом низу подключать, а файл скрипта под другими скриптами.
https://yadi.sk/d/Nbms0XQEsAz4gA

Вообще картинки можете поменять на свои. Я здесь можете посмотреть, какие типы картинок для погоды используется
https://openweathermap.org/weather-conditions#Icon-list

Здесь можете скачать все иконки того типа, которые используются в плагине. Может захотите какие-то поменять.
https://yadi.sk/d/pF4kUOcA-5Jekg

 

У вас не показывается почасовая погода. Скорее всего не подключили скрипт, или попробуйте подключить его в самом низу, под другими скриптами.

Краткую погоду для главной страницы могу предложить, как у меня на сайте https://gusev-online.ru/ . Она тоже берётся с этого сайта, но с другого json файла. Могу поделиться
https://openweathermap.org/current

поделитесь пожалуйста.Буду очень благодарна

4 минуты назад, radrigo сказал:

У вас не показывается почасовая погода. Скорее всего не подключили скрипт, или попробуйте подключить его в самом низу, под другими скриптами.

я не стала включать.Конфликт идет с карусельками на сайте.