From d6963f7c414f84712947cf2396e3192bbbd8c164 Mon Sep 17 00:00:00 2001
From: solderq35 <solderq35@gmail.com>
Date: Wed, 13 Sep 2023 18:20:00 -0700
Subject: [PATCH] off center on click for search

---
 public/index.html          | 2 +-
 src/components/map/map.vue | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/public/index.html b/public/index.html
index f9033acb..30e96f97 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=600px, initial-scale=0, user-scalable=no;user-scalable=0;"/>
+    <meta name="viewport" content="width=600px, initial-scale=0, user-scalable=no;user-scalable=0;" />
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-74257268-2"></script>
     <script>
diff --git a/src/components/map/map.vue b/src/components/map/map.vue
index c418c0f5..2f03d2da 100644
--- a/src/components/map/map.vue
+++ b/src/components/map/map.vue
@@ -19,7 +19,7 @@
             {{ searchGroup.feature.properties.name }}
           </p>
         </div>
-        <el-input v-model="search" class="searchMapInput" placeholder = "Search for buildings">
+        <el-input v-model="search" class="searchMapInput" placeholder="Search for buildings">
           <i class="el-icon-search el-input__icon" slot="prefix"></i>
         </el-input>
         <switchButtons :titles="['Category', 'Energy Trend']" v-model="grouping" />
@@ -279,8 +279,11 @@ export default {
       }
     },
     getResult ( searchResult ) {
-      console.log(searchResult.getBounds().getCenter())
-      this.map.setView( L.latLng( searchResult.getBounds().getCenter() ), 15.5 )
+      console.log( searchResult.getBounds().getCenter() )
+      let searchLatLng = searchResult.getBounds().getCenter()
+      searchLatLng.lng = searchLatLng.lng - 0.005
+      console.log( searchLatLng )
+      this.map.setView( L.latLng( searchLatLng ), 15.5 )
       console.log( searchResult.feature.properties.name )
       searchResult
         .bindTooltip( searchResult.feature.properties.name, { permanent: true, fillColor: '#000', color: '#000' } )
