地图背景≥0.11.9
loading
有的时候,我们仅需要显示不含卫星影像,仅包含境界、地名的简单地图,甚至不需要地形的二维地图, 但由于境界、地名瓦片背景透明,地图无背景色时会穿透到地下。
V0.11.4 TileMap 增加了背景色属性:backgroundColor,但它不够灵活,已废弃。
V0.11.9 增加了背景加载器,通过数据源方式加载背景色,仅是对去掉了 backgroundColor 属性的临时替代方案。
TIP
添加地图背景功能比较鸡肋,一般应用并不需要显示透明背景的底图。如果确有需求,建议使用 26. 自定义瓦片着色器 实现,它的效果更好一些。
背景加载器使用
- 注册背景加载器
- 声明背景数据源
- 添加背景
ts
// 1. 注册背景加载器
tt.registerImgLoader(new plugin.BackgroundLoader());
// 2. 背景数据源
const background = tt.TileSource.create({ dataType: "background", color: 0x1123456 });
// 3.创建地图,使用背景数据源+高德境界数据源
const map = tt.TileMap.create({
// 影像数据源
imgSource: [background, new plugin.GDSource({ style: 8 })],
lon0: 90,
minLevel: 4,
// backgroundColor: 0x003366, // 废弃
});