cesium创建一个纯净的地球

2020-02-22 16:58:40 阅读：668 来源： 互联网

标签：控件创建 express 纯净 path cesium 服务器 js

一、建立依赖

基于Cesium创建的网页，都依赖于源码中Build中两个基本的库，JS库和CSS库，所以需要在开头就要引入本地的两个文件。

1 2	<script src="Build/Cesium/Cesium.js"></script> <link href="Build/Cesium/Widgets/widgets.css" rel="stylesheet">

当然也可以从网络上直接引用，但是其外网加上文件太大，导致加载极慢，不建议

二、创建服务器

Cesium创建的网页不能通过本地访问方式直接访问，需要在所在的文件夹下建立服务器，形式是没有限制的，可以是PHP .NET等，我推荐使用Node，因为Cesium演示文件HelloWorld.html想要正确运行，就需要通过node运行，所以无需再安装其他服务器软件

1、安装Express.js，这个框架将Node的服务器封装的很好，通过yarn安装

1	yarn add express

2、创建服务器 server.js，监听4399端口

var http = require("http");
var express = require("express");
const path = require('path');

var app = express();
app.use(express.static(path.join(__dirname, '')));

app.listen(4111, () => {
  console.log(`App listening at port 4111`)
})

3、启动服务器

1	node server.js

三、创建网页文件

1、因为默认的在线地图不显示，我给改为以下地址才可以

1
2


Cesium.Ion.defaultAccessToken =           'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMTk4ZTYyNy00MjkxLTRmZWYtOTg1MS0wOThjM2YzMzIzYzEiLCJpZCI6NzEyMSwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0ODMxNzI5OX0.rKV8Ldl_bgR3lVvNsbHhTX62j8JH8ADCIWAwk7tXpr8';

2、通过css方式，将所有控件隐藏，只保留最原始地球，通过控件参数控制，还会留下商标，另基本界面控件在注释中介绍

3、导航栏中输入

1	http://localhost:4399/1-更换ion显示纯净地球.html

4、

5、全部html代码


<html lang="en">
    <head>
        <meta charset="utf-8">
        <!-- 引入本地的cesium支持js和css文件，更快并节约流量 -->
        <script src="Build/Cesium/Cesium.js"></script>
        <link href="Build/Cesium/Widgets/widgets.css" rel=大专栏

标签：控件,创建,express,纯净,path,cesium,服务器,js
来源： https://www.cnblogs.com/liuzhongrong/p/12346044.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

cesium创建一个纯净的地球