文章介绍在 Vue 3 + TypeScript 项目中集成 MapLibre GL 的完整流程。通过 npm 安装 maplibre-gl 后，在组件挂载时初始化地图，设置容器、官方演示样式、中心坐标（北京天安门）、缩放级别、抗锯齿等参数；随后添加导航、比例尺、全屏、地理定位等控件，并监听地图加载完成与点击事件。加载完成后可创建自定义标记点，绑定带 HTML 内容的 Popup 弹窗。组件卸载时调用 map.remove() 清理实例，并通过 defineExpose 暴露地图实例供外部使用。文中还给出自定义控件、弹窗及标记样式的 CSS 写法。读者可据此快速搭建 Vue 3 地图应用，掌握初始化、控件配置、事件交互和资源释放等核心环节。