add ref to map element, to find out why map is undefined

src/views/feature/Feature_detail.vue

@@ -145,7 +145,7 @@
         </div>
 
         <div class="seven wide column">
-          <div id="map"></div>
+          <div id="map" ref="map"></div>
         </div>
       </div>
 
@@ -680,12 +680,14 @@ export default {
       this.$store
         .dispatch("GET_PROJECT_INFO", this.$route.params.slug)
         .then(() => {
-          this.initMap();
+          console.log("map", this.$refs.map);
           this.$store.commit("DISCARD_LOADER");
+          this.initMap();
         });
     } else {
-      this.initMap();
+      console.log("map", this.$refs.map);
       this.$store.commit("DISCARD_LOADER");
+      this.initMap();
     }
   },
 

src/views/feature/Feature_list.vue

@@ -138,7 +138,7 @@
     </form>
 
     <div v-show="showMap" class="ui tab active map-container" data-tab="map">
-      <div id="map"></div>
+      <div id="map" ref="map"></div>
       <SidebarLayers v-if="baseMaps && map" />
     </div>
     <FeatureListTable
@@ -459,6 +459,7 @@ export default {
   },
 
   mounted() {
+    console.log("map", this.$refs.map);
     this.initMap();
   },