Add google map to about us page

DipanshKhandelwal · Nov 9, 2017 · 5d11345 · 5d11345
1 parent 11abf5a
commit 5d11345
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/aboutus/templates/aboutus/about_us.html b/aboutus/templates/aboutus/about_us.html
@@ -1,7 +1,24 @@
 {% extends 'basic/base.html' %}
 
 {% block content %}
+
     <h1>
         This is about page.
     </h1>
+    <div id="googleMap" style="width:100%;height:400px;"></div>
+    <script>
+        function initMap() {
+            var uluru = {lat: 23.259104, lng: 72.650406};
+            var map = new google.maps.Map(document.getElementById('googleMap'), {
+              zoom: 14,
+              center: uluru
+            });
+            var marker = new google.maps.Marker({
+              position: uluru,
+              map: map
+            });
+          }
+    </script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBlhGrUO5wzvuE3CwAzkyg8d0I7RldXR0I&callback=initMap"></script>
+
 {% endblock %}