Skip to content

2D · TMapTileLayer 额外瓦片图层 ​

用于在基础地图上叠加天地图图层或自定义 XYZ 图层。

vue
<TMap provider="osm">
  <TMapTileLayer
    name="业务专题图"
    url="https://example.com/tiles/{z}/{x}/{y}.png"
    :opacity="0.72"
  />
</TMap>

Props ​

名称类型说明
namestring必填,业务图层名称
layerTypestring天地图编码,如 vec_w、img_w、ter_w、cva_w
urlstring自定义瓦片地址,优先级高于 layerType
apiKeystring天地图 Key

其余字段将作为 Leaflet TileLayerOptions 使用。Props 变化时组件会移除旧图层并重建,卸载时自动从地图移除。

图层管理边界

name 当前用于表达业务含义,不会自动生成图层选择控件。如需图层显隐开关,可由业务侧条件渲染组件,或通过 TMap.getMap() 使用 Leaflet 原生图层控制器。