Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: How to add Weathermaps to Dashboards #7636

Merged
merged 2 commits into from
Nov 5, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 31 additions & 0 deletions doc/Extensions/Weathermap.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Binary file added doc/img/network-weathermap-dashboard.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.