Vue:Vue项目中的Cesium配置备忘录

news/2024/10/25 13:14:18/

作者:CSDN @ _乐多_

本文记录了 Vue 项目中配置 Cesium 相关过程和细节。


文章目录

      • 一、安装Cesium
      • 二、配置 index.html


一、安装Cesium

npm install Cesium

在node_modules中找到Cesium,将其中的Cesium文件夹复制到public中。

在这里插入图片描述

二、配置 index.html

主要加入这两行,

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

整个 index.html 如下,

<!DOCTYPE html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="icon" href="<%= BASE_URL %>favicon.ico"><title><%= htmlWebpackPlugin.options.title %></title><link rel="stylesheet" href="./Cesium/Widgets/widgets.css"></head><body><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.Please enable it to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --><script src="./Cesium/Cesium.js"></script>
</body></html>

声明:
本人作为一名作者,非常重视自己的作品和知识产权。在此声明,本人的所有原创文章均受版权法保护,未经本人授权,任何人不得擅自公开发布。
本人的文章已经在一些知名平台进行了付费发布,希望各位读者能够尊重知识产权,不要进行侵权行为。任何未经本人授权而将付费文章免费或者付费(包含商用)发布在互联网上的行为,都将视为侵犯本人的版权,本人保留追究法律责任的权利。
谢谢各位读者对本人文章的关注和支持!


http://www.ppmy.cn/news/1200015.html

相关文章

陈海波:OpenHarmony技术领先,产学研深度协同,生态蓬勃发展

11月4日&#xff0c;以“技术筑生态&#xff0c;智联赢未来”为主题的第二届OpenHarmony技术大会在北京隆重举办。本次大会由OpenAtom OpenHarmony&#xff08;简称“OpenHarmony"&#xff09;项目群技术指导委员会&#xff08;TSC&#xff09;主办&#xff0c;由华为技术…

求在主串中模式串重复出现的次数 ← KMP算法(重叠计算)

【题目描述】 求在主串中模式串重复出现的次数。 题目引申自&#xff1a;https://blog.csdn.net/hnjzsyjyj/article/details/134238575【输入格式】 第一行输入组数T&#xff1b; 接下来T行数据&#xff0c;其中每行的第一个数据表示模式串&#xff08;长度≤1000&#xff09;&…

Linux生成静态库

GCC 什么是GCC GCC 是 GNU 编译器集合&#xff08;GNU Compiler Collection&#xff09;的缩写。它是一个开源的编程语言编译器&#xff0c;支持多种编程语言&#xff0c;包括 C、C、Objective-C、Fortran、Ada 和 Go 等。GCC 最初由理查德斯托曼&#xff08;Richard Stallman…

187.重复的 DNA 序列

​​题目来源&#xff1a; leetcode题目&#xff0c;网址&#xff1a;187. 重复的DNA序列 - 力扣&#xff08;LeetCode&#xff09; 解题思路&#xff1a; 使用两个哈希表&#xff0c;一个存放已遍历过的长度为 10 的字符串&#xff0c;另一个存放重复的长度为 10 的字符串。顺…

stable diffusion安装踩坑之clip安装、git报错

clip本地安装环境链接问题 本节主要记录一下在windows安装stable diffusion时&#xff0c;clip脚本安装不上&#xff0c;本地安装时如何链接到当前库的问题 首先&#xff0c;在脚本安装clip不成功时&#xff0c;脚本会输出一个commend指令&#xff0c;复制到浏览器就可以很快…

pg_upgrade from 9.6升级到14.5

pg_upgrade — 升级PostgreSQL服务器实例 大纲 pg_upgrade -b oldbindir -B newbindir -d oldconfigdir -D newconfigdir [option...] 描述 pg_upgrade&#xff08;之前被称为pg_migrator&#xff09; 允许存储在PostgreSQL数据文件中的数据被升级到一个较晚 的PostgreSQL主…

Unity地面交互效果——3、曲面细分基础知识

大家好&#xff0c;我是阿赵。   之前介绍了使用动态法线贴图混合的方式模拟轨迹的凹凸感&#xff0c;这次来讲一下更真实的凹凸感制作。不过在说这个内容之前&#xff0c;这一篇先要介绍一下曲面细分着色器(Tessellation Shader)的用法。 一、为什么要做曲面细分 之前通过法…

应用软件安全编程--06预防 XML 外部实体攻击

XML文档可以从一个很小的逻辑块(实体)开始动态构建。实体可以是内部的、外部的或者基于参数的。外部实体运行是将外部文件中的 XML 包含进来。攻击者可以通过操作实例的 URI, 使其指向特定的在当前文件系统中保存的文件&#xff0c;从而造成拒绝服务或程序崩溃&#xff0c;比如…