cesium 入门学习之一：运行cesium，展示3D地球

2024-06-07 01:29:27

一直都想研究下cesium，今天终于实际行动起来，开始码代码，经过一番折腾，成功展示出3D地球，故分享出来

1、下载cesium

cesium的运行时依赖node.js环境，所以小伙伴们需提前装好node.js，这里就不教大家怎么装node.js了；另cesium不同的版本对node.js的版本要求是不同的，由于本人电脑node.js的版本为8.9.3,故选用Cesium-1.70版本

github下载地址

在github上找到对应的版本下载，下载完成后解压，进入到该文件目录，打开cmd窗口，输入命令，npm install

至此文件目录如下

2、运行cesium

在cesium目录下，输入如下命令

node server.cjs

此时控制台会打印如下信息

接着在浏览中输入 http://localhost:8080/Apps/HelloWorld.html，理想情况下可看到如下界面

注：本人在输入 http://localhost:8080/Apps/HelloWorld.html时，界面中间并不能出现3D地图，打开浏览器控制台，报错提示

仔细查看发现是access_token失效了，故在cesium的官网 https://cesium.com/cesiumjs/，用F12查看当前展示3D地图的access_token，并全局替换cesium目录下的access_token，重新启动cesium即可正常展示3D地球

cesium 入门学习之一：运行cesium，展示3D地球相关推荐

Cesium入门11 - Interactivity - 交互性
Cesium入门11 - Interactivity - 交互性 Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ ...
cesium 入门开发系列矢量瓦片加载展示(附源码下载)
前言 cesium 入门开发系列环境知识点了解: cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子内容概览 cesium 实现矢量瓦片加载效果 ...
视频教程-Cesium入门-JavaScript
Cesium入门硕士研究生,本硕均毕业于北京师范大学,专业为计算机科学与技术.专注于大数据,数据可视化,Web等领域.Cesium中文网站长:http://cesium.coinidea.com/. ...
vue集成cesium入门教程（1）环境搭建、初始化三维地球
1.概述这篇内容是<vue集成cesium入门教程>的第一篇,我将记录在vue中集成cesium并实现页面的初始化(显示三维地图页面)等学习内容.效果如下: 2.实现步骤首先是 ...
Cesium入门7 - Adding Terrain - 添加地形
2019独角兽企业重金招聘Python工程师标准>>> Cesium入门7 - Adding Terrain - 添加地形 Cesium中文网:http://cesiumcn.org ...
Cesium入门-1-展示一个地球
Cesium 官网教程地址 https://cesium.com/docs/tutorials/getting-started//tutorials/getting-started/ 第一个程序代码: ...
Cesium入门-3-官方完整实例
实例核心代码 //资源访问令牌 Cesium token Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ ...
CESIUM例子学习（十一）——3DTiles Clipping Planes（1）
3DTiles Clipping Planes例子,可以很容易实现对BIM.Point Cloud.Instanced.Model的任意剖切,其中Instanced是到底是一个什么对象,是怎么来的还不 ...
cesium 入门开发系列地图鹰眼功能(附源码下载)
前言 cesium 入门开发系列环境知识点了解: cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子内容概览 cesium 结合 leaflet ...

最新文章

热门文章