openlayers - 如何在地图上定位图像

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
            })
        });

图像当前显示，但位置错误。我们想使用与谷歌地图相同的坐标标准。

Answer 1

查看ol-ext GeoImage 源以在地图上显示图像。
该项目允许您参考图像并计算参数https://github.com/Viglino/Map-georeferencer