diff --git a/doc/Extensions/Weathermap.md b/doc/Extensions/Weathermap.md index a34d4d3567..0cf28e3a4c 100644 --- a/doc/Extensions/Weathermap.md +++ b/doc/Extensions/Weathermap.md @@ -32,3 +32,34 @@ Optional: If your install is in another directory than standard, set `$basehref` Automatically generate weathermaps from a LibreNMS database using WeatherMapper [Link](https://github.com/pblasquez/weathermapper) ![Example Network Weather Map](/img/network-weather-map.PNG) + +### Adding your Network Weathermps to the Dashboards + +Once you have created your Network Weather Map you can add it to a dashboard page by doing the following. + +### Step 1 +When you create the Weathermap make sure to export as HTML and PNG you will need this for the out to the dashboard. + +In the Weathermap Plugin page, you will see the output maps. `Right click` on one of the maps and click on `copy image address`. + +Example URL: `http://yourlibrenms.org/plugins/Weathermap/output/yourmap.html` + + +### Step 2 +Then go back to your Dashboard, create a new dashboard and give it a name. select the widget as *External Images*. + +Give the Widget a Title. + +The *Image URL* will need to be the address you copied but at the end remove the `.html` and replace it with `.png` + +Example *Image URL* `http://yourlibrenms.org/plugins/Weathermap/output/yourmap.png` + +The *Target URL* will be the URL you copied but with the `.html` at the end of the URL. + +Example *Target URL* `http://yourlibrenms.org/plugins/Weathermap/output/yourmap.html` + +Then Click on Set + +You should now be able to see the Weathermap you have created in your list of dashboards. You could also add this to existing dashboards. + +![Example Network Weathermap Dashboard](/img/network-weathermap-dashboard.png) diff --git a/doc/img/network-weathermap-dashboard.png b/doc/img/network-weathermap-dashboard.png new file mode 100644 index 0000000000..e8c7f96dc3 Binary files /dev/null and b/doc/img/network-weathermap-dashboard.png differ