Vue3中Cesium地图如何进行初始化及配置各种地图控件？

本文共计618个文字，预计阅读时间需要3分钟。

目录+前言+一. 地图初始化+1. Vue项目创建+2. 运行环境配置+3. 地图初始化+二、地图控件+1. 填充+前言+本文主要介绍如何在Vue 3运行环境中配置Cesium，以及实例中控件显示与隐藏设置。

目录

• 前言
• 一. 地图初始化
• 1 .Vue 项目创建
• 2 . 运行环境配置
• 3. 地图初始化
• 二、地图控件
• 补充

前言

本文中，我们主要介绍 Cesium 在 Vue 3运行环境的配置，以及 Cesium 实例中控件的显隐设置，本文是后续文章内容的基础，项目代码在此查看；通过本文，我们可以得到一个纯净的 cesium 项目，后续的操作我们就可以在此基础上进行；

一. 地图初始化

1 .Vue 项目创建

首先，我们需要创建一个新的 Vue 项目。本项目基于 pnpm 安装，也可使用其他包管理器进行安装，如 npm 或 yarn；pnpm 结合了前两者的优点，它能够快速安装依赖并节省磁盘空间。