Add map to Dashboard. #270

templates/home.html.twig

@@ -25,8 +25,45 @@
     <!-- END: Subheader -->
     <div class="m-content">
         <!--Begin::Section-->
-        <!--End::Section-->
+        <div class="row">
-        <!--Begin::Section-->
+            <div class="col-xl-12">
+                <div class="m-portlet m-portlet--mobile">
+                    <div class="m-portlet__body">
+                        <div class="form-group m-form__group row">
+                            <div class="col-lg-12">
+                                <div id="m_gmap" style="height:600px;"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
         <!--End::Section-->
     </div>
 {% endblock %}
+
+{% block scripts %}
+<script src="//maps.googleapis.com/maps/api/js?key={{ gmaps_api_key }}" type="text/javascript"></script>
+<script src="/assets/vendors/custom/gmaps/gmaps.js" type="text/javascript"></script>
+
+<script>
+// BEGIN google maps stuff
+
+initMap();
+
+function initMap() {
+    var map = new google.maps.Map(document.getElementById('m_gmap'),
+    {
+        center: {
+            lat: {% trans %}default_lat{% endtrans %},
+            lng: {% trans %}default_long{% endtrans %},
+        },
+        mapTypeId: 'roadmap',
+        zoom: 13
+    });
+}
+
+</script>
+
+// END google maps stuff
+{% endblock %}