Use local data for rendering tests

rendering/cases/icon-symbol/main.js

@@ -1,7 +1,7 @@
 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 {Vector as VectorSource, XYZ} 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';
@@ -12,7 +12,9 @@ const center = fromLonLat([8.6, 50.1]);
 new Map({
   layers: [
     new TileLayer({
-      source: new OSM()
+      source: new XYZ({
+        url: '/data/tiles/satellite/{z}/{x}/{y}.jpg'
+      })
     }),
     new VectorLayer({
       style: function() {

rendering/cases/multiple-layers/main.js

@@ -1,7 +1,7 @@
 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 {Vector as VectorSource, XYZ} 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';
@@ -11,7 +11,9 @@ const center = fromLonLat([-111, 45.7]);
 new Map({
   layers: [
     new TileLayer({
-      source: new OSM()
+      source: new XYZ({
+        url: '/data/tiles/satellite/{z}/{x}/{y}.jpg'
+      })
     }),
     new VectorLayer({
       source: new VectorSource({
@@ -26,7 +28,7 @@ new Map({
   target: 'map',
   view: new View({
     center: center,
-    zoom: 4
+    zoom: 3
   })
 });
 

rendering/cases/rotated-view/main.js

@@ -1,7 +1,7 @@
 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 {Vector as VectorSource, XYZ} 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';
@@ -11,7 +11,9 @@ const center = fromLonLat([-111, 45.7]);
 new Map({
   layers: [
     new TileLayer({
-      source: new OSM()
+      source: new XYZ({
+        url: '/data/tiles/satellite/{z}/{x}/{y}.jpg'
+      })
     }),
     new VectorLayer({
       source: new VectorSource({
@@ -26,7 +28,7 @@ new Map({
   target: 'map',
   view: new View({
     center: center,
-    zoom: 4,
+    zoom: 3,
     rotation: Math.PI / 4
   })
 });

rendering/cases/single-layer/main.js

@@ -1,12 +1,14 @@
 import Map from '../../../src/ol/Map.js';
 import View from '../../../src/ol/View.js';
 import TileLayer from '../../../src/ol/layer/Tile.js';
-import OSM from '../../../src/ol/source/OSM.js';
+import XYZ from '../../../src/ol/source/XYZ.js';
 
 new Map({
   layers: [
     new TileLayer({
-      source: new OSM()
+      source: new XYZ({
+        url: '/data/tiles/satellite/{z}/{x}/{y}.jpg'
+      })
     })
   ],
   target: 'map',