2 {% block addscripts %}

     3 <link rel="stylesheet" href="/static/css/leaflet.css" />

     4 <!--[if lte IE 8]><link rel="stylesheet" href="/static/css/leaflet.ie.css" /><![endif]-->

     5 <script type="text/javascript" src="/static/js/leaflet.js"></script>

     6 {% endblock%}

    23 <div id="map" style="height: 400px"></div>

    24 <script>

    25 var map = new L.Map('map');

    26 var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/3d56af3a9c9248eb8bca93645a548e76/997/256/{z}/{x}/{y}.png',

    27     cloudmadeAttrib = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',

    28     cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 28, attribution: cloudmadeAttrib});

    29 var vmcc = new L.LatLng(19.132, 72.917); // geographical point (longitude and latitude)

    30 map.setView(vmcc, 15).addLayer(cloudmade);

    31 

    32 var maingateLocation = new L.LatLng(19.125079,72.916483);

    33 var maingatemarker = new L.Marker(maingateLocation);

    34 map.addLayer(maingatemarker);

    35 maingatemarker.bindPopup("IIT Bombay main gate").openPopup();

    36 

    37 var h1Location = new L.LatLng(19.136695,72.913844);

    38 var h1marker = new L.Marker(h1Location);

    39 map.addLayer(h1marker);

    40 h1marker.bindPopup("Hostel 1").openPopup();

    41 

    42 var h11Location = new L.LatLng(19.133188,72.911934);

    43 var h11marker = new L.Marker(h11Location);

    44 map.addLayer(h11marker);

    45 h11marker.bindPopup("Hostel 11").openPopup();

    46 

    47 var sameerLocation = new L.LatLng(19.138347,72.915314);

    48 var sameermarker = new L.Marker(sameerLocation);

    49 map.addLayer(sameermarker);

    50 sameermarker.bindPopup("Sameer Guest House").openPopup();

    51 

    52 var vmccLocation = new L.LatLng(19.132833, 72.917342);

    53 var vmccmarker = new L.Marker(vmccLocation);

    54 map.addLayer(vmccmarker);

    55 vmccmarker.bindPopup("<b>VMCC</b><br />Venue:Scipy India 2011").openPopup();

    56 

    57 </script>