Layout: Local

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 local weather layout view for Seattle, WA:

<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.Main('#wxblox');

	view.load({

	    p: 'seattle,wa'

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

Display a full local weather layout view for Seattle, WA:

$view = new Aeris\WxBlox\View(‘layouts/local’, ‘seattle,wa’);

$content = $view->html();

echo $content;

Display a full local weather layout view for Seattle, WA:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/layouts/local/seattle,wa