Leaflet全屏按钮不显示问题：TypeScript项目配置后未正常渲染

你所使用的Leaflet 1.7.1版本原生没有内置全屏控件功能，fullscreenControl配置项属于第三方插件leaflet.fullscreen的扩展能力，未安装对应插件时配置不会生效，按以下步骤操作即可解决：

• 第一步：安装全屏插件依赖
  执行npm安装命令：
  npm install leaflet.fullscreen
  若使用yarn则执行：
  yarn add leaflet.fullscreen
• 第二步：在代码中引入插件和配套样式
  打开CustomMap.ts文件，在头部原有导入语句后补充以下内容：

// 引入全屏控件样式
import 'leaflet.fullscreen/Control.FullScreen.css'
// 引入全屏控件插件，会自动挂载到L对象上
import 'leaflet.fullscreen'

• 第三步：处理TypeScript类型报错（可选）
  如果编辑器/TS编译提示fullscreenControl、fullscreenControlOptions是无效配置项，可以安装对应类型声明包：
  npm install @types/leaflet.fullscreen -D
  也可以临时在创建地图的代码行上方加// @ts-ignore忽略类型校验。
• 第四步：重启打包服务
  安装新依赖后需要重启parcel服务，重新编译项目后即可看到地图左上角的全屏按钮。

内容的提问来源于stack exchange，提问作者darkuni