Skip to content

18. 添加水印

loading

给地图添加水印,使用 logo 加载器插件完成。

使用步骤:

  1. 注册 logo 加载器插件。
  2. 定义 logo 数据源。
  3. 地图的影像数据使用 logo 数据源。
ts
// 注册logo加载器
tt.registerImgLoader(new plugin.TileMaterialLogoLoader());

// 定义一个logo数据源
const logoSource = tt.TileSource.create({
    dataType: "logo",
    attribution: "three-tile 轻量级三维地图框架",
    opacity: 0.8,
    minLevel: 5,
    maxLevel: 18,
});

// 创建地图
const map = tt.TileMap.create({
    // 使用logo数据源
    imgSource: [new plugin.ArcGisSource(), logoSource],
    demSource: new plugin.ArcGisDemSource(),
    lon0: 90,
});

TIP

水印是一种影像数据源,能在影像图上绘制文字。 它以插件形式提供。 该插件用处不大,但实现极为简单,是学习 three-tile 插件开发的入门示例。

https://github.com/sxguojf/three-tile/blob/master/packages/plugin/src/logoLoader/TileMateriaLogoLoader.ts

Released under the MIT License.