Definindo o código da cidade, data, dia da semana e número do dia
// CID da sua cidade, encontre a sua em http://hgbrasil.com/weather
// São Paulo = 455827
$cid = urlencode('455827');
// Recebe os dados da API
$dados = json_decode(file_get_contents('http://api.hgbrasil.com/weather/?cid='.$cid.'&format=json'), true);
$data = date('Y-m-d');
$diasemana = array('Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab');
$diasemana_numero = date('w', strtotime($data));
Exibindo as informações e imagem do dia
<b><?php echo $diasemana[$diasemana_numero] . '</b> - ' . $dados['results']['date']; ?> <br>
<b>Local: </b> <?php echo $dados['results']['city']; ?> <br>
<b>Temperatura: </b> <?php echo $dados['results']['temp']; ?> ºC<br>
<b>Condição: </b><?php echo $dados['results']['description']; ?><br>
<b>Nascer do Sol: </b><?php echo $dados['results']['sunrise']; ?> <br>
<b>Pôr do Sol: </b><?php echo $dados['results']['sunset']; ?><br>
<b>Velocidade do vento: </b><?php echo $dados['results']['wind_speedy']; ?><br>
<b>Umidade do ar: </b><?php echo $dados['results']['humidity']; ?>% <br>
<img src="imagens/<?php echo $dados['results']['img_id']; ?>.png"
class="imagem-do-tempo"
alt="<?php echo $dados['results']['description']; ?>"
title="<?php echo $dados['results']['description']; ?>"
data-weather="image">
Para exibir as imagens da condição do tempo é necessário ter uma pasta chamada imagens com todas as imagens das condições, abaixo o link para fazer o download das imagens:
Caso queira mostrar também a semana inteira, mostre os dados dentro de um laço for e concatene com o array forecast e a variável do laço $i como no exemplo abaixo:
for ($i = 1; $i <= 6; $i++){
echo '<b>' . $dados['results']['forecast'][$i]['weekday'] . '</b> ';
echo $dados['results']['forecast'][$i]['date'] . ' <br> ';
echo '<b>Máxima: </b>' . $dados['results']['forecast'][$i]['max'] . ' - ';
echo '<b>Mínima: </b>' . $dados['results']['forecast'][$i]['min'] . ' <br> ';
echo '<b>Condição: </b>' . $dados['results']['forecast'][$i]['description'];
echo '<br>';
}