Cesium开发-vue3(vue-cli)

news/2024/11/15 6:52:27/

Cesium+Vue3

  • cesium 获取 TOKEN
    • vue cli3 脚手架安装 cesium

cesium 获取 TOKEN

使用cesium需要申请一个token值,
cesium申请token请点击这里
注册cesium
创建Token
获取Token
然后就成功的获取到了一个 cesium 的秘钥

然后我们通过下面这句话就可以在项目里面添加一下秘钥,当然这都是后话了。

Cesium.Ion.defaultAccessToken = ‘你申请的秘钥’

vue cli3 脚手架安装 cesium

通过脚手架3安装 cesium。

npm install cesium --save

等待安装完成…
安装完成后在依赖里面可以看见
依赖里的Cesium
然后我们把Cesium整个文件夹,复制到public下面
在这里插入图片描述
复制进来,我们需要在 index.html 文件中引入他们的相应文件。

<script type="text/javascript" src="<%= BASE_URL %>./Cesium/Cesium.js"></script> 

然后引入样式。

<link rel="stylesheet" href="<%= BASE_URL %>./Cesium/Widgets/widgets.css">

cesium-navigation是一个cesium的插件,提供指南针、导航仪和距离刻度用户图形界面。

<script type="text/javascript" src="<%= BASE_URL %>./Cesium/viewerCesiumNavigationMixin.min.js"></script> 

然后在需要使用 cesium 的页面使用就可以了。

Cesium.Ion.defaultAccessToken = '你申请的token'
viewer = new Cesium.Viewer('cesium-map')

这样,地图就出来了。 cesium

感谢 https://www.cnblogs.com/wjw1014/p/16081956.html


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

相关文章

SpringBoot 如何将配置文件挂到 jar 包外面?

目录一、SpringBoot 指定配置文件路径&#xff1a;1&#xff09;使用命令行参数&#xff1a;2&#xff09;使用环境变量&#xff1a;3&#xff09;使用外部配置文件&#xff1a;二、SpringBoot 配置文件生效的优先级排序&#xff1a;一、SpringBoot 指定配置文件路径&#xff1…

腾讯云安装docker

卸载旧版本的 Docker 列出系统中已安装的docker包&#xff1a; yum list installed | grep docker卸载已安装的docker包&#xff1a; yum -y remove docker-ce-cli.x86_64 yum -y remove docker-ce.x86_64 yum -y remove containerd.io如果系统中没有 Docker&#xff0c;则直…

MySQL开发01-数据库范式

文章目录1、范式1.1、什么是数据库规范化1.2、什么是数据库范式2、总结1、范式 1.1、什么是数据库规范化 数据规范化通常是将大表分成较小的表&#xff0c;并且定义它们之间的关系。这样做的目的是为了避免冗余存放数据&#xff0c;并确保数据的一致性。添加、删除和修改数据…

CocosCreator实战篇 | 实现刮刮卡和橡皮擦 | 擦除效果

&#x1f4e2;博客主页&#xff1a;https://blog.csdn.net/dxt19980308 &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; 如有错误敬请指正&#xff01; &#x1f4e2;本文由肩匣与橘编写&#xff0c;首发于CSDN&#x1f649; &#x1f4e2;生活依旧是美好而…

ARM—汇编指令集

一、汇编指令与伪指令 1、伪指令&#xff1a;如.test_start等&#xff0c;本质不是指令&#xff0c;用于指导编译过程&#xff0c;最终不产生机器码。 2、指令&#xff1a;ldr&#xff0c;str等&#xff0c;机器码的助记符&#xff0c;最终生成机器码CPU执行。 二、两种不同风…

Day924.自动化测试 -系统重构实战

自动化测试 Hi&#xff0c;我是阿昌&#xff0c;今天学习记录的是关于自动化测试的内容。 自动化测试是一个很容易产生“争议”的话题&#xff0c;也经常会有一些很有意思的问题。 自动化测试不是应该由测试同学来编写吗&#xff0c;开发是不是没有必要学吧&#xff1f;之前…

企企通总架构师杨华对话各路专家,探寻未来独角兽企业晋级之路

近日&#xff0c;第一新声成功举办“数字新未来-2022年高科技高成长企业年度峰会”。峰会邀请到近50位嘉宾&#xff0c;分享了最新的趋势、独角兽科技公司的进与退&#xff0c;以及新技术ChatGPT的融合与机遇&#xff0c;企业增长及SaaS产业数字化机会、硬科技企业发展趋势与应…

46学习公有云平台 AWS 的基本服务和使用方法,包括 EC2、S3 等

AWS&#xff08;Amazon Web Services&#xff09;是全球最大的云计算服务提供商之一&#xff0c;提供多种云计算服务&#xff0c;包括计算、存储、数据库、分析、网络、移动、开发工具和人工智能等。在这里我们重点介绍 AWS 的 EC2 和 S3 服务以及使用方法。 EC2&#xff08;E…