vue-cli3 引入 cesium

本文主要是介绍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 引入 cesium的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！