vue+cesium

今天看群里有人想要弄下vue+cesium，不知道vue里怎么弄cesium，今天写下，其实vue+cesium很简单，可以用vue-cesium,也可以不用，今天先说下不用vue-cesium的写法

先把vue初始化一下，执行命令：

vue create cesiumapp

生成好的目录是这样的

    因为create的时候选项不同，所以可能会有所不同，但是主要就这么几个

一般情况下，我使用的时候会把这些文件里的东西都去掉：

app.vue改成这样，因为不需要多余的样式和导航:

目录里原有文件改成这样：

路由里面的文件：

因为vscode里可以直接设置默认的vue文件的内容，所以就直接弄了

    然后这里面可以加cesium了，查看了下npm里面，有cesium，更新时间是1月前，所以就直接npm install cesium了，安装后之后直接引用，然后发现cesium 是undefined，所以就这样写了：

这样可以引用，然后就可以初始化viewer了

里面为啥viewer是window的，我在之前文章里内存问题，崩溃了写过这个，原因就是因为cesium弄出来的动画是一直是循环渲染的，所以电脑就会很卡了，可能会导致崩溃了

然后一个蔚蓝的地球就出现在我们的视线中了

    好了，今天就先说到这里，不懂的可以在下面留言

---

欢迎大家关注微信公众号：web前端APP（ webqianduanAPP ）不仅有前端和可视化，还有算法、源码分析、书籍相送