Cesium专刊:引入Cesium(vue2+vue3)

144 阅读1分钟

前言

人生一迹,谨以此记录Cesium相关系列知识

Cesium官网JS库

注意直接下载编译后的源码即可

image.png

注意

本文只采用手动public包的引入方式,因为此种引入方法,有利于对原生cesium进行扩展(可以编写JS工具)

Vue2引入cesium

  1. 将下载好的Cesium源码(Cesium-1.111/Build/)路径下的Cesium文件夹复制到public文件夹下,如下图所示。

image.png 2. 打开index.html文件,在标签中引入Cesium.js文件和widgets.css样式库

image.png 3. 打开package.json文件,在里面加入全局变量Cesium

image.png 4.启动项目,刷新浏览器即可看到Cesium三维地球

image.png

常见报错!
  • 25:23 error 'Cesium' is not defined no-undef 原因:通常此类报错,是由于启动项目的过程中修改package.json 解决方法:重新启动下项目即可(npm run serve)

[项目代码见gitee仓库](cesium_dem_vue2: 旨在于提供Cesium+Vue2模版包 (gitee.com))