【工业元宇宙】接入宇宙模型

src/App.vue

@@ -176,8 +176,18 @@ export default {
         })
       }
       window.onClickEnterprise = function (id) {
-        if (window.onCorpOnMapClicked) {
-          window.onCorpOnMapClicked(id)
+        if (window.handleClickEnterprise) {
+          window.handleClickEnterprise(id)
+        }
+      }
+      window.onClickPlanet = function (id) {
+        if (window.handleClickPlanet) {
+          window.handleClickPlanet(id)
+        }
+      }
+      window.onMovedPlanet = function (id) {
+        if (window.handleMovedPlanet) {
+          window.handleMovedPlanet(id)
         }
       }
       document.body.appendChild(script)

src/views/General.vue

@@ -171,7 +171,7 @@ export default {
         clickedElement.scrollIntoView()
       }
     }
-    window.onCorpOnMapClicked = onClickCorpItem
+    window.handleClickEnterprise = onClickCorpItem
 
     const isShowLoadingMask = ref(true)
     onMounted(() => {

src/views/Metaverse.vue

@@ -11,7 +11,7 @@
     <article v-if="isShowDesc">
       <button
         class="close"
-        @click="isShowDesc = false"
+        @click="onClickCloseDesc"
       />
       <h2>{{ desc.name }}</h2>
       <img
@@ -58,12 +58,23 @@ export default {
 
     const isShowDesc = ref(false)
     const desc = reactive({})
+    function onClickCloseDesc() {
+      isShowDesc.value = false
+      gUnityInst.SendMessage('MainPanel', 'ResetCamera')
+    }
 
     function onClickStar(idx) {
       desc.name = rawData.value[idx].name
       desc.detail = rawData.value[idx].description
       isShowDesc.value = true
     }
+    window.handleClickPlanet = function(id) {
+      console.log('click planet', id)
+      onClickStar(id)
+    }
+    window.handleMovedPlanet = function(id) {
+      console.log('moved planet', id)
+    }
 
     const isShowLoadingMask = ref(true)
     onMounted(() => {
@@ -74,8 +85,11 @@ export default {
 
     return {
       rawData,
+
       isShowDesc,
       desc,
+      onClickCloseDesc,
+
       onClickStar,
 
       isShowLoadingMask,