三、首页设置与加载天地图

vandh

已于 2022-12-27 13:47:52 修改

阅读量153

点赞数

分类专栏：数字孪生开发与实战文章标签： javascript 开发语言 ecmascript

于 2022-12-27 13:29:12 首次发布

本文链接：https://blog.csdn.net/vandh/article/details/128454683

版权

数字孪生开发与实战专栏收录该内容

14 篇文章 5 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何去除页面组件显示，通过修改src/App.vue的script部分代码实现界面优化，并详细讲解了如何加载天地图，天地图作为国家测绘地理信息局的服务网站，提供高性能的地理信息服务。最终展示了一个加载天地图后的效果图。

摘要由CSDN通过智能技术生成

1、如何去掉页面的一些组件显示，修改src/App.vue的scipt部分代码：

<script setup>
import * as Cesium from 'cesium';
import { onMounted } from 'vue';
onMounted(() => {
  const viewer = new Cesium.Viewer("cesiumContainer", {
    animation: false, // 动画小组件
    baseLayerPicker: true, // 图层选择器
    fullscreenButton: false, // 全屏组件
    vrButton: false, // VR模式
    geocoder: false, // 地理编码（搜索）组件
    homeButton: false, // 首页，点击之后将视图跳转到默认视角
    infoBox: false, // 信息框
    sceneModePicker: false, // 场景模式，切换2D、3D 和 Columbus View (CV) 模式。
    selectionIndicator: false, //是否显示选取指示器组件
    timeline: false, // 时间轴
    navigationHelpButton: false, // 帮助提示，如何操作数字地球。
    shouldAnimate: true,
  });
  //去掉LOGO
  viewer.cesiumWidge