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

Help
1

Hi,

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 https://docs.librenms.org/Extensions/World-Map/.

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

Thx!

2

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

3

how?
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 ?

4

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

5

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

Thx for help

6

up

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

7

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.

8

my program in html:

> <!DOCTYPE html>
> <html lang="fr">
> 
>   <head>
>   
>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" />
>     <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></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 = L.map('macarte').setView([48.631184, -1.971449], 13);
>       L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
>         attribution: '&copy; <a href="http://osm.org/copyright">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 = L.circle([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>
9

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