diff --git a/rendering/cases/layer-image-extent-rotation/main.js b/rendering/cases/layer-image-extent-rotation/main.js new file mode 100644 index 0000000000..2736a5beb3 --- /dev/null +++ b/rendering/cases/layer-image-extent-rotation/main.js @@ -0,0 +1,31 @@ +import Map from '../../../src/ol/Map.js'; +import View from '../../../src/ol/View.js'; +import Static from '../../../src/ol/source/ImageStatic.js'; +import { + get as getProjection, + transform, + transformExtent +} from '../../../src/ol/proj.js'; +import ImageLayer from '../../../src/ol/layer/Image.js'; +const center = transform([-122.416667, 37.783333], 'EPSG:4326', 'EPSG:3857'); +const extent = transformExtent([-123.1, 37.1, -122.1, 37.9], 'EPSG:4326', 'EPSG:3857'); + +new Map({ + pixelRatio: 1, + target: 'map', + layers: [new ImageLayer({ + source: new Static({ + url: '/data/tiles/osm/5/5/12.png', + imageExtent: transformExtent([-123, 37, -122, 38], 'EPSG:4326', 'EPSG:3857'), + projection: getProjection('EPSG:3857') + }), + extent + })], + view: new View({ + center, + zoom: 8, + rotation: Math.PI / 4 + }) +}); + +render();