diff --git a/app/Http/Controllers/ClientController.php b/app/Http/Controllers/ClientController.php
index cc23c9ddbac7..b961005f781e 100644
--- a/app/Http/Controllers/ClientController.php
+++ b/app/Http/Controllers/ClientController.php
@@ -136,7 +136,10 @@ class ClientController extends Controller
 
        $data = [
             'client' => $client,
-            'company' => auth()->user()->company()
+            'company' => auth()->user()->company(),
+            'meta' => [
+                'google_maps_api_key' => config('ninja.google_maps_api_key')
+            ]
         ];
 
         return view('client.show', $data);
diff --git a/package.json b/package.json
index cc890db25eb4..4c994756c6b7 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
         "vuetable-2": "^1.7.5"
     },
     "dependencies": {
+        "@pderas/vue2-geocoder": "^1.0.2",
         "@types/lodash": "^4.14.118",
         "@types/node": "^10.12.10",
         "axios-progress-bar": "^1.2.0",
diff --git a/public/js/client_show.js b/public/js/client_show.js
index 4c494e81d5de..186cbfe4da91 100644
--- a/public/js/client_show.js
+++ b/public/js/client_show.js
@@ -3631,8 +3631,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
+//import Vue from "vue"
 exports.default = {
-    props: ['client', 'company']
+    props: ['client', 'company', 'meta'],
 };
 
 
diff --git a/public/js/client_show.min.js b/public/js/client_show.min.js
index 4c494e81d5de..186cbfe4da91 100644
--- a/public/js/client_show.min.js
+++ b/public/js/client_show.min.js
@@ -3631,8 +3631,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
+//import Vue from "vue"
 exports.default = {
-    props: ['client', 'company']
+    props: ['client', 'company', 'meta'],
 };
 
 
diff --git a/resources/js/src/components/client/ClientShow.vue b/resources/js/src/components/client/ClientShow.vue
index e86acd99bbeb..c271be42d3b0 100644
--- a/resources/js/src/components/client/ClientShow.vue
+++ b/resources/js/src/components/client/ClientShow.vue
@@ -111,8 +111,13 @@
 
 <script lang="ts">
 
+import Geocoder from "@pderas/vue2-geocoder";
+//import Vue from "vue"
+
+
 export default {
-    props: ['client', 'company']
+    props: ['client', 'company', 'meta'],
+
 }
 
 </script>
diff --git a/resources/views/client/show.blade.php b/resources/views/client/show.blade.php
index dd0ab44d34c8..0438275f7460 100644
--- a/resources/views/client/show.blade.php
+++ b/resources/views/client/show.blade.php
@@ -11,7 +11,7 @@
     <div class="container-fluid">
 
 
-            <client-show :client="{{ $client }}" :company="{{ $company }}"></client-show>
+            <client-show :client="{{ $client }}" :company="{{ $company }}" :meta="{{ $meta }}"></client-show>