/ 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 : fani-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/clhj6k2a701i101pre7dnfycf', // Replace with your Mapbox username and style ID
      center: [85.93,20.2], // Replace with the desired center coordinates
      zoom: 8.33 // Replace with the desired zoom level
    });

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

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

var coordinates1 = [[85.7826087, 20.21015228], [85.80086957, 20.16142132], [85.80695652, 20.15532995], [85.84956522, 20.08832487],
    [85.84956522, 20.05786802], [85.91043478, 20.11269036], [86.00173913, 20.14314721], [86.00782609, 20.14314721], [86.05043478, 20.13705584],
    [86.1173913, 20.13096447], [86.19043478, 20.1857868], [86.21478261, 20.2284264], [86.14782609, 20.21015228], [86.09304348, 20.24060914],
    [86.03826087, 20.24670051], [86.00173913, 20.25279188], [85.95913043, 20.24670051], [85.94086957, 20.24670051], [85.92869565, 20.19796954],
    [85.89217391, 20.17969543], [85.83130435, 20.21015228], [85.7826087, 20.21015228]];

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.