Cesium笔记 初始化 原生Cesium

1、创建vue项目

vue create my_demo

2、下载Cesium 

可以从官网下载,也可以使用node下载

npm install cesium

3、把node_modules文件夹中下载得Cesium,移出到public文件夹下Cesium笔记 初始化 原生Cesium_第1张图片

4、将Cesium.js 以及样式文件widgets.css在index.html中引用



  
    
    
    
    
    myDEmo
    
  
  
    
    

5、新建vue文件,在vue文件中初始化场景


6、效果如下:

遇到问题如下:

'Cesium' is not defined 问题:package.json 文件eslintConfig 添加 

 "globals": {

      "Cesium": true

    }

CesiumMap.vue文件不支持ts,改用js写,如要用ts请百度

The "HelloWorld" component has been registered but not used  问题 例如xxx已经注册,但是为使用这种问题 eslint 问题 解决办法是:package.json 文件eslintConfig 添加 

 "rules": {

      "vue/no-unused-components": "off",

      "no-unused-vars": "off"

    },

你可能感兴趣的:(cesium,笔记)