vue3 + vite项目中使用cesium,只需要两个关键插件

npm i cesium --save
npm i vite-plugin-cesium --save-dev

cesium.vue代码中：

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

<script setup>
    import * as Cesium from 'cesium'
    
    // 初始化
    Cesium.Ion.defaultAccessToken = '去官网生成的KEY'
    const viewer = new Cesium.Viewer({
        // 配置文件，各种属性设置
    })
</script>

vite.config.js中使用插件：

import { defineConfig } from 'vite'
import vitePluginCesium from 'vite-plugin-cesium'

export default (({ mode }) => {
    return defineConfig({
        plugins: [
            ...,
            vitePluginCesium()
        ],
        server: {
            ...
        }
    })
})

以上配置就可以在vue3项目中运行cesium

# arcgis # 前端 # javascript
Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

SeedVR2终极指南：如何用单步扩散模型实现专业级视频修复

还在为老旧视频的模糊画质而烦恼吗？面对抖动严重的监控录像或褪色的家庭影像，你是否曾希望有一种简单高效的修复方案？SeedVR2正是为解决这些痛点而生的一站式视频修复工具。作为字节跳动推出的先进视频修复模型，它能够在单步推理中实现专业级的视频质量提升，彻底改变了传统视频修复的工作流程。## 核心价值：为什么选择SeedVR2进行视频修复？**传统视频修复的三大瓶颈**：1. **计算成本高

avatar AI Agent技术社区

深度解析Amlogic S9xxx电视盒子Armbian系统：从闲置设备到Linux服务器的终极实战指南

你是否拥有一台闲置的Amlogic S9xxx系列电视盒子？想让它摆脱单一的视频播放功能，变身为功能强大的Linux服务器、开发平台或家庭媒体中心？本指南将为你详细解析如何通过Armbian系统实现这一转变，让你的电视盒子重获新生，成为高性能的Linux设备。Armbian系统基于Debian/Ubuntu构建，专为ARM芯片优化，提供了完整的Linux生态支持。## 🎯 核心价值与独特优势

avatar AI Agent技术社区

CANN/runtime Event管理API

本章节描述 CANN Runtime 的 Event 管理接口，用于事件的创建、记录、同步、计时及 IPC 跨进程共享。- [`aclError aclrtCreateEvent(aclrtEvent *event)`](#aclrtCreateEvent)：创建Event，创建出来的Event可用于统计两个Event之间的耗时、多Stream之间的任务同步等场景。- [`aclError

avatar AI Agent技术社区