搭建最簡的開發環境
這一節來搭建一個最簡單的能運行的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,會報錯
這是因為網站需要通過發布才能正常運行,可選擇地發布工具有很多,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界面