如何使用JSTS Library计算Google Maps API中的交叉区域？

Question

我正在计算两个三角形之间的交点的面积。 我发现JSTS Topology Suite有一个Geometry class其中一种方法intersection()。 我试过JSFiddle和我的本地计算机，但我得到了Uncaught TypeError: undefined is not a function。 JSTS还有一个example。在这里你可以看到代码。 我的代码看起来的jsfiddle相同：

var union = triangleCoords.union(secondTriangleCoords); 
var intersection = triangleCoords.intersection(secondTriangleCoords); 
console.log('Intersection ' + intersection); 
google.maps.geometry.spherical.computeArea(intersection); 

有，我应该也做了转换？

Answer 1

一般的答案是您需要将google.maps.Polygon对象转换为jsts.geom.Geometry对象，然后运行联合。如果要在Google Maps JavaScript API v3地图上显示结果，则需要将返回的jsts.geom.Geometry对象转换回google.maps.Polygon。

此代码（来自this question）转换的路径成jstsPolygon：

var coordinates = googleMaps2JTS(googlePolygonPath); 
var geometryFactory = new jsts.geom.GeometryFactory(); 
var shell = geometryFactory.createLinearRing(coordinates); 
var jstsPolygon = geometryFactory.createPolygon(shell); 

像这样：

var geometryFactory = new jsts.geom.GeometryFactory(); 

var trito = bermudaTriangle.getPath(); 
var tritoCoor = googleMaps2JTS(trito); 
var shell = geometryFactory.createLinearRing(tritoCoor); 

var trito2 = secondBermuda.getPath(); 
var tritoCoor2 = googleMaps2JTS(trito2); 
var shell2 = geometryFactory.createLinearRing(tritoCoor2); 

var jstsPolygon = geometryFactory.createPolygon(shell); 
var jstsPolygon2 = geometryFactory.createPolygon(shell2); 

var intersection = jstsPolygon.intersection(jstsPolygon2); 

jsfiddle

要使用computeArea方法的结果，虽然，您需要将其转换回数组或MVCrray的google.maps.LatLng对象（computeArea(path:Array.|MVCArray., radius?:number)）

或者您可以使用[jsts.geom.Polygon.getArea]（http://bjornharrtell.github.io/jsts/doc/api/symbols/jsts.geom.Polygon.html#getArea）方法。

working fiddle使用jsts方法的三角形，联合和交叉区域。

代码的结果转换回google.maps.LatLng和google.maps.Polygon对象：

var jsts2googleMaps = function (geometry) { 
    var coordArray = geometry.getCoordinates(); 
    GMcoords = []; 
    for (var i = 0; i < coordArray.length; i++) { 
    GMcoords.push(new google.maps.LatLng(coordArray[i].x, coordArray[i].y)); 
    } 
    return GMcoords; 
} 

var intersectionGMArray = jsts2googleMaps(intersection); 

然后拿到区：

var intersectionGMarea = google.maps.geometry.spherical.computeArea(intersectionGMArray); 

working fiddle