Solution able to display your Wearthermap in google map or others(like world map)


i research a solution able to display your Wearthermap in google map or others (like world map).

I want to put my Wearthermap or my equipements from LibreNMS to a google map or World Map. And i want to draw line on my map or add link for my Weathermap.
display the result in Librenms in the world map or…

I already check here

If someone has an idea, it could help me alot!


You can add a map to weathermap. You can add to the images directory.

You speak about Background Image Filename in map propertis?
I know i can add image (like .png)
But if i want to use for exemple map google (with zoom and zoom out)
I need to add file.... what ?

That’s what I was saying just a basic image. No other way interactive map. Unless you code it.

Ok :disappointed_relieved:
Noboby already do that (some examples?)

Thx for help


I create a new map with Openstreetmap in php with this tutorial, Its work:

But now, I want to remplace the default worldmap in Librenms by my new map.php.
I tried to add my map in config.php, It’s didn’t work

Looks like what Worldmap already does, unless you have a traffic overlay in your custom map.php

You can add the Notes widget to the Dashboard which supports iframes to load your map creation.

my program in html:

> <!DOCTYPE html>
> <html lang="fr">
>   <head>
>     <link rel="stylesheet" href="" />
>     <script src=""></script>
>     <link rel="stylesheet" href="style.css">
>     <title>Tutoriel Leaflet OSM</title>
>   </head>
>   <body>
>     <div id="macarte" style="width:1600px; height:900px"></div>
>     <script>
>       var carte ='macarte').setView([48.631184, -1.971449], 13);
>       L.tileLayer('http://{s}{z}/{x}/{y}.png', {
>         attribution: '&copy; <a href="">OpenStreetMap</a> contributors'
>       }).addTo(carte);
> 						// Ajout d'un point
> 						var marker = L.marker([48.629143, -1.97833]).addTo(carte);
> 						var marker = L.marker([48.647073, -2.006941]).addTo(carte);
> 						var marker = L.marker([48.647428, -2.01053]).addTo(carte);
> 						 // Ajout d'un cercle autor du point 
> 						//var influence =[48.629143, -1.97833], 5000).addTo(carte); 
> 						   var hexa = L.polygon([
>         [48.629143, -1.97833],
>         [48.647073, -2.006941],
> 			], {color: 'red'}).addTo(carte);
> 						 var hexa = L.polygon([
>         [48.629143, -1.97833],
>         [48.647428, -2.01053],
> 			], {color: 'red'}).addTo(carte);
>     </script>
>   </body>
> </html>

But can I delete the default worldmap and remplace by my new map? And how?