HtmlLayer Html 图层

演练场

引入

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

new HtmlLayer(options);

入参

参数	类型	默认值	描述
options	Object	-	图层可选参数
options.id	number | string	-	图层唯一标识
options.element	HTMLElement	-	图层承载 DOM，默认新创建一个空 div

属性

属性	类型	读/写	描述
id	string	读写	图层唯一标识
show	boolean	读写	图层是否可见

方法

• addToViewer(viewer: Viewer)

将图层添加到 Viewer。

• clear()

清空图层。

示例

import { HtmlLayer, DivBoard, Position, DomUtil } from "@m-tech/gis-core";

// 新建图层
const layer = new HtmlLayer({
  id: "html-layer",
}).addToViewer(viewer);

// 创建dom元素
const dom = DomUtil.create("div");
dom.innerText = "hello world!";

// 创建 DivBoard 元素并添加到图层
new DivBoard(new Position(114.315782, 30.47449, 0), dom).addToLayer(layer);

// 清空图层
layer.clear();