Как разместить изображение на карте

Question

Я пытаюсь расположить изображение на карте, но не могу понять, что означают значения положения, мне очень трудно получить правильное положение изображения.

Ниже приведено код, который я использую.

const imageExtent: any = [10, 10, 10, 10];

        this.map = new Map({
            target: 'map',
            interactions: defaultInteractions().extend([new DragRotateAndZoom()]),
            layers: [
                new TileLayer({
                    source: new OSM()
                }),
                new ImageLayer({
                    source: new Static({
                        url: 'https://www.petmd.com/sites/default/files/small-kitten-walking-towards_127900829_0.jpg',
                        crossOrigin: '',
                        projection: 'EPSG:4326',
                        imageExtent
                    })
                })
            ],
            view: new View({
                center: fromLonLat([15, 50]),
                zoom: 16
            })
        });

Изображение в настоящее время показывает, но в неправильном положении. Мы хотели бы использовать тот же стандарт координат, что и в Картах Google.

Answer 1

Посмотрите на ol-ext источник GeoImage для отображения изображений на карте.
Этот проект позволяет вам ссылаться на изображение и вычислять параметры https://github.com/Viglino/Map-georeferencer