位置: IT常识 - 正文

vue2配置cesium详细教程(vue2 mixin)

编辑:rootadmin
vue2配置cesium详细教程 1.简介

推荐整理分享vue2配置cesium详细教程(vue2 mixin),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue cesium,vue cesium,vue cesium,vue 测试,vue2 mixin,vue3 cesium,vue 测试,vue3 cesium,内容如对您有帮助,希望把文章链接给更多的朋友!

网络上现在关于vue配置cesium的教程有很多,包括csdn和掘金等。虽然这些教程在一定意义上提供了开发者如何配置cesium的方法,但是大部分的方法都不切实际,因为每个人的电脑中npm、node、cesium、vue、webpack的版本都基本不一致的,如果只是照搬全抄就会出现一连续的错误和bug。

vue2配置cesium详细教程(vue2 mixin)

本人帮大部分的开发人员尝试了网络上很多的教程,得出的最简单的便捷方法就是利用npm i cesium包之后,将该文件夹下的Cesium文件放在public文件夹下,可以事半功倍,成功快速的运行文件。具体操作如下所示:

2.流程2.1创建vue2项目

我这边使用的是vue-cli create创建vue2项目,个人可以随心所欲,不用太在乎版本。

vue create XXXX2.2 使用npm下载cesium第三方库npm i cesium2.3 将node_modules下面的cesium文件放置在public下2.4 在vue文件中加入引入的cesium js文件和css文件

安装完成就将其引入项目,在这里我没有像网络上说的去配置vue.config.js,而是直接去引入cesium:

import * as Cesium from 'cesium'

使用cesium的时候需要在官网申请一个key,同时在main.js写入

window.CESIUM_BASE_URL = '/cesium'

打开,网站就大工告成了,同时打包测试一下,这时发现又出现了一个问题,报了一个错误:Cannot read property 'length' of undefined;这是@open-wc/webpack-import-meta-loader版本问题,通过降级或者修改进行解决:

这时候ok,在vue文件中导入css和js文件实现展示:

本文链接地址:https://www.jiuchutong.com/zhishi/297753.html 转载请保留说明!

上一篇:Vue|内置指令(vue内置指令实验总结)

