cesium本地环境搭建

cesium本地环境搭建

一、简介

CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web apps for sharing dynamic geospatial data.

Cesium是一款开源的基于JavaScript的3D地图框架,简而言之就是一个地图可视化框架。
在这里插入图片描述

二、下载Cesium包

下载后进行解压。

三、安装node.js

Cesium是纯前端的代码,官方给出的源代码中,配套了nodejs的server端,以及可以通过nodejs进行安装部署。实际上可以将Cesium部署进入tomcat(geoserver)、apache、nginx等服务器中。
我们使用官网推荐的nodejs。

https://nodejs.org/en/
下载后需要点击安装。

四、下载依赖

当前的Cesium目录下还缺少依赖的包,需要用npm命令手动安装。

  • 方法一

在Cesium所在的文件夹目录,打开cmd敲入命令
npm install
安装所有Cesium依赖的js包

  • 方法二(使用淘宝镜像,推荐)

大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次,以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

npm install -g cnpm --registry=https://registry.npm.taobao.org(使用淘宝镜像)

cnpm install (用cnpm取代npm)

安装成功后应该可以看到Cesium目录下增加了一个node_modules文件夹。

五、运行

在Cesium目录下运行
npm start
控制台会显示:Cesium development server running locally. Connect to http://localhost:8080

不要关闭控制台,在浏览器中输入http://localhost:8080即可以访问Cesium。
在这里插入图片描述
点击Hello World即会出现我们在官网上看到的画面,不过这次是运行在本地的。
在这里插入图片描述

六、学习资料

除了官方文档外,中文社区也提供了一些较好的学习资料
http://cesiumcn.org/

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值