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:

2

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,880) 3 4

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



7 Replies

Accepted Answer

Votes:

2

Your Vote:

Up

Down

This article applies to PRTG Network Monitor 19 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 that embeds various external sources with live data:

Example Dashboard
Click to enlarge.

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, create a small webpage on some webserver, place the code there, and 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 a URL starting with http and 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. Select 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.

This is all. Your new object will show up in your map and you can move it around.

Examples

Weather Information

Visit meteoblue.com to get the code.

For example, the IFRAME code could look like this:

<iframe src='https://www.meteoblue.com/en/weather/widget/three/nuremberg_germany_2861650?geoloc=fixed&amp;nocurrent=0&amp;noforecast=0&amp;days=4&amp;tempunit=CELSIUS&amp;windunit=KILOMETER_PER_HOUR&amp;layout=image' frameborder='0' scrolling='NO' allowtransparency='true' sandbox='allow-same-origin allow-scripts allow-popups' style='width: 500px;height: 320px'></iframe><!-- DO NOT REMOVE THIS LINK --><a href='https://www.meteoblue.com/en/weather/forecast/week/nuremberg_germany_2861650?utm_source=weather_widget&amp;utm_medium=linkus&amp;utm_content=three&amp;utm_campaign=Weather%2BWidget' target='_blank'>meteoblue</a>

Dark Sky Maps

Dark Sky Maps provides weather maps that 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 could look like this:

<iframe src='https://maps.darksky.net/@temperature,49.448,11.076,11' style='border:0px #ffffff none;' name='myiFrame' scrolling='no' frameborder='1' marginheight='0px' marginwidth='0px' height='400px' width='600px' allowfullscreen=''></iframe>

Unwetterzentrale

The German Unwetterzentrale provides free maps with severe weather warnings for Europe and Germany. We also use it on our office dashboards.

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

Radar Check

You can use the radar check to see if your browser session is working. For example, the HTML code could look like this: img src='https://gotbeer.com/images/radar-loading.gif' width='79' height='79/'

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

Last change on Jul 24, 2019 10:05:22 AM by  Brandy Greger [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



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

<iframe src="https://seowho.co.il/" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe>

Created on Jul 23, 2019 6:46:44 AM by  elizrihen (0)



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.