vue/cli3引入cesium

 

　　一開始用了webpack結合vue引入vue；結果是各種bug，搞了半天。最后問了基友，發現vue腳手架這個·簡單高效的方法，只需要幾行代碼就輕松地搞定啦！

方案一、搭建完vue項目后，直接在public文件中引入cesium文件夾，然后在index.html中引入widgets.css；在body底部引入cesium.js

　　如下圖：

　　

 展示效果如下：

 方案二：利用vue-cesium進行項目搭建：首先在你的項目中執行命令；相關學習鏈接https://www.npmjs.com/package/vue-cesium

npm i --save vue-cesium

　　之后，在你的main.js中引入

 最后在你vue頁面寫如下代碼：

 

 在你的方法中加入下面代碼

 之后，可以根據個人的需求，進行頁面小控件的隱藏以及位置大小的調整。

 

如果有不理解的地方，歡迎加我們的群，一起學習討論。學習群：854184700