View: Tropical

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 active tropical systems for the current season in a single listing:

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

	view.load();
	// End view / layout code
});
</script>

Display the active tropical systems for the current season in a tabbed format:

var view = new aeris.wxblox.views.Tropical('#wxblox', {

    show: {

        tabbed: true

    } 

});

view.load();

Display all tropical systems for the current season in a single listing:

var view = new aeris.wxblox.views.Tropical('#wxblox', {

	viewType: 'archive'

});

view.load();

Display all tropical systems for 2005 in a tabbed format:

var view = new aeris.wxblox.views.Tropical('#wxblox', {

	viewType: 'archive',

    	year: '2005'

});

view.load();

Display the full track for a specific tropical system (example uses Katrina):

var view = new aeris.wxblox.views.Tropical('#wxblox', {

	viewType: 'track'

});

view.load({

    p: '2005-AL-12'

});

Display the active tropical systems for the current season in a single listing:

$view = new Aeris\WxBlox\View(‘views/tropicalcyclones’);

$content = $view->html();

echo $content;

Display the active tropical systems for the current season in a tabbed format:

$view = new Aeris\WxBlox\View(‘views/tropical’, array(

	‘show’ => array(

		‘tabbed’ => true

	)

));

$content = $view->html();

echo $content;

Display all tropical systems for the current season in a single listing:

$view = new Aeris\WxBlox\View(‘views/tropical’, array(

	‘viewType’ => array(‘archive’)

);

$content = $view->html();

echo $content;

Display all tropical systems for 2005 in a tabbed format:

$view = new Aeris\WxBlox\View(‘views/tropical’, array(

	‘viewType’ => array(‘archive’),

	‘year’ => array(‘2005’)

);

$content = $view->html();

echo $content;

Display the full track for a specific tropical system (example uses Katrina):

$view = new Aeris\WxBlox\View(‘views/tropical’, ‘2005-AL-12’ array(

	‘viewType’ => array(‘track’)

);

$content = $view->html();

echo $content;

Display the active tropical systems for the current season in a single listing:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/views/tropical/active

Display the active tropical systems for the current season in a tabbed format:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/views/tropical/?opts=%7B%22show%22%3A%7B%22tabbed%22%3Atrue%7D%7D

Display all tropical systems for the current season in a single listing:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/views/tropical/?opts=%7B%22viewType%22%3A%22archive%22%7D

Display all tropical systems for 2005 in a tabbed format:
https://wxblox.aerisapi.com/[api_key]/[secret_key]/views/tropical/?opts=%7B%22viewType%22%3A%22archive%22%2C%20%22year%22%3A%222005%22%7D

Display the full track for a specific tropical system (example uses Katrina):
https://wxblox.aerisapi.com/[api_key]/[secret_key]/views/tropical/2005-AL-12?opts=%7B%22viewType%22%3A%22track%22%7D