Openlayers Statisches Bild ⇐ JavaScript

[Anonymous]

Ich habe ein Problem und bin irgendwie blockiert. Also helfen Sie mir bitte, es scheint, dass mir etwas fehlt.
Einführung: Der Kunde möchte also ein statisches Bild der Welt verwenden, ohne eine Verbindung zum Tilserver herzustellen.
Wir haben das Bild vorbereitet (8192*5461)


Und während der Punktzuordnung haben wir Ich habe festgestellt, dass die kartierten Punkte weit daneben liegen.
(Beispiel: Japan ist 37,436, 139,30)


Gleiches gilt für andere Standorte.
Meine Implementierung ist wie folgt, was fehlt mir:

Code: Select all

const imageGeoExtent = [-180, -90, 180, 90];

const projection = new Projection({
code: 'static-image-deg',
units: 'degrees',
global: true,
extent: imageGeoExtent,
});

const imageLayer = new ImageLayer({
source: new Static({
url: 'assets/images/map_full__mid_res.webp',
projection: projection,
imageExtent: imageGeoExtent,
}),
zIndex: 0,
});

this.map = new Map({
target: targetId,
layers: [imageLayer, this.vectorLayer],
view: new View({
projection: projection,
zoom: 0,
center: getCenter(imageGeoExtent),
minZoom: this.minZoom,
maxZoom: this.maxZoom,
}),
interactions: defaultInteractions({
mouseWheelZoom: false,
doubleClickZoom: false,
pinchZoom: false,
}),
});

Bei Karten mit höherer Auflösung ist es noch schlimmer