off center on click for search

OSU-Sustainability-Office · Sep 14, 2023 · d6963f7 · d6963f7
1 parent 477d83d
commit d6963f7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git 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
@@ -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' } )