electron集成mars3d功能开发

使用electron模板:vue3-vite-electron-typescript-template

// 安装相关依赖
yarn add @turf/turf mars3d-cesium mars3d
yarn add vite-plugin-mars3d

修改vite.config.ts

import { vitePluginMars3d } from "vite-plugin-mars3d";

export default defineConfig({
...
  plugins: [
  ...
    vitePluginMars3d(),
 ],
});

app.vue

<script setup lang="ts">
import * as mars3d from "mars3d";
import "mars3d-cesium/Build/Cesium/Widgets/widgets.css";
import "mars3d/dist/mars3d.css";
var mapOptions = {
  basemaps: [{ name: "天地图", type: "tdt", layer: "img_d", show: true }]
};
setTimeout(() => {
  var map = new mars3d.Map("mars3dContainer", mapOptions);
}, 1000);
</script>
<template>
  <div id="mars3dContainer" class="mains mars3d-container"></div>
</template>
<style scoped>
.mains {
  height: 100vh;
  width: 100vw;
  background: #8edfe2;
}
</style>

完成