Cesium案例解析 一 HelloWorld

2022-07-04 01:51:12 字數 1085 閱讀 7730

目錄3. 結果

感覺網上已經有不少關於cesium的教程了,但是學習乙個框架最快的辦法就是熟悉其自帶的例項了。cesium**上提供了一系列例項,就想通過這些例項總結下學習cesium的知識;當然,如果有別的例項,也會一起總結。

一般來說要使用cesium,需要建立乙個伺服器,讓cesium在伺服器的域內使用。但其實也不用那麼複雜,如果只是學習,可以設定瀏覽器跨域,也能夠讓cesium執行,畢竟cesium是基於webgl的前端框架,基本與後台無關。瀏覽器設定跨域的辦法可以自行在網上搜尋解決辦法,各種瀏覽器的設定不同。

cesium自帶的例項位置如下圖所示:

圖1:cesium例項位置

可以將這些例項直接拖入到設定跨域的本地瀏覽器中執行,可以到達在伺服器域內執行同等的效果。提醒一下設定跨域的本地瀏覽器應該只執行自己編寫的例項或者確定安全的網頁,否則存在安全風險。

按照慣例,任何語言或者框架的第一步都是helloworld,cesium也不例外。

這段html**比較簡單:首先是匯入了元件cesium.js及其樣式表widgets.css,兩者都來自於cesium源**;然後建立了乙個名為cesiumcontainer的div圖層,並設定其樣式;最後是匯入了自己寫的js**helloworld.js。

helloworld.js就更加簡單了,僅僅通過一句**就建立了包含多個元件的數字地球元件。注意預設建立的數字地球圖層中包含的bing地圖是需要token支援的,可以在cesium的官網上申請乙個。否則有可能地球無法顯示。

在瀏覽器中執行的結果如下:

圖2:cesium數字地球

Cesium高度解析

var viewer new cesium.viewer cesiumcontainer 為true時,球體會有高程遮擋效果 在沒有地形時候也會有高程遮擋效果 viewer.scene.globe.depthtestagainstterrain true var viewmodel cesium.k...

及部署 專案案例 Cesium 本地部署案例

3 新增依賴,啟動。a 使用vscode開啟包資料夾,然後在終端 npm i 安裝全部依賴。b 啟動。在終端輸入node server.js.以上說了使用vscode和node本地啟動cesium的官方包,但是我們不可能每次都通過開啟vscode,然後執行node sever.js來啟動專案,所以現...

DNS解析案例

先是轉向解析 主配置檔案 etc named.conf 網域名稱 in internet輸入標準 起始授權記錄 伺服器所對應的主網域名稱伺服器 管理員郵件以.代替常見的型別的 如何檢視是否解析成功 dig t 查詢ns記錄 使用nslookup,windows作業系統也可以使用 nslookup 互...