このワークショップのすべての演習を通じて、次の 3 つの概念が登場します。
| 概念 |
役割 |
| アダプター (Adapter) |
Terra Draw を特定の地図ライブラリに結び付ける。例: TerraDrawMapLibreGLAdapter |
| モード (Modes) |
現在使っている描画ツール。例: TerraDrawPolygonMode、TerraDrawPointMode、TerraDrawSelectMode |
| ストア (Store) |
描画した GeoJSON フィーチャー。読み書きの対象となる唯一の情報源 |
これらを組み合わせると、必ず次のような形になります。
const draw = new TerraDraw({
adapter: new TerraDrawMapLibreGLAdapter({ map }),
modes: [new TerraDrawPolygonMode()]
});
draw.start();
draw.setMode('polygon');
それぞれの概念については、コアコンセプト と 演習 1 で詳しく見ていき、実際にこのコードを動かします。