HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

256x256

26 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!DOCTYPE html>
<html>
<head>
    <title>Network Live Map</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
    <style>
        body { padding: 0; margin: 0; }
        html, body, #map { height: 100%; width: 100vw; background: #f0f0f0; }
        .status-box {
            position: absolute; top: 10px; right: 10px; z-index: 1000;
            background: white; padding: 8px 12px; border-radius: 20px;
            font-family: sans-serif; font-size: 12px; font-weight: bold;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2); border: 1px solid #27ae60; color: #27ae60;
        }
    </style>
</head>
<body>
    <div class="status-box">● NETWORK LIVE</div>
    <div id="map"></div>

    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <script>
        var map = L.map('map').setView([21.465, 71.930], 12);
        
        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);

        const tower = [21.460544, 72.003833];
        const sites = [
            { name: "Main Core Server", loc: [21.518424, 71.826738], color: "#3498db" },
            { name: "Om Construction", loc: [21.440774, 71.920369], color: "#27ae60" },
            { name: "Sitaram Quarry", loc: [21.440308, 71.922763], color: "#27ae60" },
            { name: "Shihori Hotel", loc: [21.478354, 71.890124], color: "#27ae60" },
            { name: "Bhadraval 1 School", loc: [21.4690118, 72.0027349], color: "#27ae60" }
        ];

        // Draw Bhadraval Main Tower
        L.circleMarker(tower, { radius: 8, color: '#e74c3c', fillOpacity: 1 }).addTo(map).bindPopup("<b>Bhadraval Main Tower</b>");

        // Draw connections and markers
        sites.forEach(s => {
            L.circleMarker(s.loc, { radius: 6, color: s.color, fillOpacity: 1 }).addTo(map).bindPopup("<b>"+s.name+"</b>");
            
            if(s.color === "#27ae60") {
                L.polyline([tower, s.loc], { color: '#27ae60', weight: 3, opacity: 0.7 }).addTo(map);
            }
        });
    </script>
</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

477KB

Transfer Size

577KB

Content Size

216.0ms

Dom Content Loaded

136.0ms

First Paint

693.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests