Map - Weather Help

HI,

Trying to get the weather to display on a worldwide map, (Similar to: Adding Live Weather to the "Worldwide Map" Resource ) however i get the overlay for options, but no weather data displayed.

Has anyone got code that's working that they can share, and preferably with 'idiot' proof instructions so that i can implement within my environment?

Cheers,

Brufty

Find more posts tagged with

worldmap

weather

map

Accepted answers

All comments

mesverrum

If you put something good up for free on the internet it turns out that a million people start trying to use it. So, Openweathermaps gated their system behind an API and you have register an account with them and make some changes to the html example at the top of that thread to get it working now.

Look for the comment by user chadstout in that thread to see how he modified that example and created an html resource that uses the maps from aerisweather instead. In both scenarios now you would need to register an account and they throttle the number of requests per day your users are allowed to make based on if you are using a free or paid account, I've tested Chad's technique before with a free account and it does the job but if your pages are getting loaded often it burns through the free api calls remarkably quickly.

john_auer

I also had a working weather map in our environment, but the overlay has since dissapeared. I don't know if this is a result of applying a recent hotfix, running the configuration wizard or what. It stopped showing the weather only recently. We are using the script below borrowed from the original author below and modifieda very talented Loop 1 representative seen posting here quite often. Is it possible that we need to obtain a client ID and a new key?

//Heavily modified version of "ADDING LIVE WEATHER TO THE "WORLDWIDE MAP" RESOURCE" post on Thwack

//Original author is user "s-k" https://thwack.solarwinds.com/people/s-k

$(document).ready(function(){

var body = document.getElementsByTagName('body')[0];

function customizeMap(id, h) {

//URL template for 1 layer type = 'https://maps.aerisapi.com/[client_id]_[client_key]/[code]/{z}/{x}/{y}/current.png'

//URL template for multiple layer types = 'https://maps.aerisapi.com/[client_id]_[client_key]/[code1],[code2],[code#]/{z}/{x}/{y}/current.png'

//[client_id] and [client_key] are required, and can be acquired for free by signing up at https://aerisweather.com

//Use is limited in the free version to 2,500 hits to the tiles, and 250 hits to the API.

//The tiles are served FAST!!

var leaflet_mapobj = SW.Core.Volatile.WorldMaps[id].leaflet();

var radar = new L.tileLayer('https://maps.aerisapi.com/ldc4VtJofxTSFZxaVHccq_QHwtsOLYYoOxriSNWwO4kYLHL9DYG3wqyz9l1Azs/radar/{z}/{x}/{y}/current.png', {

isBaseLayer: false,

opacity: 0.8,

maxZoom: 18

});

var alerts = new L.tileLayer('https://maps.aerisapi.com/ldc4VtJofxTSFZxaVHccq_QHwtsOLYYoOxriSNWwO4kYLHL9DYG3wqyz9l1Azs/alerts/{z}/{x}/{y}/current.png', {

isBaseLayer: false,

opacity: 0.6,

maxZoom: 18

});

var stormcells = new L.tileLayer('https://maps.aerisapi.com/ldc4VtJofxTSFZxaVHccq_QHwtsOLYYoOxriSNWwO4kYLHL9DYG3wqyz9l1Azs/stormcells/{z}/{x}/{y}/current.png', {

isBaseLayer: false,

opacity: 0.4,

maxZoom: 18

});

var lightning = new L.tileLayer('https://maps.aerisapi.com/ldc4VtJofxTSFZxaVHccq_QHwtsOLYYoOxriSNWwO4kYLHL9DYG3wqyz9l1Azs/lightning-strike-density/{z}/{x}/{y}/current.png', {

isBaseLayer: false,

opacity: 0.4,

maxZoom: 18

});

//There are tons of layers offered, check "https://www.aerisweather.com/support/docs/aeris-maps/reference/map-layers/" and us

leaflet_mapobj.addLayer(radar);

//leaflet_mapobj.addLayer(alerts);

//leaflet_mapobj.addLayer(stormcells);

//leaflet_mapobj.addLayer(lightning);

var css = document.createElement('style');

css.type = 'text/css';

css.text = '#worldmap' + id + ' { height: ' + h + '; }';

body.appendChild(css);

}

//I have multiple maps on the same page, so multiple calls. Unneccesary calls can be removed or commented out.

//MapID# retrieved the same way as OP's method. Map#Height is the height of the map, again retrieved the same way as the OP's method.

setTimeout(function(){customizeMap("1087","750");}, 250);

//setTimeout(function(){customizeMap("MapID2","Map2Height");}, 250);

//setTimeout(function(){customizeMap("MapID3","Map3Height");}, 250);

//setTimeout(function(){customizeMap("MapID4","Map4Height");}, 250);

});

</script>

mesverrum

If you are still using the free Aerisweather account I saw that they require you to renew the account every few months, I expect that is what happened in this case.

mislam9

SolarWinds with Aeris Map API integration and NCM Network Map Integration