没有合适的资源？快使用搜索试试~ 我知道了~

文库首页行业研究行业报告Vue-cli工程与Cesium的整合操作步骤

Vue-cli工程与Cesium的整合操作步骤

vue.js

需积分: 5 0 下载量 148 浏览量 2023-06-20 13:53:00 上传评论收藏 1.98MB DOCX 举报

温馨提示

试读

16页

Vue-cli工程与Cesium的整合操作步骤

资源推荐

资源详情

资源评论

https://zhuanlan.zhihu.com/p/399005787

1、2、3、4 此处配置 Vue-cli 省略！

5.接下来我们想办法把 cesium.js 引入。首先我们用 npm 下载它，命令这么写：npm install

cesium。

现在 cesium 已经被下载到 node_modules 里面了，也就是说现在 cesium 在库里面，项目

中如果想用还得引入。

现在我们首先把这个首页更改一下：

首先把

这个文件里的原始的内容清理掉，只留下<template></template>标签。然后我们去 cesium

官网，看一下怎么引入 cesium

cesium 官网上有这么一段代码，看到这段代码我就放心了。我们直接把这段代码写道 HelloWorld

的<script>标签里要注意在这之前，你需要在 cesium 官网上申请一个 token

这个令牌是你可以使用 cesium 开发的根据，→申请 token

以下是我申请好的 token

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2ZmJkMmU0Ni1lYzEwLTQzNDctOTRmOC05MTA4NW

M1NDhjNDkiLCJpZCI6MTI2NTUxLCJpYXQiOjE2Nzc1NDY0Njl9.qkXgSj5IJA9xoyEX0hbbq7zKpdKTylG9FgOQ

7LdTXvE

以下为 HelloWprld 的代码

</div>

</template>

const Cesium = require('cesium/Cesium')

import '../../node_modules/cesium/Build/Cesium/Widgets/widgets.css';

Cesium.Ion.defaultAccessToken =

'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2ZmJkMmU0Ni1lYzEwLTQzNDctOTRmOC05MTA4N

WM1NDhjNDkiLCJpZCI6MTI2NTUxLCJpYXQiOjE2Nzc1NDY0Njl9.qkXgSj5IJA9xoyEX0hbbq7zKpdKTylG9FgO

Q7LdTXvE';

export default {

name: 'HelloWorld',

data () {

mounted(){

window.CESIUM_BASE_URL = '/static/Cesium/';

const viewer = new Cesium.Viewer('cesiumContainer', {

terrainProvider: Cesium.createWorldTerrain()

});

const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());

viewer.camera.flyTo({

destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),

orientation : {

heading : Cesium.Math.toRadians(0.0),

pitch : Cesium.Math.toRadians(-15.0),

}

});

}

</script>

margin: 0px;

剩余15页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

zhanga10

粉丝: 0
资源: 5

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

Vue-cli工程与Cesium的整合操作步骤

vue-cli.rar

vue-cli开发的商城源代码

vue-cli3配置与跨域处理方法

electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar

vue-cli3多页面配置demo

vue-cli 图片打包成base64的大小限制配置文件件 vue.config.js

vue-cli4-vant-master

Java使用SWT JFreeChart控件实现的小游戏.zip

vue-cli使用配置

vue-cli的下载安装运行流程

vue-cli3.0图片转base64规则配置

vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件

基于vue-cli2.0的华为商城项目源码.zip

vue-cli系列之vue-cli-service整体架构浅析

vue使用vue-cli快速创建工程

vue-cli二次工程

vue-cli-plugin-qiankun:适用于微前端千库应用程序的vue-cli3插件

基于vue-cli 的 Element UI 的后台系统模板

vue脚手架vue-cli的学习使用教程

相关实用应用程序（Windows可用）

李飞飞自传 我看见的世界 The World I see

ChatGPT使用总结：150个ChatGPT提示词模板（完整版）

chromedriver-win64.zip

全国计算机二级WPSoffice精选350道选择题题库（含答案）.pdf

第十九届研电赛-技术论文模板

哈尔滨工业大学-ChatGPT调研报告-2023.3.6-94页.pdf

智联招聘：2024年大学生就业力调研报告.pdf

4个亲测好用的ChatGPT4渠道

2024年俄罗斯商用车数字集群信息娱乐系统市场机会及渠道调研报告Sample.pdf

最新资源

李飞飞自传我看见的世界 The World I see