@hyeokjin/wfs-editor NPM

Wfs-Editor

OpenLayers Feature Edit and Transaction Tools for Wfs Services

Getting started

Installation

To use the library in an application with an npm based dev environment, install it with

npm install @hyeokjin/wfs-editor

@hyeokjin/wfs-editor requires OpenLayers, ol-rotate-feature, @turf/turf, jsts

Usage

wfsEditor setup

import { WfsEditor } from "@hyeokjin/wfs-transaction";

///after ol map create

const editor = new WfsEditor(map);

function eventTrigger(){
  editor.edit_function(arg...)
}

edit_functions

featureMove: (arg1 : (e) => {} , arg2 : (e) => {}) => void

rotate: (features : ol/Feature[] , arg1 : (e) => {}, arg2 : (e) => {}) => void

lineStraight: (features : ol/Feature[] ) => void

lineReverse: (feature : ol/Feature ) => void

simplify: (feature : ol/Feature, option : tolerance options) => void tolerance options

reflect: (feature : ol/Feature, axis : String) => void

addMidPoint: (features : ol/Feature[], source : ol/VectorSource) => addedFeature : ol/Feature

merge: (features : ol/Feature[], source : ol/VectorSource) => void

split: (features : ol/Feature[], source : ol/VectorSource) => splitFeatures : ol/Feature[]

crop: (feature : ol/Feature, source : ol/VectorSource, arg1 : (e) => {}, arg2 : (e) => {}) => newFeatures : ol/Feature[]

lineNodeSplit: (features : ol/Feature[], source : ol/VectorSource) => addFeatures : ol/Feature[]

transaction

// 1. set GML option (it's shared below functions)
const t = new WfsTransaction(featureNS, featureType, srsName)

// 2. transact call
  // single
  t.submitTransact(mode, feature, layerName)

  // multi 
  // editedItems set 1. 
  t.setEditedItems(editItems)
  // editedItems set 2. 
  t.addEditedItems(mode, feature, layerName)

  // after setting
  t.submitMultiTransact()

  // if editedItems are written manually, 
  t.submitMultiTransact(editedItems_)

// 3. data cleanup
const res = await t.setEditedItems();
if(res){
  cleanup();
}

if you need example, explore below link

https://github.com/kstarmango/wfsT-library

https://github.com/mangosystem/ol-editor-wfst