2. 程式人生 > >cesium學習1--環境搭建和配置

cesium學習1--環境搭建和配置

阿新 • • 發佈：2019-01-04

本文討論如何配置學習環境

預期目的:在webstrom中配置好開發環境，並執行達到下圖效果
效果圖

1）nodejs環境配置
很簡單直接下載nodejs安裝檔案安裝即可。
備註：由於node的資源在國內被牆的厲害，推薦採用cnpm替代npm來安裝一些依賴庫
安裝cnpm方法：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2）cesium下載
下載解壓，開啟cmd轉到該解壓後的目錄下，執行

cnmp install

自動安裝所需要的依賴檔案，然後執行

node server.js

即可執行處上圖結果。
3）在webstorm中進行配置


下載webstorm開發平臺，通過cnpm安裝express開發框架，這些前序基礎都需要先完成。
3.1 開啟webstorm，新建專案選擇nodejs+express模式如下圖
新建web專案
3.2 拷貝cesium解壓目錄下的buid裡面的cesium資料夾到下圖所示位置
配置檔案
3.3 環境配置好了，我們修改下主頁的程式碼，引用相關js檔案，執行webstorm，在瀏覽器中輸入localhost:3000即可訪問到結果

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title
 
>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <link rel='stylesheet' href='/javascripts/Cesium/Widgets/widgets.css' />
    <!-- Use correct character set. -->
    <meta charset="utf-8">
    <!-- Tell IE to use the latest, best version. -->
    <meta http-equiv
 
="X-UA-Compatible" content="IE=edge">
    <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>Hello World!</title>
    <style>
      html, body, #cesiumContainer {
        width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
      }
    </style>
  </head>
  <body>
    <div id="cesiumContainer"></div>
  </body>
  <script src="/javascripts/Cesium/Cesium.js"></script>
  <script>
    var viewer = new Cesium.Viewer('cesiumContainer');
  </script>

</html>

相關推薦

cesium學習1--環境搭建和配置

本文討論如何配置學習環境 預期目的:在webstrom中配置好開發環境，並執行達到下圖效果 1）nodejs環境配置 很簡單直接下載nodejs安裝檔案安裝即可。 備註：由於node的資源在國內被牆的厲害，推薦採用cnpm替代npm來安裝一些依賴庫

LNMP環境搭建和配置-ubuntu14.04+nginx1.4.6+php5.6+mysql5.6

具體步驟如下： 1.     安裝nginx和php     sudo apt-get update     sudo apt-get -y install nginx     sudo apt-get

Cocos2d-x 3.1 環境搭建和建立project

Cocos2d-x 3.x改版了非常多，之前搭過一次環境，可是沒截圖。這次趁著重灌電腦，一邊搭建一邊截圖。此博文僅僅是為了記錄而不是為了教學，所以很多其它講的是搭建過程。本文基本上參考這篇部落格：http://www.idcfree.com/article-1488-1.html，這篇部落

Django框架學習01--環境搭建和檢視（修改版）

Python框架之Django01–環境搭建 一、一般公司結構簡介 在接觸python框架學習之前，首先要清楚我們做專案的基本架構，專案組以及公司的基本分類。下面我簡單做一下梳理，僅供參考。 1.專案組 （1）產品---2個人，提需求（女生為主） （2）測試----

Hibernate學習——測試環境搭建及配置檔案書寫是否正確

