Cesium爬坑记录(vue+cesium+element)

首先呢,之前搭建好了一个dome但是不知道因为点啥引用czml的时候一直报404所以在重新搞一波,顺便记录一下我的爬坑之路。

  • 参考 这里 侵删谢老板

安装

  • 安装nodejs
    之前已经安装过了就不放图了,没有安装的快充去搜一下。略~

  • 安装Vue-cli脚手架
    同上

  • 新建项目

    vue init webpack cesium-demo 
    
  • 然后无脑敲回车就好了,可以根据自己的需求决定要不要使用eslint和单元测试啥的,如下图。
    Cesium爬坑记录(vue+cesium+element)_第1张图片

  • 然后切换一下目录,运行一下就如果没问题就快可以看到最下面蓝色的运行地址一般是8080但是我端口被占用所以他自己就换了一个

    cd 文件夹名字
    npm run dev
    

    Cesium爬坑记录(vue+cesium+element)_第2张图片

  • 安装Cesium环境

    npm install cesium
    

  • 遇到的问题

    加载的czml的时候疯狂报404
    mounted中设置静态资源目录
    然后把需要加载的文件放在这个文件夹里面就可以了
    buildModuleUrl.setBaseUrl('../../static/Cesium/')
    

你可能感兴趣的:(cesium之旅)