CRM/Contacts Google Maps Integration

src/views/ContactsView.vue

@@ -84,6 +84,18 @@
             <v-text-field v-model="form.country" label="Country" />
           </div>
 
+          <AddressMap
+            :key="form.id || 'new'"
+            class="mt-3"
+            :line1="form.address_line1"
+            :line2="form.address_line2"
+            :city="form.city"
+            :region="form.state_region"
+            :postal-code="form.postal_code"
+            :country="form.country"
+            :auto-show="Boolean(form.id && (form.address_line1 || form.city))"
+          />
+
           <v-textarea v-model="form.notes" class="mt-3" label="Notes" rows="2" />
 
           <template v-if="form.id">
@@ -120,6 +132,7 @@
 
 <script>
 import DataTable from '../components/DataTable.vue';
+import AddressMap from '../components/AddressMap.vue';
 import { apiRequest } from '../services/api';
 import { contactTypeItems, creditTermItems } from '../constants';
 import { clonePlain } from '../utils/clone';
@@ -135,7 +148,7 @@ function blankContact() {
 }
 
 export default {
-  components: { DataTable },
+  components: { DataTable, AddressMap },
   props: {
     token: { type: String, required: true },
     canDelete: { type: Boolean, default: false }