0
POST https://example.com/geoserver/wfs

0
<wfs:Transaction
1
    xmlns:wfs="http://www.opengis.net/wfs"
2
    xmlns:gml="http://www.opengis.net/gml"
3
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
4
    service="WFS"
5
    version="1.0.0"
6
    xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd">
7
    <wfs:Insert>
8
        <layer_name>
9
            <column1>value1</column1>
10
            <column2>value2</column2>
11
            <column3>value3</column3>
12
            <geo_column>
13
                <gml:Polygon srsName="EPSG:4326">
14
                    <gml:outerBoundaryIs>
15
                        <gml:LinearRing>
16
                            <gml:coordinates>x1,y1 x2,y2 x3,y3 x4,y4 x1,y1</gml:coordinates>
17
                        </gml:LinearRing>
18
                    </gml:outerBoundaryIs>
19
                </gml:Polygon>
20
            </geo_column>
21
        </layer_name>
22
    </wfs:Insert>
23
</wfs:Transaction>

0
import { Map } from 'ol';
1
import Draw from 'ol/interaction/Draw';
2
import VectorLayer from 'ol/layer/Vector';
3
import VectorSource from 'ol/source/Vector';
4

5
const drawSource = new VectorSource();
6

7
const drawLayer = new VectorLayer({
8
    source: drawSource,
9
    properties: { name: 'draw' }
10
});
11

12
const drawInteraction = new Draw({
13
    source: drawLayer.getSource(),
14
    type: 'Polygon'
15
});
16

17
new Map({
18
    ...
19
    layers: [ ..., drawLayer ]
20
});

0
document.onkeyup = (e) =>
1
{
2
    // ESC를 눌렀을 경우
3
    if (e.key.toLowerCase() === 'escape')
4
    {
5
        map.removeInteraction(drawInteraction);
6
    }
7
};
8

9
document.oncontextmenu = () =>
10
{
11
    map.removeInteraction(drawInteraction);
12
};

0
// 드로잉 시작 이벤트
1
drawInteraction.on('drawstart', () => {});
2

3
// 드로잉 종료 이벤트
4
drawInteraction.on('drawend', () => {});
5

6
// 드로잉 취소 이벤트
7
drawInteraction.on('drawabort', () => {});