Remove personal Mapbox key

examples/tile-transitions.js

@@ -3,18 +3,24 @@ import TileLayer from '../src/ol/layer/Tile.js';
 import View from '../src/ol/View.js';
 import XYZ from '../src/ol/source/XYZ.js';
 
-const key =
-  'pk.eyJ1IjoidHNjaGF1YiIsImEiOiJjaW5zYW5lNHkxMTNmdWttM3JyOHZtMmNtIn0.CDIBD8H-G2Gf-cPkIuWtRg';
-const url =
-  'https://{a-c}.tiles.mapbox.com/v4/mapbox.world-bright/{z}/{x}/{y}.png?access_token=' +
-  key;
+const key = 'get_your_own_D6rA4zTHduk6KOKTXzGB';
+const attributions =
+  '<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> ' +
+  '<a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>';
+
+const url = 'https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=' + key;
 
 const withTransition = new TileLayer({
-  source: new XYZ({url: url}),
+  source: new XYZ({url: url, tileSize: 512, attributions: attributions}),
 });
 
 const withoutTransition = new TileLayer({
-  source: new XYZ({url: url, transition: 0}),
+  source: new XYZ({
+    url: url,
+    transition: 0,
+    tileSize: 512,
+    attributions: attributions,
+  }),
   visible: false,
 });