cesium編程入門(三)開始使用cesium開發


搭建最簡的開發環境

這一節來搭建一個最簡單的能運行的helloworld,以后的代碼也會在這一節的基礎上慢慢增加

創建文件夾

mkdir cesium-test
cd cesium-test

引入編譯成果

將cesium源碼中的Build文件夾,拷入cesium-test

創建html

將cesium-1.4.0/Apps/ 中的HelloWorld.html 拷入cesium-test
使用vscode 等編輯器打開
修改js和css的文件路徑

<script src="../Build/Cesium/Cesium.js"></script>

@import url(../Build/Cesium/Widgets/widgets.css);

修改為

<script src="Build/Cesium/Cesium.js"></script>

@import url(Build/Cesium/Widgets/widgets.css);

發布

文件修改完成,如果直接雙擊helloworld.html,會報錯
Jietu20171224-210502.jpg

這是因為網站需要通過發布才能正常運行,可選擇地發布工具有很多,nodejs,php,iis...等,這里我使用了php來發布,
打開命令行工具,定位到cesium-test目錄,執行php -S localhost:4111 (不一定非要寫4111,端口號的范圍從0到65535,盡量不要使用一些特定的端口,比如用於瀏覽網頁服務的80端口,用於FTP服務的21端口等)

➜ cesium-test php -S localhost:4111
PHP 7.1.7 Development Server started at Sun Dec 24 20:42:17 2017
Listening on http://localhost:4111
Document root is /Users/elusive/Documents/githubs/cesium-test
Press Ctrl-C to quit.

打開瀏覽器,輸入localhost:4111,就能看到熟悉的helloworld界面
Jietu20171220-213933.jpg


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM