Hypatia中Cesium可视化生成的HTML文件打不开解决方案

最新推荐文章于 2024-03-16 19:37:45 发布

lyorz

最新推荐文章于 2024-03-16 19:37:45 发布

阅读量387

点赞数 3

分类专栏：卫星网络文章标签：经验分享

本文链接：https://blog.csdn.net/lyorz/article/details/133632885

版权

卫星网络专栏收录该内容

2 篇文章 1 订阅

订阅专栏

0.问题描述

Hypatia使用Cesium实现星座可视化，但是生成的HTML文件只有偶尔运气好可以打开，大多数时候打开是一片空白。

这时F12查看错误发现：

这两个链接应该是调用的远端服务器上源码widgets.css和Cesium.js，但是你点开这两个链接发现也是打不开的，就是访问不了的问题。

因为完全不懂前端，所以想简单尝试把Cesium部署到本地环境，直接访问本地服务器应该是可以的（

1.环境配置

主要是本地配置部署Cesium的环境，网络上有很多解决方案（直接搜本地部署Cesium，包含下载安装nodejs并加入环境变量，安装http-server等）。

此处注意你所安装的nodejs版本最好比v13新，不然会因为太旧出现无法安装http-server的问题

最终：

2.HTML集成Cesium

配置完环境以后，下载Cesium源码；
解压并进入Cesium源码目录，创建新文件夹Cesium APP；
将源码文件夹Buill/Cesium文件夹整个复制进入Cesium APP中；

进入Cesium APP文件夹，将你想要打开的HTML文件放进来，并作如下修改：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Cesium App</title>
	<script type="text/javascript" src="Cesium/Cesium.js"></script>
	<link rel="stylesheet" type="text/css" href="Cesium/Widgets/widgets.css">
</head>

(其实也就是把一些源文件的路径换到本地)

在Cesium APP文件夹搜索栏上方输入cmd：
输入http-server -p 8081打开本地服务器8081端口
在浏览器输入地址：http://127.0.0.1:8081/<filename>，比如我要打开Starlink.html，则输入在浏览器输入地址：http://127.0.0.1:8081/Starlink：

成功！