526互联

Vue项目初次加载cesium | 配置

发布时间 2023-05-23 15:13:28作者: 槑孒
  1. 首先配置CESIUM_BASE_URL全局变量
window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/";

  1. 把node_modules\cesium\Build\Cesium这个文件夹复制到public目录下

  2. 使用

<template>
  <div id="cesiumContainer"></div>
</template>

<script setup>
import * as Cesium from "Cesium";
import "cesium/Build/Cesium/Widgets/widgets.css";
onMounted(() => {
  const viewer = new Cesium.Viewer("cesiumContainer");
});
</script>