精选Cesium学习笔记2——第一个Cesium程序

WALL*E

发布时间 2023.12.02阅读数 845 评论数 0

源码
新建文件夹Exp01，新建一个Demo01.html源码，拷贝build文件夹到Exp01文件夹。

编写网页源码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- 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>
    <script src="../Build/CesiumUnminified/Cesium.js"></script>
    <style>
      @import url(../Build/CesiumUnminified/Widgets/widgets.css);
      html,
      body,
      #cesiumContainer {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <div id="cesiumContainer"></div>
    <script>
      const viewer = new Cesium.Viewer("cesiumContainer",{
        geocoder:true,
        homeButton:true,
        sceneModePicker:true,
        baseLayerPicker:true,
        navigationHelpButton:true,
        animation:false,
        timeline:false,
        fullscreenBUtton:true,
      });
    </script>
  </body>
</html>

发布
以管理员身份运行CMD，在其中输入命令如黄色部分，采样http-server进行网页发布。

D:\CesiumExp\CesiumJS>cnpm install http-server -g
[npminstall:get:error] GET https://registry.npmmirror.com/binary-mirror-config/latest ConnectTimeoutError: Connect Timeout Error after 5 reties, status: -1, headers: {}
[npminstall:get:error] GET https://registry.npmmirror.com/binary-mirror-config/latest ConnectTimeoutError: Connect Timeout Error after 5 reties, status: -1, headers: {}
^C
D:\CesiumExp\CesiumJS>cnpm install http-server -g
Downloading http-server to C:\Users\yhexie\AppData\Roaming\npm\node_modules\http-server_tmp
Copying C:\Users\yhexie\AppData\Roaming\npm\node_modules\http-server_tmp.store\http-server@14.1.1\node_modules\http-server to C:\Users\yhexie\AppData\Roaming\npm\node_modules\http-server
Installing http-server’s dependencies to C:\Users\yhexie\AppData\Roaming\npm\node_modules\http-server/node_modules
[1/13] mime@^1.6.0 installed at node_modules.store\mime@1.6.0\node_modules\mime
[2/13] minimist@^1.2.6 installed at node_modules.store\minimist@1.2.8\node_modules\minimist
[3/13] http-proxy@^1.18.1 installed at node_modules.store\http-proxy@1.18.1\node_modules\http-proxy
[4/13] secure-compare@3.0.1 installed at node_modules.store\secure-compare@3.0.1\node_modules\secure-compare
[5/13] basic-auth@^2.0.1 installed at node_modules.store\basic-auth@2.0.1\node_modules\basic-auth
[6/13] opener@^1.5.1 installed at node_modules.store\opener@1.5.2\node_modules\opener
[7/13] url-join@^4.0.1 installed at node_modules.store\url-join@4.0.1\node_modules\url-join
[8/13] corser@^2.0.1 installed at node_modules.store\corser@2.0.1\node_modules\corser
[9/13] he@^1.2.0 installed at node_modules.store\he@1.2.0\node_modules\he
[10/13] chalk@^4.1.2 installed at node_modules.store\chalk@4.1.2\node_modules\chalk
[11/13] html-encoding-sniffer@^3.0.0 installed at node_modules.store\html-encoding-sniffer@3.0.0\node_modules\html-encoding-sniffer
[12/13] union@~0.5.0 installed at node_modules.store\union@0.5.0\node_modules\union
[13/13] portfinder@^1.0.28 installed at node_modules.store\portfinder@1.0.32\node_modules\portfinder
All packages installed (39 packages installed from npm registry, used 2s(network 2s), speed 254.77KB/s, json 13(68.69KB), tarball 471.93KB, manifests cache hit 26, etag hit 26 / miss 2)
[http-server@14.1.1] link C:\Users\yhexie\AppData\Roaming\npm\http-server@ -> C:\Users\yhexie\AppData\Roaming\npm\node_modules\http-server\bin\http-server

D:\CesiumExp\CesiumJS>cd D:\CesiumExp\Exp01

