Ich habe dieses Problem bereits seit einiger Zeit untersucht, da ich eine Anwendung entwickelt habe, mit der der Benutzer ein Rechteck für den Interessenbereich entweder über eine DragBox-Aktion oder durch Zeichnen von vom Benutzer eingegebenen Ausdehnungspunkten erstellen kann. Als ich mit diesem Abenteuer anfing, war ich für OpenLayers völlig neu. Das Problem mit den manuell eingegebenen Ausdehnungspunkten war, dass das gezeichnete Rechteck um die Welt herum falsch gezeichnet würde, wenn AOI die internationale Datenlinie abdeckte. Zahlreiche StackExchange-Benutzer haben nach diesem Problem gefragt, nur um von einem OpenLayers-Antwortenden zu erfahren, dass (und ich umschreibe es hier) "OpenLayers keine Möglichkeit hat, die Richtungsabsicht der zu zeichnenden Punkte zu kennen, so dass sie standardmäßig ...". Ähm, ich muss das BS-Flag für diese Antwort setzen, da ich jetzt genug über OpenLayers gelernt habe, um gefährlich zu sein, und dieses Problem ist mir passiert. Das Problem, das ich mit ihrer Antwort habe, ist, dass ich die Koordinaten für eine Ausdehnung lade, die per Definition die Längen- und Breitengrade oben rechts sowie die Längen- und Breitengrade unten links angibt. Liegt der obere rechte Längengrad auf der Westseite der IDL und der untere linke Längengrad auf der Ostseite der IDL, ist es ziemlich offensichtlich, auf welche Weise der Benutzer das Polygon zeichnen möchte, und dennoch besteht OpenLayers darauf, die Längswerte und das Zeichnen zu vertauschen das Polygon den falschen Weg um die Welt. Ein Beispiel für die Extent-Deklaration und den problematischen OpenLayers-Methodenaufruf ist unten dargestellt. Liegt der obere rechte Längengrad auf der Westseite der IDL und der untere linke Längengrad auf der Ostseite der IDL, ist es ziemlich offensichtlich, auf welche Weise der Benutzer das Polygon zeichnen möchte, und dennoch besteht OpenLayers darauf, die Längswerte und das Zeichnen zu vertauschen das Polygon den falschen Weg um die Welt. Ein Beispiel für die Extent-Deklaration und den problematischen OpenLayers-Methodenaufruf ist unten dargestellt. Liegt der obere rechte Längengrad auf der westlichen Seite der IDL und der untere linke Längengrad auf der östlichen Seite der IDL, ist es ziemlich offensichtlich, auf welche Weise der Benutzer das Polygon zeichnen möchte, und dennoch besteht OpenLayers darauf, die Längenwerte und das Zeichnen zu vertauschen das Polygon den falschen Weg um die Welt. Ein Beispiel für die Extent-Deklaration und den problematischen OpenLayers-Methodenaufruf ist unten dargestellt.
// I would start out with the following entered values as an example
lonLL = 175.781; // minX
latLL = 13.992; // minY
lonUR = -165.937;// maxX
latUR = 25.945; // maxY
// I would then make the following call
var manCoordEntryExtent = ol.extent.boundingExtent([[lonLL,latLL], [lonUR, latUR]]);
// Looking at the resulting structure in the debugger I get:
0: -165.937 // minX
1: 13.992 // minY
2: 175.781 // maxX
3: 25.945 // maxY
length: 4
__proto__: []
Wie Sie sehen können, werden die Längenkoordinaten umgekehrt und so entsteht nach dem Erstellen der vollständigen Koordinatenstruktur ein Polygon. ein polygonFeature und wenden Sie dieses Feature dann auf einen Vektor an und zeichnen Sie es schließlich nur, um festzustellen, dass das Polygon um die Welt in die falsche Richtung verläuft.
Ich musste herausfinden, warum dies geschah, also habe ich mich mit dieser ol.extent.boundingExtent-Methode in der OpenLayers 4-Bibliothek befasst.
/**
* Build an extent that includes all given coordinates.
*
* @param {Array.<ol.Coordinate>} coordinates Coordinates.
* @return {ol.Extent} Bounding extent.
* @api
*/
ol.extent.boundingExtent = function(coordinates) {
var extent = ol.extent.createEmpty();
for (var i = 0, ii = coordinates.length; i < ii; ++i) {
ol.extent.extendCoordinate(extent, coordinates[i]);
}
return extent;
};
It first calls ol.extent.createEmpty to initially create an extent structure
/**
* Create an empty extent.
* @return {ol.Extent} Empty extent.
* @api
*/
ol.extent.createEmpty = function() {
return [Infinity, Infinity, -Infinity, -Infinity];
};
// It then iterates thru the number of coordinates and fills in the extent structure values, however...
// Here is where the problem is. Notice the complete lack of any explanation as to what the hell this
// method is doing. Why is it doing what it does? All I know is that it cannot handle plots across
// the IDL and it corrupts your extent structure if you try.
/**
* @param {ol.Extent} extent Extent.
* @param {ol.Coordinate} coordinate Coordinate.
*/
ol.extent.extendCoordinate = function(extent, coordinate) {
if (coordinate[0] < extent[0]) {
extent[0] = coordinate[0];
}
if (coordinate[0] > extent[2]) {
extent[2] = coordinate[0];
}
if (coordinate[1] < extent[1]) {
extent[1] = coordinate[1];
}
if (coordinate[1] > extent[3]) {
extent[3] = coordinate[1];
}
};
// The solution was for me to test for IDL myself and if found then create an empty extent and populate it myself manually.
// Using the same extent coordinates as before
lonLL = 175.781; // minX
latLL = 13.992; // minY
lonUR = -165.937;// maxX
latUR = 25.945; // maxY
// I test for Dateline instance (Dont have to worry about the potential of there being a polygon covering both Meridian
// and Anti-meridian as a valid polygon is limited to a maximum size of just over 12 million square kilometers.)
if ((lonLL > 0.0) && (lonUR < 0.0)) {
// Manually build the coordinates for the Area calculation as the boundingExtent
// codepath corrupts an extent to be plotted across the Dateline
var manCoordEntryExtent = ol.extent.createEmpty();
manCoordEntryExtent[0] = lonLL;
manCoordEntryExtent[1] = latLL;
manCoordEntryExtent[2] = lonUR + 360.0;
manCoordEntryExtent[3] = latUR;
} else {
var manCoordEntryExtent = ol.extent.boundingExtent([[lonLL,latLL], [lonUR, latUR]]);
}
// Looking at the resulting structure in the debugger I get:
0: 175.781 // minX
1: 13.992 // minY
2: 194.063 // maxX
3: 25.945 // maxY
length: 4
__proto__: []
Mein Code berechnet die Fläche dynamisch, damit ich feststellen kann, ob der Benutzer ein AOI-Polygon mit gültiger Größe erstellt hat. Wenn ich eine DragBox-generierte Auswahl bearbeite, fordere ich die Koordinaten der resultierenden Geometriestruktur an und für eine EPSG: 4326-Projektion, wenn Koordinaten aus einer umhüllten Welt zurückgegeben werden, erhöhen sich die Koordinaten nach den ersten 180,0 Grad weiter 360,0 - 165,937 = 194,063. Mein Flächenberechnungs-Codepfad verwendet den folgenden IDL-Test. Um denselben Codepfad für die manuell eingegebenen Koordinaten zu verwenden, musste ich den Koordinatenwert so simulieren, als ob er vom DragBox-Aufruf getGeometry zurückgegeben worden wäre. Ich teste gerade eine GEOJSON-Polygonstruktur, die ein dreidimensionales Array ist, wobei die erste Dimension die Ringzahl ist.
function getArea(coords, extent) {
// Test for Western side of Dateline instance
if (((coords[0][0][0] <= -180.0) && (coords[0][2][0] > -180.0)) ||
// Test for Eastern side of Dateline instance
((coords[0][0][0] < 180.0) && (coords[0][2][0] >= 180.0))) {
.
.
.
Wenn diese Tests zu diesem Zeitpunkt erfolgreich sind, verwendet der Code den von mir entwickelten Algorithmus, um die Fläche über der IDL zu berechnen.
In dieser Ausdehnung erstelle ich dann ein Polygon, dann ein polygonFeature, wende dieses Feature auf einen Vektor an und zeichne es schließlich und dieses Mal richtig. Also das Update, das ich mir ausgedacht habe, um das Problem mit der Flächenberechnung zu lösen, das ich auch beim Plotten hatte.
Vielleicht hilft diese Lösung jemand anderem oder bringt ihn dazu, in eine andere Richtung zu denken. Die Lösung kam zu mir, als ich das Problem der IDL in zwei Punkte aufteilen konnte. Die tatsächliche Flächenberechnung war ein Problem, das andere war das Zeichnen des Polygons über der IDL.