Layout: MonthlyObservations

The first example below can be pasted into the body of your HTML document. For each additional snippet, you can replace the snippet within the first example which is located between the JavaScript comments.

Display a full daily observation summary view for Seattle, WA for June 2017:

<link href="https://cdn.aerisapi.com/wxblox/latest/aeris-wxblox.css" rel="stylesheet"/>
<script src="https://cdn.aerisapi.com/wxblox/latest/aeris-wxblox.js"></script>

<!-- DOM target where the WeatherBlox view will be rendered -->
<div id="wxblox"></div>

<script>
const aeris = new AerisWeather('CLIENT_KEY', 'CLIENT_SECRET');
aeris.on('ready', () => {
	// Insert view / layout code below
	
var view = new aeris.wxblox.layouts.local.MonthlyObservations('#wxblox', {

	    obs: {

	        range: {

	            from: '6/1/2017'

	        }

	    }

	});

	view.load({

	    p: 'seattle,wa'

	});
	// End view / layout code
});
</script>

Display a full daily observation summary view for Seattle, WA for June 2017:

$view = new Aeris\WxBlox\View(’/layouts/local/observations/month’, ‘seattle,wa’, array(

	‘obs’ => array(

		‘range’ => array(

			‘from’ => ‘6/1/2017’

		)

	)

));

$content = $view->html();

echo $content;

Display a full daily observation summary view for Seattle, WA for June 2017:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/layouts/local/observations/month/seattle,wa?from=6/1/2017