vue原生cesium的使用

1. 下载最新版本的cesium
2. 找到CesiumUnminified文件夹，全部复制到static文件夹
3. index.html中引入<link rel="stylesheet" href="./static/CesiumUnminified/Widgets/widgets.css"><script src="./static/CesiumUnminified/Cesium.js"></script>
4. 新建vue页面

5. <template>
       <!-- 地图 -->
        <div id="earthContainer"></div>
   </template>
   <script>
   export default {
       mounted() {
           this.initMap()
       },
       methods: {
           initMap () {
             let viewer = new Cesium.Viewer("earthContainer", {
               fullscreenButton: false,//是否显示全屏
               homeButton: false,//是否显示home按钮
               animation: false, //是否显示动画控件(左下方那个)
               baseLayerPicker: false, //是否显示图层选择控件
               geocoder: false, //是否显示地名查找控件
               timeline: false, //是否显示时间线控件
               sceneModePicker: false, //是否显示投影方式控件
               navigationHelpButton: false, //是否显示帮助信息控件
               infoBox: false, //是否显示点击要素之后显示的信息
               imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
                 url:     'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer'
              })
         });
         // 跳转至指定位置，视角固定
         common.location(viewer,116.45,39.85, 3000 )
       }
     }
   }
   </script>