Layout: Advisories

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 the full advisories layout for Houston, TX containing all active advisory details and the default local advisory/radar map:

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

	view.load({

	    p: 'houston,tx'

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

Display the full advisories layout for New York, NY with custom map data layer options:

var view = new aeris.wxblox.layouts.local.Advisories('#wxblox', {

	maps: {

		controls: {

			layers: [{

				code: 'alerts',

				title: 'Advisories'

			},{

				code: 'radar',

				title: 'Radar'

			},{

				code: 'stormreports',

				title: 'Storm Reports'

			}]

		}

	}

});

view.load({

    p: 'new+york,ny'

});

Display the full advisories layout for Houston, TX containing all active advisory details and the default local advisory/radar map:

$view = new Aeris\WxBlox\View(‘layouts/local/advisories’, ‘houston,tx’);

$content = $view->html();

echo $content;

Display the full advisories layout for New York, NY with custom map data layer options:

$view = new Aeris\WxBlox\View(‘layouts/local/advisories’, ‘new york,ny’, array(

	‘maps’ => array(

		‘controls’ => array(

			‘layers’ => array(

				array(‘code’ => ‘alerts’, ‘title’ => ‘Advisories’),

				array(‘code’ => ‘radar’, ‘title’ => ‘Radar’),

				array(‘code’ => ‘stormreports’, ‘title’ => ‘Storm Reports’)

			)

		)

	)

));

$content = $view->html();

echo $content;

Display the full advisories layout for Houston, TX containing all active advisory details and the default local advisory/radar map:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/layouts/local/advisories/houston,tx

Display the full advisories layout for New York, NY with custom map data layer options:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/layouts/local/advisories/new+york,ny?opts=%7B%22maps%22%3A%7B%22controls%22%3A%7B%22layers%22%3A%5B%7B%22code%22%3A%22alerts%22%2C%22title%22%3A%22Advisories%22%7D%2C%7B%22code%22%3A%22radar%22%2C%22title%22%3A%22Radar%22%7D%2C%7B%22code%22%3A%22stormreports%22%2C%22title%22%3A%22StormReports%22%7D%5D%7D%7D%7D