Cesium學習之路(一) 環境搭建

2021-10-10 12:50:25 字數 1542 閱讀 6801

最近又是心血來潮啊,把cesium撈出來學習學習一波吧,思來想去還是來csdn上記錄下學習的過程和心得吧。本來想在自己**上貼練習的例子的。

這次學習cesium,是想結合自己有實際做gis專案的經驗和熟悉arcgis js api的經驗,從實際的專案所需要的gis功能上針對性的去學習cesium可以實現的功能

好了,廢話不多說,開始進入正題 -----------------環境的搭建

本人的環境是vue 3 ,然後cesium 1.75

1.首先引入cesium 1.75的模組包,建議版本高於1.63,(記得1.63還是多少版本時cesium 採用的es6寫法,引入相應類的時候好像有點改變)

怎麼引入cesium依賴,不說了

2.在專案的根目錄下建乙個叫vue.config 的js檔案,裡面是如下的**

const copywebpackplugin = require('copy-webpack-plugin')

const webpack = require('webpack')

const path = require('path')

let cesiumsource = './node_modules/cesium/source'

let cesiumworkers = '../build/cesium/workers'

module.exports = ,

configurewebpack: ,

amd: ,

resolve:

},plugins: [

new copywebpackplugin(),

new copywebpackplugin(),

new copywebpackplugin(),

new copywebpackplugin(),

new webpack.defineplugin()

],module:

}};

3.在main.js中加入:

//引入cesium

var cesium = require('cesium/cesium');

var widgets= require('cesium/widgets/widgets.css');

vue.prototype.cesium = cesium

vue.prototype.widgets = widgets

4.在頁面呼叫:

var viewer = new that.cesium.viewer("cesiumcontainer");
我在前面加個that. 是因為我在main.js裡註冊的cesium,根據你們自己實際情況

十年生死兩茫茫,寫程式,到天亮。

千行**,bug何處藏。 

縱使上線又怎樣,朝令改,夕斷腸。 

領導每天新想法,天天改,日日忙。

相顧無言,惟有淚千行。

每晚燈火闌珊處,夜難寐,又加班。

NodeJs學習 一 環境搭建

二.安裝express npm install express g 安裝過程中我遇到了一些問題 1.一直安裝報錯,如下 後來發現需要用管理員許可權安裝,換管理員安裝果斷成功。三.安裝express後 執行 express v 又提示 express 不是內部或外部命令 npm install g e...

PyOpengl學習 一 環境搭建

一,安裝 安裝pyopengl很簡單,只需要用pip工具執行下面命令就行了 pip install pyopengl pyopengl accelerate但是安裝過程中可能 會遇到這個的異常 error microsoft visual c 10.0 is required 意思就是我們需要安裝對...

RobotFramework(一)環境搭建

序號 安裝包名 安裝方法 備註1 python exe檔案,直接雙擊安裝 一切的基礎,安裝路徑不能有空格 設定環境變數 驗證是否成功 cmd輸入python pycharm python ide 2setuptools python 的套件管理程式 安裝在了c python27 lib site p...