Вторник, 19 июня 2018 16:04

OpenWeatherMap на Яндекс-картах

Оцените материал
(1 Голосовать)

Практически то же самое, что и опубликованный в материале The Marine Weather API. World Weather Online модуль, только работает не от WorldWeatherOnline, а посредством API OpenWeatherMap, предоставляющего на данный момент достаточно широкие - Calls per minute (no more than 60) - возможности по полностью бесплатной подписке. Мало ли понадобится кому. 

Dev banner 1

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

 

<?php
$premiumurl = sprintf('http://api.openweathermap.org/data/2.5/weather?id=3624060&APPID=**************************&mode=xml&units=metric');
$xml = simplexml_load_file($premiumurl);
?>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<div class="yandex_map" id="yandex_map">
<script type="text/javascript"> 
var myMap; 
ymaps.ready(init); 
function init () {
var myMap = new ymaps.Map("map", { 
center: [10,-84], 
zoom: 8,
controls: ['zoomControl','fullscreenControl']
}); 
myPlacemark = new ymaps.Placemark([10,-84], {
balloonContent: '<?php echo '<div style="font-size:1.3em; color:grey;">' . $xml->city['name']  . '</div>'; echo 'Температура воздуха ' . $xml->temperature['value'] . ' °C</br>'; echo 'Влажность ' . $xml->humidity['value'] . ' %</br>'; echo 'Давление ' . $xml->pressure['value'] . ' %</br>'; echo 'Ветер ' . $xml->wind -> speed['value'] . 'м/сек'; echo ' ' . $xml->wind -> speed['name']; echo ' (' . $xml->wind -> direction['name']. ')</br>'; echo 'Облачность ' . $xml->clouds['value'] . ' %</br>';  echo $xml->weather['value'] . '</br>';echo '<div style="color:grey; font-size:10px;">Последнее обновление: ' . $xml->lastupdate['value'] . '</div>'; ?>'}); 
myMap.geoObjects 
.add(myPlacemark);
myPlacemark.balloon.open();
} 
</script>
</div>
<div id="map" style="width:auto; height:350px"></div>

Последнее изменениеСуббота, 05 октября 2019 23:02

Оставить комментарий

Добавьте ваш комментарий