uniapp app端 + cesium + mars3d 開發(fā)指北 (一)

個人感覺這個問題的解決過程很有意思椒功,記錄下自己是如何把 mars3d 運行到 uniapp 安卓 app 上的

項目地址在這际起,有需要的可以直接拿走

如果你需要開發(fā)安卓 app?

如果你是一個前端

那你可能會用到 uniapp

再如果梁呈,你的業(yè)務場景涉及到了?WebGIS?相關的需求

并且指定了技術棧 Cesium

那么想進行業(yè)務開發(fā)嘁锯,就需用 uniapp + Cesium 運行到安卓手機上

問題是掂林,如何能暢快地運行 Cesium 到 uniapp 上呢

創(chuàng)建 app 項目什么的就不說了粘我,直接進入主題

uniapp 官方有個示例鼓蜒,里面說了 app 端如何加載 echarts?

https://zh.uniapp.dcloud.io/tutorial/renderjs.html

下載官方的示例查看,可以看到征字,echarts 是創(chuàng)建 script 標簽都弹,動態(tài)插入到全局中去的

照葫蘆畫瓢,加載 Cesiumjs?同理匙姜,直接在他的項目上去改

去 Cesium 官方 github 上去下載 Cesium 的最新版本?

https://github.com/CesiumGS/cesium/releases/tag/1.113

下載后解壓畅厢,cd 到?Cesium-1.113\Build?目錄下,可以看到這幾個文件

紅框的 Cesium 就是我們需要的文件了搁料,把這個目錄下的文件復制到項目下

然后或详,按照 Cesium 官方的示例去加載

可以看到需要 import?Cesiumjs 和一個 css 文件,由于 uniapp?的寫法是動態(tài)引入第三方庫郭计,所以我們把寫法改成和 uni 一樣的霸琴,先從 mounted 開始

改完重新運行代碼,查看控制臺

ok Cesium 有值昭伸,說明導入成功了梧乘,然后用 Cesium 官方的示例(記得改 Viewer 里的 id)

運行,可以看到控制臺?

這個錯誤是關于跨域的庐杨,這個加載跨域的問題前組長在兩年前通過改 Cesium 源碼的方式解決過选调,這里是前組長Yoo以前修改好的 Cesium uniapp項目的地址(https://ext.dcloud.net.cn/plugin?id=6540),他的 github 地址在這里?https://github.com/YoooooO-o

那么具體改了什么呢灵份?根據(jù)他發(fā)我的 markdown 文件

里面寫著這些

可以看到仁堪,要修改的地方正是?Cesium?加載本地文件的時候沒有設置跨域的地方,但是 Yoo 兩年前的修改方式是下載 Cesium 源碼填渠,修改源碼弦聂,打包鸟辅,這種方式對 Cesium?來說是侵入性太強,且修改的具體內容對開發(fā)者不可見莺葫,升級 Cesium 版本也不方便匪凉,每次升級都需要重新打包,修改源碼再打包這種方式不推薦

那么怎么做呢捺檬,只需在 Cesium 初始化的時候再层,對 Cesium?上的這幾個需要配置跨域的函數(shù)進行代理重寫一下就好了,此處感謝火星科技(mars3d)的汪浩堡纬,熟悉 Cesium 源碼且大佬范十足聂受,如圖

然后我們把需要重寫的函數(shù)加進去

運行,可以看到烤镐,Cesium 相關的元素都出來了

Cesium 的加載雖然完事了饺饭,但是圖上的地球,瓦片全都沒有顯示出來职车,接下來解決 Cesium 運行的第一個坑,圖片渲染的問題

本文使用 文章同步助手 同步

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末鹊杖,一起剝皮案震驚了整個濱河市悴灵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌骂蓖,老刑警劉巖积瞒,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異登下,居然都是意外死亡茫孔,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門被芳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缰贝,“玉大人,你說我怎么就攤上這事畔濒∈G纾” “怎么了?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵侵状,是天一觀的道長赞弥。 經(jīng)常有香客問我,道長趣兄,這世上最難降的妖魔是什么绽左? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮艇潭,結果婚禮上拼窥,老公的妹妹穿的比我還像新娘戏蔑。我一直安慰自己,他們只是感情好闯团,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布辛臊。 她就那樣靜靜地躺著,像睡著了一般房交。 火紅的嫁衣襯著肌膚如雪彻舰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天候味,我揣著相機與錄音刃唤,去河邊找鬼。 笑死白群,一個胖子當著我的面吹牛尚胞,可吹牛的內容都是我干的。 我是一名探鬼主播帜慢,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼笼裳,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了粱玲?” 一聲冷哼從身側響起躬柬,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎抽减,沒想到半個月后允青,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡卵沉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年颠锉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片史汗。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡琼掠,死狀恐怖,靈堂內的尸體忽然破棺而出停撞,到底是詐尸還是另有隱情眉枕,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布怜森,位于F島的核電站速挑,受9級特大地震影響,放射性物質發(fā)生泄漏副硅。R本人自食惡果不足惜姥宝,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望恐疲。 院中可真熱鬧腊满,春花似錦套么、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至肃弟,卻和暖如春玷室,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背笤受。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工穷缤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人箩兽。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓津肛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親汗贫。 傳聞我的和親對象是個殘疾皇子身坐,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內容