index.html 8.75 KB
Newer Older
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
<html>
<head>
  <title>A Leaflet map!</title>

      <link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
      <script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>

  <style>
    #map{ height: 100% }
  </style>
</head>
<body>

  <div id="map"></div>

  <script>

        // Creating map options
         var mapOptions = {
            center: [17.5952, 78.4414],
            zoom: 15,
            zoomControl: false
         }
         var map = new L.map('map',mapOptions); // Creating a map object
         L.marker([17.5952, 78.4414]).addTo(map)
nishanth's avatar
nishanth committed
26
         .bindPopup('MLR Institute of Technology')
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
27 28 29 30 31
         .openPopup();



var myIcon = L.icon({
32
    iconUrl: 'icons/fitness.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
33 34 35 36 37 38 39 40
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59454, 78.44211], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
41
    iconUrl: 'icons/atm.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
42 43 44 45 46 47 48 49 50
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59578,78.44065], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
51
    iconUrl: 'icons/canteen.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
52 53 54 55 56 57 58 59 60
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59446,78.44184], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
61
    iconUrl: 'icons/books.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
62 63 64 65 66 67 68 69 70 71
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59420,78.44148], {icon: myIcon}).addTo(map);



var myIcon = L.icon({
72
    iconUrl: 'icons/parking.svg',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
73 74 75 76 77 78 79 80 81 82
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59708,78.44330], {icon: myIcon}).addTo(map);



var myIcon = L.icon({
83
    iconUrl: 'icons/male-2.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
84 85 86 87 88 89 90 91 92 93 94
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59669,78.44278], {icon: myIcon}).addTo(map);



//water in hostel
var myIcon = L.icon({
95
    iconUrl: 'icons/water.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
96 97 98 99 100 101 102 103 104
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59667,78.44291], {icon: myIcon}).addTo(map);

//water in freshers dept.
var myIcon = L.icon({
105
    iconUrl: 'icons/water.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
106 107 108 109 110 111 112 113 114
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59632,78.44288], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
115
    iconUrl: 'icons/male-2.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
116 117 118 119 120 121 122 123 124 125
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59633,78.44278], {icon: myIcon}).addTo(map);



var myIcon = L.icon({
126
    iconUrl: 'icons/soccer.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
127 128 129 130 131 132 133 134 135 136
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59521,78.44265], {icon: myIcon}).addTo(map);



var myIcon = L.icon({
137
    iconUrl: 'icons/cricket.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
138 139 140 141 142 143 144 145 146
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59543,78.44162], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
147
    iconUrl: 'icons/basketball.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
148 149 150 151 152 153 154 155 156
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59540,78.44100], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
157
    iconUrl: 'icons/workshop1.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
158 159 160 161 162 163 164 165 166 167 168
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59430,78.44080], {icon: myIcon}).addTo(map);




var myIcon = L.icon({
169
    iconUrl: 'icons/indoor st.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
170 171 172 173 174 175 176 177 178 179
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59445,78.44236], {icon: myIcon}).addTo(map);



var myIcon = L.icon({
180
    iconUrl: 'icons/volleyball.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
181 182 183 184 185 186 187 188 189
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59473,78.44150], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
190
    iconUrl: 'icons/fountain.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
191 192 193 194 195 196 197 198 199
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59461,78.44089], {icon: myIcon}).addTo(map);

//water in zumba room
var myIcon = L.icon({
200
    iconUrl: 'icons/water.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
201 202 203 204 205 206 207 208
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59429,78.44214], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
209
    iconUrl: 'icons/male-2.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
210 211 212 213 214 215 216 217 218
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59424,78.44239], {icon: myIcon}).addTo(map);

//girls hostel 
var myIcon = L.icon({
219
    iconUrl: 'icons/water.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
220 221 222 223 224 225 226 227
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59403,78.44210], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
228
    iconUrl: 'icons/female-2.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
229 230 231 232 233 234 235 236 237
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59399,78.44228], {icon: myIcon}).addTo(map);

//srushti 
var myIcon = L.icon({
238
    iconUrl: 'icons/male-2.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
239 240 241 242 243 244 245 246 247
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59423,78.44124], {icon: myIcon}).addTo(map);

//juice center
var myIcon = L.icon({
248
    iconUrl: 'icons/bar_juice.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
249 250 251 252 253 254 255 256 257
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59442,78.44160], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
258
    iconUrl: 'icons/coffee.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
259 260 261 262 263 264 265 266 267
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59448,78.44165], {icon: myIcon}).addTo(map);

//water in canteen
var myIcon = L.icon({
268
    iconUrl: 'icons/water.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
269 270 271 272 273 274 275 276
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59449,78.44188], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
277
    iconUrl: 'icons/Auditorium.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
278 279 280 281 282 283 284 285
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59422,78.44166], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
286
    iconUrl: 'icons/water.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
287 288 289 290 291 292 293 294 295
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59454,78.44066], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
296
    iconUrl: 'icons/bike.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
297 298 299 300 301 302 303 304
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59618,78.44076], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
305
    iconUrl: 'icons/bus.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
306 307 308 309 310 311 312 313
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59625,78.44099], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
314
    iconUrl: 'icons/car.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
315 316 317 318 319 320 321 322 323
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59598,78.44104], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
324
    iconUrl: 'icons/parking.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
325 326 327 328 329 330 331 332
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59605,78.44090], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
333
    iconUrl: 'icons/bus.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
334 335 336 337 338 339 340 341 342
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59709,78.44329], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
343
    iconUrl: 'icons/grass.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
344 345 346 347 348 349 350 351
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59539,78.44059], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
352
    iconUrl: 'icons/tree.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
353 354 355 356 357 358 359 360 361
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59475,78.44106], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
362
    iconUrl: 'icons/tree.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
363 364 365 366 367 368 369 370
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59591,78.44271], {icon: myIcon}).addTo(map);

var myIcon = L.icon({
371
    iconUrl: 'icons/tree.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
372 373 374 375 376 377 378
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59647,78.44255], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
379
    iconUrl: 'icons/tree.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
380 381 382 383 384 385 386 387 388
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59584,78.44315], {icon: myIcon}).addTo(map);


var myIcon = L.icon({
389
    iconUrl: 'icons/tree.png',
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407
    iconSize: [20, 20],
    iconAnchor: [5, 5],
    popupAnchor: [10, 10],
    
});
L.marker([17.59672,78.44342], {icon: myIcon}).addTo(map);


  // initialize the map


  // load a tile layer
  L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
    {
      attribution: 'Tiles by <a href="http://mapc.org">MAPC</a>, Data by <a href="http://mass.gov/mgis">MassGIS</a>',
      maxZoom: 20,
      minZoom: 9
    }).addTo(map);
nishanth's avatar
nishanth committed
408 409 410
L.Control.Watermark = L.Control.extend({
    onAdd: function(map) {
        var img = L.DomUtil.create('img');
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
411

nishanth's avatar
nishanth committed
412
        img.src = 'https://media2.giphy.com/media/UOdoMz3baCENO/giphy.gif';
nishanth's avatar
nishanth committed
413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428
        img.style.width = '150px';

        return img;
    },

    onRemove: function(map) {
        // Nothing to do here
    }
});

L.control.watermark = function(opts) {
    return new L.Control.Watermark(opts);
}

L.control.watermark({ position: 'bottomleft' }).addTo(map);
   </script>
Venkata Vishnu Katragadda's avatar
Venkata Vishnu Katragadda committed
429 430 431
</body>
</html>