diff --git a/rendering/cases/icon-symbol/expected.png b/rendering/cases/icon-symbol/expected.png new file mode 100644 index 0000000000..5629baa58f Binary files /dev/null and b/rendering/cases/icon-symbol/expected.png differ diff --git a/rendering/cases/icon-symbol/index.html b/rendering/cases/icon-symbol/index.html new file mode 100644 index 0000000000..96cfb5a582 --- /dev/null +++ b/rendering/cases/icon-symbol/index.html @@ -0,0 +1,22 @@ + + + + + + +
+ + + + diff --git a/rendering/cases/icon-symbol/main.js b/rendering/cases/icon-symbol/main.js new file mode 100644 index 0000000000..44866172b2 --- /dev/null +++ b/rendering/cases/icon-symbol/main.js @@ -0,0 +1,44 @@ +import Map from '../../../src/ol/Map.js'; +import View from '../../../src/ol/View.js'; +import {Vector as VectorLayer, Tile as TileLayer} from '../../../src/ol/layer.js'; +import {Vector as VectorSource, OSM} from '../../../src/ol/source.js'; +import Point from '../../../src/ol/geom/Point.js'; +import Feature from '../../../src/ol/Feature.js'; +import {fromLonLat} from '../../../src/ol/proj.js'; +import {Style, Icon} from '../../../src/ol/style.js'; + +const center = fromLonLat([8.6, 50.1]); + +new Map({ + layers: [ + new TileLayer({ + source: new OSM() + }), + new VectorLayer({ + style: function() { + return new Style({ + image: new Icon({ + src: '/data/icon.png', + anchor: [0.5, 46], + anchorXUnits: 'fraction', + anchorYUnits: 'pixels' + }) + }); + }, + source: new VectorSource({ + features: [ + new Feature( + new Point(center) + ) + ] + }) + }) + ], + target: 'map', + view: new View({ + center: center, + zoom: 3 + }) +}); + +render(); diff --git a/rendering/data/icon.png b/rendering/data/icon.png new file mode 100644 index 0000000000..ed886623d5 Binary files /dev/null and b/rendering/data/icon.png differ diff --git a/test/rendering/ol/style/expected/icon-canvas.png b/test/rendering/ol/style/expected/icon-canvas.png deleted file mode 100644 index b15cc13994..0000000000 Binary files a/test/rendering/ol/style/expected/icon-canvas.png and /dev/null differ diff --git a/test/rendering/ol/style/icon.test.js b/test/rendering/ol/style/icon.test.js index 07013b69d8..a901d436b9 100644 --- a/test/rendering/ol/style/icon.test.js +++ b/test/rendering/ol/style/icon.test.js @@ -66,14 +66,6 @@ describe('ol.rendering.style.Icon', function() { img.src = src; } - it('tests the canvas renderer', function(done) { - createMap('canvas'); - createFeatures('rendering/ol/data/icon.png', imgInfo, function() { - expectResemble(map, 'rendering/ol/style/expected/icon-canvas.png', - IMAGE_TOLERANCE, done); - }); - }); - it('scales svg correctly in the canvas renderer', function(done) { createMap('canvas', 512, 512); createFeatures('rendering/ol/data/me0.svg', {