Merge pull request #492 from geospoc/fix/map-container-ref-not-found

vinayakkulkarni · Sep 13, 2021 · 1742e55 · 1742e55
2 parents 4e13da6 + d7a7d1c
commit 1742e55
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/map/mixins/withPrivateMethods.ts b/src/components/map/mixins/withPrivateMethods.ts
@@ -1,5 +1,14 @@
 import Vue from 'vue';
+import { ref } from '@vue/composition-api';
+import type { Ref } from '@vue/composition-api';
+
 export default Vue.extend({
+  setup(_, context) {
+    const templateRefs: Ref<{
+      [key: string]: Vue | Element | Vue[] | Element[];
+    }> = ref(context.refs);
+    return { templateRefs };
+  },
   methods: {
     $_updateSyncedPropsFabric(prop, data) {
       return () => {
@@ -59,7 +68,7 @@ export default Vue.extend({
           if (this.accessToken) this.mapbox.accessToken = this.accessToken;
           const map = new this.mapbox.Map({
             ...this._props,
-            container: this.$refs.container,
+            container: this.templateRefs.container,
             style: this.mapStyle,
           });
           map.on('load', () => resolve(map));