vue-cli3 引入 cesium

1、安装 cesium

要安装 1.81.0 版本,我安装最新版本,项目无法启动,回退到这个版本,项目就可以运行了

npm install --save cesium@1.81.0

2、复制 node_modules 中的 Cesium 文件夹到 static 文件夹下

node_modules\cesium\Build\Cesium --> static

3、在需要使用cesium的vue文件中,引入cesium

<template>
    <div>
        <div id="cesium-container" style="width: 100vw;height: 100vh;"></div>
    </div>
</template>

<script>

    //服务器上托管CesiumJS静态文件的URL。
    window.CESIUM_BASE_URL = '../static/Cesium'

    import * as Cesium from 'cesium'
    import 'cesium/Build/Cesium/Widgets/widgets.css'

    export default {
        mounted(){
            new Cesium.viewer("cesium-container")
        }
    }

</script>
上一篇:vue-cli3 vue动画 打包后不生效解决


下一篇:【vue/cli3+】实现路由刷新页面