下一篇:Python人脸识别

  • 11 12 13 14 15 16的数字画怎么画(11 1 2)(11 18 13 12 15 14 17)

    11 12 13 14 15 16的数字画怎么画(11 1 2)(11 18 13 12 15 14 17)

  • 淘宝交易关闭会扣钱吗(淘宝交易关闭了钱是不是自动退还给买家)

    淘宝交易关闭会扣钱吗(淘宝交易关闭了钱是不是自动退还给买家)

  • 苹果x的蓝牙打不开一直转圈圈(苹果x的蓝牙打不了电话)

    苹果x的蓝牙打不开一直转圈圈(苹果x的蓝牙打不了电话)

  • 短信可以发视频吗(短信可以发视频和照片吗?)

    短信可以发视频吗(短信可以发视频和照片吗?)

  • 怎么取消来电提醒功能(在哪里取消来电提醒)

    怎么取消来电提醒功能(在哪里取消来电提醒)

  • 华为p20怎么隐藏应用(华为P20怎么隐藏游戏)

    华为p20怎么隐藏应用(华为P20怎么隐藏游戏)

  • 软件打开就闪退(软件打开就闪退是怎么回事)

    软件打开就闪退(软件打开就闪退是怎么回事)

  • 开通svip可以恢复几个大火花(svip可以恢复两年内的记录吗)

    开通svip可以恢复几个大火花(svip可以恢复两年内的记录吗)

  • qq空间怎么删除访问记录(qq空间怎么删除重复的照片)

    qq空间怎么删除访问记录(qq空间怎么删除重复的照片)

  • 小米手机录像不要声音(小米手机录像不录声音怎么设置)

    小米手机录像不要声音(小米手机录像不录声音怎么设置)

  • iphonex手电筒打不开了怎么回事(iphonex手电筒打不开灰色按钮)

    iphonex手电筒打不开了怎么回事(iphonex手电筒打不开灰色按钮)

  • 充电器charge是什么意思(充电器charge是什么意思中文)

    充电器charge是什么意思(充电器charge是什么意思中文)

  • 怎么弄微信小号,一个手机号(怎么弄微信小号,一个手机号苹果手机)

    怎么弄微信小号,一个手机号(怎么弄微信小号,一个手机号苹果手机)

  • 华为mate30怎么装卡(华为mate30怎么装sd卡)

    华为mate30怎么装卡(华为mate30怎么装sd卡)

  • 苹果11长宽高多少厘米(苹果11长宽高多少)

    苹果11长宽高多少厘米(苹果11长宽高多少)

  • 发微信怎么能撤回(发出微信怎么撤回来)

    发微信怎么能撤回(发出微信怎么撤回来)

  • pic什么意思(pic什么意思医学)

    pic什么意思(pic什么意思医学)

  • 写字板是一种什么程序(写字板是一种什么的应用程序)

    写字板是一种什么程序(写字板是一种什么的应用程序)

  • 手机初始化怎么弄(手机初始化怎么做)

    手机初始化怎么弄(手机初始化怎么做)

  • 苹果11和11pro屏幕大小(苹果11和11pro屏幕尺寸区别)

    苹果11和11pro屏幕大小(苹果11和11pro屏幕尺寸区别)

  • vivoiqoo后面怎么亮(vivoiqoo后面的灯怎么亮)

    vivoiqoo后面怎么亮(vivoiqoo后面的灯怎么亮)

  • 苹果已信任无法验证(苹果已信任无法验证应用)

    苹果已信任无法验证(苹果已信任无法验证应用)

  • 使用SpringBoot一小时快速搭建一个简单后台管理(后端篇)(springboot ci)

    使用SpringBoot一小时快速搭建一个简单后台管理(后端篇)(springboot ci)

  • 电商行业会计核算的特点
  • 负数怎么在excel里输入
  • 科目余额表解析
  • 简易计征怎么开票
  • 税务开票系统如何导入客户信息
  • 什么时候用以前年度损益调整什么时候用年初未分配利润
  • 通讯费没有公司抬头怎么报销
  • 独立核算的优点
  • 转让长期股权投资的净收益计入
  • 支票结算业务流程
  • 期末账项调整的类型
  • 专票的税金
  • 支付房屋租金计入什么会计科目
  • 新注册的公司什么时候可以开票纳税
  • 消费税组成计税价
  • 关于现代服务业的书籍
  • 地方附加税
  • 税务局怎么知道你的收入
  • 收到劳务公司缴税怎么办
  • 没有税率的发票怎么开
  • 科技开发属于什么产品
  • 外管证怎么开票
  • 财政收支结余
  • 电脑中病毒了怎么重装系统
  • 筹资费用的含义
  • 公司外币账户怎么登录
  • 收到投资方投入设备一台,投资合同约定其价值
  • rundll32.exe应用程序错误 win7
  • 不动产分期抵扣政策
  • 实收资本没到位会计怎么处理
  • 期末坏账准备的计算
  • PHP:oci_get_implicit_resultset()的用法_Oracle函数
  • 加利福尼亚riverside
  • php 截断
  • 核定征收印花税的文件
  • 企业资产损失所得税税前扣除
  • 2022年最新公务接待标准
  • 厂区租赁 法律规定
  • 连锁店会计的工作内容
  • 从公账发工资是什么凭证
  • 应收款超过多久未收回可界定为损失
  • 成本费用利润率越高越好吗
  • 工业用地便宜
  • 销售返利冲抵货款怎么做账
  • 工程分包合同协议书
  • 取得股票期权的个人所得税问题
  • 过次页和承前页怎么算
  • 零余额账户用款额度年末转入哪个科目
  • 欠供应商货款会坐牢吗
  • 为什么要办理外地身份证
  • 检验费用会计分录
  • 成品油生产库存
  • 归还银行贷款利息计入
  • 办公室装修费用怎么入账
  • 对公户收到一笔款怎么做账处理了?
  • 托盘费用怎么核算
  • 捐赠利得的会计科目
  • 新单位建账怎么做
  • 总公司是否可以注销分公司
  • 简易征收可以抵税吗
  • 私企会计一般一个月多少钱
  • sqlserver bulkcopy
  • mysql alter table修改表命令整理
  • 安装fedora33
  • blos是什么意思
  • version 2什么意思
  • 电脑显示windowsxp不能进入桌面
  • xp系统修改文件类型
  • xp系统超级终端机在哪
  • 微软在中国的代理公司
  • 在linux中使用什么可以执行shell脚本
  • linux就要这样学
  • python 编码声明
  • Node.js中的事件循环是什么
  • android studio右边的视图不见了
  • 怎么检测python
  • 静海去天津的公交
  • 闵行税务稽查局
  • 内蒙古低保信息网
  • 献完青春献终身 献完终身献子孙 关系户
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设