April 12

Weather Impacts and Asset Management

Asset management can take many forms, whether the asset is an employee, client, facility, or goods in transit. Weather plays a significant role when ensuring the safety, scheduling, and planning of these assets.

AerisWeather offers industry-leading tools to assist with asset management, including the AerisWeather API, AerisWeather Maps, and our various SDKs. Utilizing a combination of our services provides the best insight into how the weather may impact your assets.

Our Interactive Map Application includes weather impacts as a standard feature to display the current weather impacts affecting a location, facility, or asset.

What Are Weather Impacts?

The definition of an impact is to have a substantial effect on someone or something – so a weather impact is when one or more weather elements, such as rain, snow, wind, and tornados, affect someone or something.

Information on these weather elements is available via the AerisWeather API. However, we provide a graphical representation of how different weather elements may impact a location or asset within our interactive maps. These impacts provide insight into how snow, ice, rain, wind, and lightning affect an asset’s location now and in the short term.

How to Implement Weather Impacts

Impacts are available in the default Weather infobox displayed when clicking on the interactive map within the Interactive Map App. You can test this within our Aviation Demo by clicking on the map, and the impacts will display in the weather infobox.

Aviation Demo with Severe Weather Impacts

To integrate an interactive map with weather impacts, utilize one of our many examples or use our Map App Wizard to create a map with the options that fit your requirements. We created the following example snippet that displays any active alerts, threats, and impacts when clicking on the interactive map via the wizard:

Note: Remember to replace CLIENT_ID and CLIENT_KEY with your application’s ID and key.

[crayon-6386a00450991207075502 inline="true" ]<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<script defer src="https://cdn.aerisapi.com/sdk/js/latest/aerisweather.min.js"></script>
	<link rel="stylesheet" href="https://cdn.aerisapi.com/sdk/js/latest/aerisweather.css">
	<style>
 		#map {
			height: 600px;
			width: 900px;
    		margin: 30px auto;
  		}
  	</style>
</head>
<body>		
	
<div id="map"></div>	

<script>	 
window.addEventListener('load', () => { 
		
	const aeris = new AerisWeather('CLIENT_ID', 'CLIENT_KEY');	
	const utils = aeris.utils;

	aeris.apps().then((apps) => {
		const app = new apps.InteractiveMapApp(document.getElementById('map'), {
            map: {
                strategy: "leaflet",
                zoom: 5,
                center: {
                    lat: 44.8,
                    lon: -93.47
                },
                timeline: {
                    from: -7200,
                    to: 0
                }
            },
            panels: {
                layers: {
                    buttons: [],
                    enabled: true,
                    toggleable: false,
                    position: {
                        pin: "topright",
                        translate: {
                            x: -10,
                            y: 10
                        }
                    }
                },
                timeline: {
                    enabled: true,
                    toggleable: false,
                    position: {
                        pin: "bottom",
                        translate: {
                            x: 0,
                            y: -10
                        }
                    }
                },
                search: {
                    enabled: true,
                    toggleable: false,
                    position: {
                        pin: "top",
                        translate: {
                            x: 0,
                            y: 10
                        }
                    }
                },
                legends: {
                    enabled: true,
                    toggleable: true,
                    position: {
                        pin: "bottomright",
                        translate: {
                            x: -10,
                            y: -10
                        }
                    }
                },
                info: {
                    enabled: true,
                    position: {
                        pin: "topleft",
                        translate: {
                            x: 10,
                            y: 10
                        }
                    },
                    metric: false
                }
            }
        });
		
		app.on('ready', () => {
			// configure views for local weather info panel
			app.panels.info.setContentView('localweather', {
                views: [{
                        renderer: "place"
                    },{
                        renderer: "alerts"
                    },{
                        renderer: "threats"
                    },{
                        renderer: "hazards"
                    }]
            });
		
			// show info panel for location when map is clicked
			app.map.on('click', (e) => {
				app.showInfoAtCoord(e.data.coord, 'localweather', 'Local Weather');
			});
		});
		
	});			
});
</script>	

</body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

[crayon-6386a00450991207075502 inline="true" ]<!DOCTYPE html>

<html>

<head>

<style>

#map {

height: 600px;

width: 900px;

margin: 30px auto;

}

</style>

</head>

<body>

window.addEventListener('load', () => {

const aeris = new AerisWeather('CLIENT_ID', 'CLIENT_KEY');

const utils = aeris.utils;

aeris.apps().then((apps) => {

const app = new apps.InteractiveMapApp(document.getElementById('map'), {

map: {

strategy: "leaflet",

zoom: 5,

center: {

lat: 44.8,

lon: -93.47

timeline: {

from: -7200,

to: 0

}

panels: {

layers: {

buttons: [],

enabled: true,

toggleable: false,

position: {

pin: "topright",

translate: {

x: -10,

y: 10

}

timeline: {

enabled: true,

toggleable: false,

position: {

pin: "bottom",

translate: {

x: 0,

y: -10

}

search: {

enabled: true,

toggleable: false,

position: {

pin: "top",

translate: {

x: 0,

y: 10

}

legends: {

enabled: true,

toggleable: true,

position: {

pin: "bottomright",

translate: {

x: -10,

y: -10

}

info: {

enabled: true,

position: {

pin: "topleft",

translate: {

x: 10,

y: 10

}

metric: false

}

});

app.on('ready', () => {

// configure views for local weather info panel

app.panels.info.setContentView('localweather', {

views: [{

renderer: "place"

},{

renderer: "alerts"

},{

renderer: "threats"

},{

renderer: "hazards"

}]

});

// show info panel for location when map is clicked

app.map.on('click', (e) => {

app.showInfoAtCoord(e.data.coord, 'localweather', 'Local Weather');

});

</script>

</body>

</html>

[/crayon]

To visualize the impact on assets, check out our Facility Demo. With this integration, the weather impacts are available when selecting a facility.

Custom Weather Impacts

The JavaScript SDK currently provides standard weather impacts based on defined rules. While these rules work across many use cases, they can be customized to fit the requirements of your asset. For example, if your asset is a tractor-trailer, you may wish to add a wind gust impact.

We will expand on this topic and provide examples in our next Weather Impacts blog.

In the meantime, check out our interactive maps with weather impacts! Contact our sales team or sign up for a developer account today.

Post Details

Posted by Lee Huffman at 9:29 pm

Weather Impacts and Asset Management

What Are Weather Impacts?

How to Implement Weather Impacts

Custom Weather Impacts

No comments yet.

Leave a Reply Cancel reply