今天看群里有人想要弄下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 ）不仅有前端和可视化，还有算法、源码分析、书籍相送
网友评论