2D Leaflet 组件总览

2D 文档 · Leaflet

这里集中介绍组件库的二维地图能力。2D 模块基于 Vue 3、Leaflet 和 Leaflet Draw，适用于常规地图展示、业务点位、区域编辑、轨迹播放和多瓦片图层叠加。

如何判断应该看哪一部分

如果你的页面是俯视平面地图、只需要经纬度定位和常规瓦片，请使用本 2D 文档；需要地球、相机俯仰、3D Tiles 或立体效果，请从 3D 快速开始 开始。

2D 组件清单

组件	作用	典型使用场景
TMap	创建 Leaflet 地图并管理基础图层	所有 2D 地图页面的根容器
TMapMarker	展示单个或多个业务标记	设备、门店、告警、人员点位
TMapPolygonEditor	绘制和编辑多边形、洞及岛	地块、围栏、行政区域编辑
TrailMap	展示路线和轨迹动画	车辆轨迹、巡检路线、历史回放
TMapTileLayer	叠加额外瓦片图层	卫星影像、专题底图、业务瓦片

推荐学习顺序

1. 先阅读 2D · TMap 地图容器，完成地图初始化。
2. 根据业务选择 Marker、区域编辑器或轨迹组件。
3. 需要额外底图时再添加 TMapTileLayer。
4. 如果同一页面需要切换三维场景，阅读 SceneMap 2D/3D 切换。

推荐导入入口

import {
  TMap,
  TMapMarker,
  TMapPolygonEditor,
  TrailMap,
  TMapTileLayer,
} from "scene-mapping-gis/2d";
import "scene-mapping-gis/dist/style.css";

使用 scene-mapping-gis/2d 子入口时不会主动加载 Cesium，适合只需要二维地图的页面。