/ var / www / html / trueforecaster / [ HOME SHELL ]

Name	Size	Permission	Action
Cyclone-Predictor-main.zip	3.42 MB	-rwxr-x--x
README.md	19 B	-rwxr-x--x
bulbul-img.png	255.31 KB	-rwxr-x--x
bulbul-map.html	3.15 KB	-rwxr-x--x
cyclone_style.css	10.99 KB	-rwxr-x--x
fani-img.png	271.62 KB	-rwxr-x--x
fani-map.html	3.14 KB	-rwxr-x--x
fani2-img.png	361.1 KB	-rwxr-x--x
fav.ico	170.13 KB	-rwxr-x--x
frame2.png	1.02 MB	-rwxr-x--x
frame3.png	1.07 MB	-rwxr-x--x
gaja-img.png	296.89 KB	-rwxr-x--x
gaja-map.html	2.97 KB	-rwxr-x--x
gaja2-img.png	362.63 KB	-rwxr-x--x
graph.PNG	52.44 KB	-rwxr-x--x
index.html	15.12 KB	-rwxr-x--x
java.js	10.38 KB	-rwxr-x--x

Code Editor : gaja-map.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.js"></script>
  <link href="https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.css" rel="stylesheet">
  <style>
    body { margin: 0; padding: 0; }
    #map { position: absolute; top: 0; bottom: 0; width: 100%; }
  </style>
</head>
<body>
  <div id="map"></div>

<script>
    mapboxgl.accessToken = 'pk.eyJ1Ijoic291cmFiaDIwNDc2IiwiYSI6ImNsaGo3eWU2eTBmNm4zdG9lcjE5NTYzbXEifQ.ik3kXE1t-cNQOsBgNKZ1Qw'; // Replace with your Mapbox access token

// Create a new map instance
    var map = new mapboxgl.Map({
      container: 'map',
      style: 'mapbox://styles/sourabh20476/clhkbfrpl01na01p65jo1akl3', // Replace with your Mapbox username and style ID
      center: [79.72,10.398], // Replace with the desired center coordinates
      zoom: 8.33 // Replace with the desired zoom level
    });

var marker = new mapboxgl.Marker({color:'red'})
    .setLngLat([79.72,10.398])
    .addTo(map);

map.addControl(new mapboxgl.NavigationControl());

var coordinates1 = [[79.6825, 10.37409933], [79.7, 10.35018413], [79.70583333, 10.31878577],
    [79.70583333, 10.30059343], [79.72333333, 10.29174032], [79.72916667, 10.29125421],
    [79.74666667, 10.28321128], [79.805, 10.3294213], [79.82833333, 10.35134785],
    [79.8225, 10.39824285], [79.82833333, 10.41563237], [79.81666667, 10.44852588],
    [79.79333333, 10.44887205], [79.75833333, 10.44118266], [79.72916667, 10.42332912],
    [79.6825, 10.37409933]];

var coordinates2 = [
      [67.2612676117711, 27.535643885803464],
      [68.2712676117711, 29.545643885803464],
      [79.2712676117711, 25.545643885803464],

[67.26183935525673, 27.53368556680578],
      // ... rest of your coordinates
    ];

map.on('load', function() {
      map.addSource('polygon1', {
        'type': 'geojson',
        'data': {
          'type': 'Feature',
          'geometry': {
            'type': 'Polygon',
            'coordinates': [coordinates1]
          }
        }
      });

map.addLayer({
        'id': 'polygon1',
        'type': 'fill',
        'source': 'polygon1',
        'paint': {
          'fill-color': 'blue',
          'fill-opacity': 0.6
        }
      });

// map.addSource('polygon2', {
      //   'type': 'geojson',
      //   'data': {
      //     'type': 'Feature',
      //     'geometry': {
      //       'type': 'Polygon',
      //       'coordinates': [coordinates2]
      //     }
      //   }
      // });
      //
      // map.addLayer({
      //   'id': 'polygon2',
      //   'type': 'fill',
      //   'source': 'polygon2',
      //   'paint': {
      //     'fill-color': 'red',
      //     'fill-opacity': 0.9
      //   }
      // });
    });

</script>
</body>
</html>

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.