project/templates/about/venue.html
branch2011
changeset 469 40025d462588
parent 408 2a34cfa6b417
--- a/project/templates/about/venue.html	Fri Dec 02 15:15:32 2011 +0530
+++ b/project/templates/about/venue.html	Fri Dec 02 16:10:48 2011 +0530
@@ -1,4 +1,9 @@
 {% extends "base.html" %}
+{% block addscripts %}
+<link rel="stylesheet" href="/static/css/leaflet.css" />
+<!--[if lte IE 8]><link rel="stylesheet" href="/static/css/leaflet.ie.css" /><![endif]-->
+<script type="text/javascript" src="/static/js/leaflet.js"></script>
+{% endblock%}
 {% block content %}
 <h1>Venue</h1>
 <div class="entry">
@@ -15,4 +20,39 @@
   world-renowned (and globally top-ranked) engineering school.
 </p>
 </div>
+<div id="map" style="height: 400px"></div>
+<script>
+var map = new L.Map('map');
+var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/3d56af3a9c9248eb8bca93645a548e76/997/256/{z}/{x}/{y}.png',
+    cloudmadeAttrib = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
+    cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 28, attribution: cloudmadeAttrib});
+var vmcc = new L.LatLng(19.132, 72.917); // geographical point (longitude and latitude)
+map.setView(vmcc, 15).addLayer(cloudmade);
+
+var maingateLocation = new L.LatLng(19.125079,72.916483);
+var maingatemarker = new L.Marker(maingateLocation);
+map.addLayer(maingatemarker);
+maingatemarker.bindPopup("IIT Bombay main gate").openPopup();
+
+var h1Location = new L.LatLng(19.136695,72.913844);
+var h1marker = new L.Marker(h1Location);
+map.addLayer(h1marker);
+h1marker.bindPopup("Hostel 1").openPopup();
+
+var h11Location = new L.LatLng(19.133188,72.911934);
+var h11marker = new L.Marker(h11Location);
+map.addLayer(h11marker);
+h11marker.bindPopup("Hostel 11").openPopup();
+
+var sameerLocation = new L.LatLng(19.138347,72.915314);
+var sameermarker = new L.Marker(sameerLocation);
+map.addLayer(sameermarker);
+sameermarker.bindPopup("Sameer Guest House").openPopup();
+
+var vmccLocation = new L.LatLng(19.132833, 72.917342);
+var vmccmarker = new L.Marker(vmccLocation);
+map.addLayer(vmccmarker);
+vmccmarker.bindPopup("<b>VMCC</b><br />Venue:Scipy India 2011").openPopup();
+
+</script>
 {% endblock content %}