Tileset 瓦片集

---

演练场

引入

import { Tileset } from "@m-tech/gis-core";

参数

参数	类型	必填	默认值	描述
url	string	是	-	瓦片集地址
options	object	否	-	瓦片集参数，兼容Cesium原生配置 Cesium3DTileset
options.clientDB	boolean	否	false	是否启用 indexedDB 来进行本地缓存
clipOptions	object	否	-	瓦片集裁剪参数，兼容Cesium原生配置 ClippingPlaneCollection

属性

属性名	类型	读/写	描述
url	string	读	瓦片集地址
readyPromise	Promise	读	瓦片集加载状态
show	boolean	读/写	瓦片集显示状态

方法

• addToLayer(layer: Layer)

添加到指定图层。

• setClip()

设置瓦片集裁剪。

• clearClip()

清除瓦片集裁剪。

• setPosition(position: Position)

设置瓦片集位置。

• setHeight(height: number)

设置瓦片集高度。

• setScale(scale: number)

设置瓦片集缩放比例。

• setStyle(style: any)

设置瓦片集样式。参数参照 Cesium3DTileStyle。

示例

import { Tileset, PrimitiveLayer } from "@m-tech/gis-core";

const layer = new PrimitiveLayer();

const tileset = new Tileset(
  "https://assets.mgis.com/3dtiles/test/tileset.json",
);

// 添加到指定图层
tileset.addToLayer(layer);

tileset.readyPromise.then((c3dtileset: Cesium3DTileset) => {
  console.log("瓦片加载完成");
  // 隐藏瓦片集
  tileset.show = false;
});

// 设置瓦片集位置
tileset.setPosition(new Position(122.06127255, 40.74509196, 50));

// 设置瓦片集高度
tileset.setHeight(50);

// 设置瓦片集缩放比例
tileset.setScale(1);

// 移除瓦片集
layer.remove(tileset);