FEATURE LocationsController initial

initial map js script

composer.json

@@ -26,6 +26,9 @@
     "extra": {
         "branch-alias": {
             "dev-master": "1.x-dev"
-        }
+        },
+        "expose": [
+            "dist"
+        ]
     }
 }

dist/css/map.css

@@ -0,0 +1,87 @@
+#map {
+    height: 700px;
+}
+
+#panel {
+    height: 700px;
+}
+
+/* Styling for Autocomplete search bar */
+#pac-card {
+    background-color: #fff;
+    border-radius: 2px 0 0 2px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+    box-sizing: border-box;
+    font-family: Roboto;
+    margin: 10px 10px 0 0;
+    -moz-box-sizing: border-box;
+    outline: none;
+  }
+
+  #pac-container {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    margin-right: 12px;
+  }
+
+  #pac-input {
+    background-color: #fff;
+    font-family: Roboto;
+    font-size: 15px;
+    font-weight: 300;
+    margin-left: 12px;
+    padding: 0 11px 0 13px;
+    text-overflow: ellipsis;
+    width: 400px;
+  }
+
+  #pac-input:focus {
+    border-color: #4d90fe;
+  }
+
+  #title {
+    color: #fff;
+    background-color: #acbcc9;
+    font-size: 18px;
+    font-weight: 400;
+    padding: 6px 12px;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  /* Styling for an info pane that slides out from the left. 
+   * Hidden by default. */
+  #panel {
+    height: 700px;
+    width: null;
+    background-color: white;
+    /* position: fixed; */
+    z-index: 1;
+    overflow-x: hidden;
+    transition: all .2s ease-out;
+  }
+
+  .open {
+    width: 250px;
+  }
+
+  .place {
+    font-family: 'open sans', arial, sans-serif;
+    font-size: 1.2em;
+    font-weight: 500;
+    margin-block-end: 0px;
+    padding-left: 18px;
+    padding-right: 18px;
+  }
+
+  .distanceText {
+    color: silver;
+    font-family: 'open sans', arial, sans-serif;
+    font-size: 1em;
+    font-weight: 400;
+    margin-block-start: 0.25em;
+    padding-left: 18px;
+    padding-right: 18px;
+  }