Cesium快速入门

本文介绍了如何安装Node.js环境,配置Cesium依赖,并通过实例步骤搭建第一个Cesium程序,包括引入源码、创建HTML文件、编写基础代码以及申请许可密钥。同时概述了Cesium的界面和默认控件功能。

0.引言

现有的gis开发方向较流行的是webgis开发,其中Cesium是一款开源的WebGIS库,主要用于实时地球和空间数据的可视化和分析。它提供了丰富的地图显示和数据可视化功能,并能实现三维可视化开发。Cesium适用于地球科学研究、军事情报分析、航空航天领域以及虚拟现实应用等方面。本文是基于Cesium教程进行实践操作后的总结,以使新手能快速入门Cesium。

1.Cesium环境搭建

1.1安装Node.js环境

(1)下载Node.js安装包
进入Node.js官网的下载页面进行下载: https://nodejs.org/en/
  在这里插入图片描述

(2)安装Node.js
①直接双击Node.js。
若安装时报错,这说明需要以管理员身份运行cmd,然后在cmd中运行Node.js安装程序。
  在这里插入图片描述
②安装Node.js后,为检查是否安装成功,在cmd中输入:node -v,出现版本号说明安装成功。
  在这里插入图片描述

1.2配置Cesium依赖

(1)下载Cesium代码包
访问Cesium官网下载推荐代码包: https://cesium.com/downloads/
  在这里插入图片描述

(2)安装Cesium依赖
安装包下载完成后,将其解压,进入解压缩后的目录,输入“npm install”,安装Cesium依赖。
  在这里插入图片描述

成功安装Cesium依赖结果如下,有少量缺陷报红色错误,不影响依赖Cesium主要功能。
  在这里插入图片描述

(3)启动服务
在Cesium依赖安装完成后,查看server.js,根据电脑情况设置端口等信息。
  在这里插入图片描述
在cmd中,再输入“node server.js”来开启服务,然后ctrl+点击网址,启动服务(浏览器必须支持WebGL,推荐使用Chrome浏览器)。
  在这里插入图片描述
拓展:可以在上图中了解两个重要的链接:Documentation和Sandcastle。
Documentation里面包括了Cesium的完整API说明,可以从中查看各个模块中的函数、属性、方法及部分调用代码示例,方便用户深入学习;
  在这里插入图片描述
Sandcastle是一个沙盒,里面包括了当前版本的各种示例,可以进行代码测试并导出测试代码。
  在这里插入图片描述

(4)通过http-server发布服务
①安装http-server
打开命令行,输入“npm install http-server -g”进行安装。
  在这里插入图片描述
②在文件目录,输入“http-server”,即可发布服务,复制发布后的网址并在浏览器打开,查看发布的服务。
若文件目录位于:D:\Cesium_Test,在该目录下启动终端,并输入指令发布服务。
  在这里插入图片描述

以上两个地址都可访问,访问结果如下。
若根目录中有index.html,将默认打开该文件。
  

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值