Vue+Cesium 引入及初始化设置

最新推荐文章于 2024-09-13 08:10:30 发布

一碗老面i

最新推荐文章于 2024-09-13 08:10:30 发布

阅读量2.5k

点赞数 1

分类专栏： Cesium Vue

本文链接：https://blog.csdn.net/qq_29808089/article/details/107770039

版权

Cesium 同时被 2 个专栏收录

34 篇文章 20 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

Vue

9 篇文章 0 订阅

订阅专栏

本文详细介绍了在Vue项目中引入和初始化Cesium的步骤，包括注意点、参数配置、版权信息处理、底图加载以及实现相机飞行等核心操作。

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

1.Vue引入需要注意

npm install --save cesium

// 引入

import 'cesium/Build/Cesium/Widgets/widgets.css'
import * as Cesium from 'cesium'

2.初始化参数配置

let viewerOption = {
        animation: false, // 控制场景动画的播放速度控件
        baseLayerPicker: false, // 底图切换控件
        fullscreenButton: false, // 全屏控件
        geocoder: false, // 地理位置查询定位控件
        homeButton: false, // 默认相机位置控件
        timeline: false, // 时间滚动条控件
        infoBox: false,           //是否显示信息框
        sceneModePicker: false, //是否显示3D/2D选择器
        selectionIndicator: false, // 点击点绿色弹出 是否显示选取指示器组件
        sceneMode: Cesium.SceneMode.SCENE3D, //设定3维地图的默认场景模式:Cesium.SceneMode.SCENE2D、Cesium.SceneMode.SCENE3D、Cesium.SceneMode.MORPHING
        navigationHelpButton: false, //

了解本专栏