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

搭建最簡的開發環境php

這一節來搭建一個最簡單的能運行的helloworld,之後的代碼也會在這一節的基礎上慢慢增長css

建立文件夾

mkdir cesium-test cd cesium-testhtml

引入編譯成果

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

建立html

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

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

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

修改成github

<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工具

相關文章
相關標籤/搜索