Browse Source

Add status field to the popup window

master
onryo 1 month ago
parent
commit
cf8971e418
  1. 2
      index.html

2
index.html

@ -9,6 +9,6 @@
</head>
<body>
<div id="map"></div>
<script>var map=L.map('map',{maxBounds:L.latLngBounds([-90,-180],[90,180]),minZoom:3,zoomControl:false}).setView([0,0],2);L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}{r}.png',{attribution:'<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> | <a href="https://carto.com/attributions">CARTO</a>',subdomains:'abcd',maxZoom:20}).addTo(map);fetch('nodes.dat').then(response=>response.text()).then(data=>{const nodes=data.trim().split('\n').map(line=>{const[lat,lon,owner,location,ip,status,version]=line.split(',');return{lat:parseFloat(lat),lon:parseFloat(lon),owner,location,ip,status,version}});nodes.forEach(node=>{const markerIcon=L.divIcon({className:`marker-pulse ${node.status.toLowerCase()}`,iconSize:[10,10]});const marker=L.marker([node.lat,node.lon],{icon:markerIcon}).addTo(map);marker.bindPopup(`<b>${node.owner}</b><br>Location: ${node.location}<br>IP Address: ${node.ip}<br>Version: ${node.version}`)})}).catch(error=>console.error('Error reading nodes.dat:',error));</script>
<script>var map=L.map('map',{maxBounds:L.latLngBounds([-90,-180],[90,180]),minZoom:3,zoomControl:false}).setView([0,0],2);L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}{r}.png',{attribution:'<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> | <a href="https://carto.com/attributions">CARTO</a>',subdomains:'abcd',maxZoom:20}).addTo(map);fetch('nodes.dat').then(response=>response.text()).then(data=>{const nodes=data.trim().split('\n').map(line=>{const[lat,lon,owner,location,ip,status,version]=line.split(',');return{lat:parseFloat(lat),lon:parseFloat(lon),owner,location,ip,status,version}});nodes.forEach(node=>{const markerIcon=L.divIcon({className:`marker-pulse ${node.status.toLowerCase()}`,iconSize:[10,10]});const marker=L.marker([node.lat,node.lon],{icon:markerIcon}).addTo(map);marker.bindPopup(`<b>${node.owner}</b><br>Location: ${node.location}<br>IP Address: ${node.ip}<br>Version: ${node.version}<br>Status: ${node.status}`)})}).catch(error=>console.error('Error reading nodes.dat:',error));</script>
</body>
</html>
Loading…
Cancel
Save