如何使用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