New Question
 
 
PRTG Network Monitor

Intuitive to Use.
Easy to manage.

200.000 administrators have chosen PRTG to monitor their network. Find out how you can reduce cost, increase QoS and ease planning, as well.

Free PRTG
Download >>

 

What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general. You are invited to get involved by asking and answering questions!

Learn more

 

Top Tags


View all Tags


How can I show up-to-date weather information, webcam, and radar images in PRTG Maps?

Votes:

1

Your Vote:

Up

Down

I would like to create a dashboard for our NOC (big screen on the wall) that displays PRTG monitoring information along with webcam images, weather data, current radar maps, and other external information. How can I do this?

custom-html maps weather webcam

Created on Sep 24, 2010 9:53:52 AM by  Dirk Paessler [Founder Paessler AG] (10,858) 3 4

Last change on Apr 25, 2019 6:23:22 AM by  Florian Weik [Paessler Support]



6 Replies

Accepted Answer

Votes:

2

Your Vote:

Up

Down

This article applies to PRTG Network Monitor 16 or later

Adding External Information to PRTG Maps

Whether you want to add webcam images, weather data, or show the recent traffic around your city on a dashboard, with some HTML skills you can turn your PRTG Map into an amazing information provider! You can add external information to PRTG maps using the Custom HTML map object.

Here is a sample map which embeds various external sources with live data:

Sample Map
View sample map in full size.

Adding External Objects

The external information must be available as an IFRAME or IMG (script based embedding is not supported) with a specified width and height.

If your external information uses a script, please create a small webpage on some webserver, place the code there, and then embed this page in your map using an IFRAME.

Note: Current browsers only allow custom web-objects that include an SSL certificate. Therefore, IFRAME or IMG objects that link to "http://" objects not "https" will not be displayed in PRTG.

Insert the External Object

  1. Create a new map or open an existing one.
  2. Open the Map Designer tab.
  3. Choose Custom HTML under Properties on the right side, select the first available map object Custom HTML Element, and drag it into the main window.
  4. Click the object in the map. In the HTML Before field at the top of the Properties section on the right side, enter the code that you want to embed in the map.
  5. Click Save.

That's it. Your new object will show up in your map and you can move it around.


Examples: Free Weather Information Using IFRAME

Weather365

Visit Weather365 to get the code.

For example, the IFRAME code looks like this:

<iframe src="//api.weather365.net/foreign/citygeoip.php?language=31&tm=2&hpw=6&cityid=8710 width="99%" height="130" align="left" scrolling="no" frameborder="0" allowtransparency="true" name="Weather365"> <p>Your browser cannot show frames - click here<a href="http://www.weather365.net"> WEATHER365.net </a></p> </iframe>

Dark Sky Maps

Dark Sky Maps provides weather maps which you can filter for your required information. Visit Dark Sky Maps, define your desired properties, copy the embed code, and paste it into the PRTG Map Designer.

For example, the IFRAME code looks like this:

<iframe width='100%' frameBorder='0' style='height: 50vh; margin: 25px 0;' src='https://maps.darksky.net/@temperature,39.000,-95.000,4?embed=true&timeControl=false&fieldControl=false&defaultField=temperature&defaultUnits=_f'></iframe>

Unwetterzentrale

The German "Unwetterzentrale" provides free maps with severe weather warnings for Europe and Germany, which we also use on our office dashboards.

Visit Unwetterzentrale: Warnungen für Ihre Homepage, copy the provided code, and paste it into the PRTG Map Designer.

Weather Underground

Visit Weather Underground to get HTML code for free weather stickers.

Created on Sep 24, 2010 10:42:53 AM by  Dirk Paessler [Founder Paessler AG] (10,858) 3 4

Last change on Nov 22, 2016 5:18:16 PM by  Gerald Schoch [Paessler Support]



Votes:

0

Your Vote:

Up

Down

This is a great tool for us. I have tried all of the options above and nothing works.

Here is the link that I am using for BBC

<iframe src='http://news.bbc.co.uk/weather/forecast/4164138/Next3DaysEmbed.xhtml?target=_parent' allowTransparency='true' width='306' height='435' frameborder='0'></iframe>

In designer view the box is there but empty (even after I right click and refresh). In view map there is nothing.

Thanks

Created on Dec 14, 2014 4:47:19 PM by  MYFETO (10) 1



Votes:

0

Your Vote:

Up

Down

Hello,

is your prtg server using https?

Created on Dec 15, 2014 3:50:45 PM by  Aurelio Lombardi [Paessler Support]



Votes:

0

Your Vote:

Up

Down

I've tried every single example possible, can't get anything to embed. For what it's worth, yes, my PRTG server is using https.

Created on Jun 22, 2016 4:58:21 PM by  tomboxme (0)



Votes:

0

Your Vote:

Up

Down

Hi TomBoxMe,

iFrames will not work for cross domains or on HTTPS encrypted sites I'm afraid. To my knowledge, this is a security restriction of modern web browsers and cannot be bypassed.

Best regards, Felix

Created on Jun 23, 2016 12:03:52 PM by  Felix Saure [Paessler Support]



Votes:

0

Your Vote:

Up

Down

Hi TomBoxMe,

I've just updated the article including some iframe code snippets that work in PRTG.

Thank you for alerting us to the new behavior! Cordially, David

Created on Jul 28, 2016 1:39:11 PM by  David Fabian [Paessler Support] (49) 3 1



Please log in or register to enter your reply.


Disclaimer: The information in the Paessler Knowledge Base comes without warranty of any kind. Use at your own risk. Before applying any instructions please exercise proper system administrator housekeeping. You must make sure that a proper backup of all your data is available.