Wall 墙

---

演练场

引入

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

new Wall(positions, options);

入参

参数名称	类型	必填	默认值	描述
positions	Position[]	是	-	位置
options	Object	是	-	配置
options.id	string | number	是	-	唯一标识
options.mode	1 | 2 | 3	否	1	贴图预设模式: 1: 线性 2: 贴图 3: 纯色
options.height	number	否	30	高度
options.outline	boolean	否	false	是否显示轮廓
options.outlineColor	Cesium.Color	否	Cesium.Color.WHITE	轮廓颜色
options.color	Cesium.Color	否	Cesium.Color.GREEN	颜色
options.speed	number	否	10	贴图移动速度
options.closePath	boolean	否	false	是否闭合路径

属性

属性	类型	读/写	描述
positions	Position[]	读写	位置
height	number	读写	高度
color	Cesium.Color	读写	颜色
outline	boolean	读写	是否显示轮廓
outlineColor	Cesium.Color	读写	轮廓颜色

方法

• setMode(mode)

设置贴图预设模式。

mode: 1 | 2 | 3

• setStyle(style)

设置样式，参考原生 Wall 配置。

• on(OverlayEventType, Function)

监听事件。

OverlayEventType 事件枚举
Function 事件回调

示例

import { Wall, Position, Color, OverlayEventType } from "@m-tech/gis-core";

const wall = new Wall(
  [
    // 位置
    new Position(114.315782, 30.47449, 0),
    new Position(114.3179, 30.47449, 0),
    new Position(114.3179, 30.4759, 0),
    new Position(114.315782, 30.4759, 0),
  ],
  {
    mode: 1, // 贴图预设模式
    speed: 10, // 贴图移动速度
    height: 30, // 高度
    color: Color.fromCssColorString("#00ff00"), // 颜色
  },
);

wall.height = 50; // 修改高度
wall.color = Color.fromCssColorString("#ff0000"); // 修改颜色
wall.position = [
  // 修改位置
  new Position(114.315782, 30.47449, 0),
  new Position(114.3179, 30.47449, 0),
  new Position(114.3179, 30.4759, 0),
  new Position(114.315782, 30.4759, 0),
];
wall.outline = true; // 修改轮廓
wall.outlineColor = Color.fromCssColorString("#ff0000"); // 修改轮廓颜色

wall.setMode(2); // 修改贴图预设模式
wall.setStyle({
  // 修改样式
  material: Color.fromCssColorString("#0000ff"),
  height: 30,
  outline: true,
  outlineColor: Color.fromCssColorString("#00ff00"),
});

// 监听点击事件
wall.on(OverlayEventType.CLICK, (e) => {
  console.log(e);
});