docs: Added example on how to add Weathermaps to Dashboards (#7636)

* docs: How to add Weathermaps to Dashboards

* image for weathermap dashboard

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)