Vue中openlayers使用jsts库做空间拓扑关系查询

Vue中openlayers使用jsts库做空间拓扑关系查询

JSTS是一个符合OGC规范的简单要素空间位置判定函数JavaScript库，JSTS也是Java类库JTS的一个接口，且与OpenLayer3具有互操作性。
目前原生的OpenLayers3并不支持空间拓扑关系查询，此类库可以作为重要的补充。通过此类库，可以判断多种空间几何的位置关系，最初建立这个工程的目的是为web地图应用提供一套完整的类库来处理和分析简单几何体，但jsts也可以作为一个独立的几何库。
jsts是利用原JTS java源码通过AST AST自动翻译转换而成并保持了该API，除了对IO相关的部分类进行了选择性的并手动移植使其支持WKT，GeoJSON和OpenLayers 3。

jsts官方文档：https://bjornharrtell.github.io/jsts/
openlayers文档中使用jsts示例：https://openlayers.org/en/latest/examples/jsts.html

npm安装

npm i jsts@2.9.3

jsts使用代码示例：

import {
    
    
	GeometryCollection,
	LineString,
	LinearRing,
	MultiLineString,
	MultiPoint,
	MultiPolygon,
	Point,
	Polygon,
} from 'ol/geom.js';
import {
    
    
	WKT
} from 'ol/format.js';
// 引入jsts
import * as jsts from 'jsts/dist/jsts.min.js';


	jstsPraser;

	format = new WKT();

	/**
	 * 初始化jsts的parser 
	 */
	innitParser() {
    
    
		const parser = new jsts.io.OL3Parser();
		parser.inject(
			Point,
			LineString,
			LinearRing,
			Polygon,
			MultiPoint,
			MultiLineString,
			MultiPolygon,
		);
		this.jstsPraser = parser;
	}

	/**
	 * 判断是不是简单图形
	 * @param feature
	 */
	isSimpleGeometry(feature) {
    
    
		return this.jstsPraser.read(feature.getGeometry()).isSimple();
	}

其他操作借鉴文档
jsts官方文档：https://bjornharrtell.github.io/jsts/