D:\CesiumExp\Exp01>http-server -g
Starting up http-server, serving ./

http-server version: 14.1.1

http-server settings:
CORS: disabled
Cache: 3600 seconds
Connection Timeout: 120 seconds
Directory Listings: visible
AutoIndex: visible
Serve GZIP Files: true
Serve Brotli Files: false
Default File Extension: none

Available on:
http://192.168.126.1:8080
http://192.168.209.1:8080
http://192.168.1.5:8080
http://127.0.0.1:8080
Hit CTRL-C to stop the server

复制任意一个网址访问

API web Cesium 虚拟数字地球程序测试

转载原出处：https://www.cnblogs.com/yhlx125/p/17528870.html

打赏 0

上一篇：Cesium学习笔记1——安装配置

下一篇：Cesium学习笔记3——调用Geoserver发布的wms服务

精选Cesium学习笔记2——第一个Cesium程序

WALL*E

为你推荐

精选网络安全技术与应用实验——SSL验证分析 & 基于DTLS的安全服务器设计

精选数字IC笔面基础，边沿检测器（延迟加逻辑判断，附Verilog示例）

CloudCompare如何使用基础功能？

浅谈武术擂台格斗机器人大赛

精选第三章时间与运动

ROS入门学习笔记（四）-----参数的使用与编程方法、ROS中的坐标系管理系统、tf坐标系广播与监听的编程实现

关于作者

WALL*E

15

0

0

2

OriginBot-起源-机器人

[ROS]1 小乌龟

Cesium学习笔记8——加载城市建筑物火柴盒模型

相关推荐

一个实例了解自动驾驶路径规划 —— （三）自动泊车代码整体思路及A*部分解析

Image converter for LVGL 离线转换工具

#旭日x3派x东方红B类#（六）实时调节选取颜色阈值的小程序

Jetson Xavier NX yolo环境配置记录

数字信号实验1：信号的产生和基本运算

精选DRM——学习篇0：概念认识

热门泡泡

30积分失眠，聊聊自己搞ROS的心得体会吧

ros学习路线

30积分 TF_REPEATED_DATA ignoring data错误

各位大佬，有什么ROS定位算法推荐吗

5积分想买能用ROS2的开发套件。或者开发板

5积分 ros中启动gazebo时报错

给作者打赏

精选Cesium学习笔记2——第一个Cesium程序

WALL*E

为你推荐

精选网络安全技术与应用实验——SSL验证分析 & 基于DTLS的安全服务器设计

精选数字IC笔面基础，边沿检测器（延迟加逻辑判断，附Verilog示例）

CloudCompare如何使用基础功能？

浅谈武术擂台格斗机器人大赛

精选第三章时间与运动

ROS入门学习笔记（四）-----参数的使用与编程方法、ROS中的坐标系管理系统、tf坐标系广播与监听的编程实现

评论（0）

关于作者

WALL*E

15

0

0

2

OriginBot-起源-机器人

[ROS]1 小乌龟

Cesium学习笔记8——加载城市建筑物火柴盒模型

相关推荐

一个实例了解自动驾驶路径规划 —— （三）自动泊车代码整体思路及A*部分解析

Image converter for LVGL 离线转换工具

#旭日x3派x东方红B类#（六）实时调节选取颜色阈值的小程序

Jetson Xavier NX yolo环境配置记录

数字信号实验1：信号的产生和基本运算

精选DRM——学习篇0：概念认识

热门泡泡

30积分 失眠，聊聊自己搞ROS的心得体会吧

ros学习路线

30积分 TF_REPEATED_DATA ignoring data错误

各位大佬，有什么ROS定位算法推荐吗

5积分 想买能用ROS2的开发套件。或者开发板

5积分 ros中启动gazebo时报错

给作者打赏

忘记密码

修改头像

添加你感兴趣的标签

举报类型（必选）

举报详情（选填）

30积分失眠，聊聊自己搞ROS的心得体会吧

5积分想买能用ROS2的开发套件。或者开发板