vue3+vite项目中配置cesium默认Viewer组件信息第（二）篇

需要申请 Cesium ion

• 打开 cesium.com/ion/ 注册一个新的账户;

• 点击"Access Token"，跳转到Access Tokens page页面;

• 选择Default默认的access token拷贝到contents中。

cesium中Viewer组件配置项

Cesium.Ion.defaultAccessToken = 'your_access_token';

const viewer = new Cesium.Viewer("cesiumContainer", {
    baseLayerPicker: false, // 右上角图层选择按钮
    geocoder: false, // 右上角查询(放大镜)按钮
    navigationHelpButton: false, // 右上角帮助(问号)按钮
    homeButton: false, // 右上角主页(房子)按钮
    sceneModePicker: false, // 右上角投影方式控件(显示二三维切换按钮)
    animation: false, // 左下角动画仪表盘
    timeline: false, // 正下方时间轴小部件
    fullscreenButton: false, // 右下角全屏按钮
    infoBox: false // 隐藏点击要素之后显示的信息控件
  });
  
  // 设置默认视角
  viewer.camera.setView({
    destination: Cesium.Cartesian3.fromDegrees(116.404, 39.905, 1000000)
  });
  // 加载地图
  const imageryProvider = new Cesium.UrlTemplateImageryProvider({
    url: "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"
  });
  viewer.imageryLayers.addImageryProvider(imageryProvider);
  
  // 隐藏版权
  viewer._cesiumWidget._creditContainer.style.display = "none";