測試程式碼： @Test public void testfun1() { // 建立讀取配置檔案類 Configuration cf = new Configuration(); // 讀取配置檔案 cf.configure(); // 建立SessionFacto

ssm專案學習1-環境搭建

1.建立一個maven工程 開發工具eclipse：建立maven專案 填寫上面建立專案的資訊 如果建立maven專案時出錯：沒有web.xml檔案 暫時不要管-----下面過程中會解決   1. java程式碼放在src/main/java下

Win10下的Anaconda, TensorFlow以及Pycharm環境搭建和配置

Win10下的Anaconda, TensorFlow以及Pycharm環境的搭建和配置 寫在開頭的話 這篇文章是我的第一篇，主要記錄和描述在實驗室電腦上的TensorFlow學習的第一步，搭建相關開發環境的主要過程 以下是正文部分 主要搭建環境的軟體配置為Wi

django複習-1-環境搭建和建立專案

一、虛擬環境搭建 1. 建立虛擬環境，需要聯網 mkvirtualenv django_py3_1.11 -p python3 2. 安裝Django 使用django 1.11.11版本，注意需要聯網 pip install django==1.11.11 3.建立django工程 django-

Appium的環境搭建和配置

一、安裝Nodejs 下載後，雙擊安裝檔案，按提示來安裝。 測試安裝是否成功：執行cmd，輸入node –v 二、安裝android的SDK 安裝時記下安裝目錄，如下圖： 1.     選中 計算機->右鍵選屬性->高階系統設定->高階->環境變數，逐層進入環境變數介面。

FFmpeg再學習 -- SDL 環境搭建和視訊顯示

/** * 最簡單的基於FFmpeg的視訊播放器2(SDL升級版) * Simplest FFmpeg Player 2(SDL Update) * * 雷霄驊 Lei Xiaohua * [email protected] * 中國傳媒大學/數字電視技術 * Communication Unive

node.js學習1.0-安裝和配置

 1、開啟NodeJS的官網，下載和自己系統相配的NodeJS的安裝程式，包括32位還是64位一定要選擇好，否則會出現安裝問題。          我選擇的是Window版本64位的安裝程式，也有MAC平臺的安裝程式。     下載完成，如圖:     2、接下來就是安裝了，

Cocos2d-x 3.1 環境搭建和建立工程

Cocos2d-x 3.x改版了很多，之前搭過一次環境，但是沒截圖，這次趁著重灌電腦，一邊搭建一邊截圖。此博文只是為了記錄而不是為了教學，所以更多講的是搭建過程。本文基本上參考這篇部落格：http://www.idcfree.com/article-1488-1.html，

Python機器學習開發環境搭建和GraphLab Create安裝

  （一）Python的開發環境搭建主要是按先後順序安裝Numpy、Scipy、matplotlib和scikit-learn。numpy、scipy、matplotlib、scikit-learn，分別是科學計算包，科學工具集，畫圖工具包,機器學習工具集。 1、nump

RobotFramework(RF)+Appium完全安裝環境搭建和配置的解決方案

【本部落格原創，都是經過博主本人全程操作安裝過的，踩過的坑都記錄在本文，有興趣的讀者跟著做一遍~~~】一、搭建環境流程1.先安裝python2.7環境（python-2.7.14.amd64.msi），(1)再安裝第三方庫：wxPython（32位的電腦就安裝win32,64

Flutter的環境搭建和配置

Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生使用者介面。 Flutter可以與現有的程式碼一起工作。在全世界，Flutter正在被越來越多的開發者和組織使用，並且Flutter是完全免費、開源的。由於在中國沒辦法翻牆直接下載相應的資源

靶機練習 - ATT&CK紅隊實戰靶場 - 1. 環境搭建和漏洞利用

最近某個公眾號介紹了網上的一套環境，這個環境是多個Windows靶機組成的，涉及到內網滲透，正好Windows和內網滲透一直沒怎麼接觸過，所以拿來學習下。 下載地址：http://vulnstack.qiyuanxuetang.net/vuln/detail/2/   環境配置和檢查 加上kali一

Cesium學習筆記1:環境搭建

前要說明： 1，本人環境為Win10 64bit Win PC電腦。 2，本文主要參考文件：https://cesiumjs.org/tutorials/Cesium-Workshop/   步驟： 1:檢測自己的環境是否支援Cesium 方法為訪問Cesium d

【Spring 系列】1. 搭建和配置Spring與jdbc整合的環境

配置資料來源 <!-- 配置結點，可以使用佔位符 --> <context:property-placeholder location=“classpath:jdbc.properties”/> <bean id="dataSource" class="org.apach

Android 開發：（一）安卓開發環境搭建與配置 (Windows和Mac )以及目錄結構介紹

（一）、windows版 一. 開發工具： 1.Android Studio:(http://www.androiddevtools.cn/) 2.Genymotion(虛擬機器):(http://www.genymotion.net/) （二）、Mac版 一

Jmeter學習系列----1 環境搭建

注：在安裝Jmeter之前，請先檢查下電腦有沒有裝JDK：開始->執行->然後輸入cmd->進入命令列介面，輸入java -version ， 出現以下資訊就是此電腦已安裝了JDK。 下載Jmeter 下載地址：http://jmeter.apache.org/download_jm