vue-cli3 引入 cesium

2021/9/8 6:08:15

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


扫一扫关注最新编程教程