Skip to content

初始化引擎

创建 JoGISThree 实例

在使用引擎前,必须通过 new JoGISThree() 进行初始化,引擎会自动创建一个 JoGISThree 实例用于后续的操作。

typescript
import { JoGISThree } from "@jodvf/three-gis-map";

const joGISThree = new JoGISThree(map, maplibregl, {
  projection: "EPSG:3857"
});

注意,mapmaplibre-gl Map 的实例,而 maplibreglmaplibregl 包的全局变量。

添加图层要在 jogisthree.load 钩子执行完成之后进行添加,该钩子函数执行的时机是 maplibre-gl Map 实例的 map.loaded() 方法执行完成之后执行。

typescript
const joGISThree = new JoGISThree(map, maplibregl, {
  projection: "EPSG:3857"
});

joGISThree.on("jogisthree.load", () => {
  // 添加图层
});