From 8de93330b57f5496fe95dd19c38b29b622cf0588 Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Wed, 8 Dec 2021 17:08:45 +0000
Subject: [PATCH 1/3] Use correct terrain-rgb tile size

---
 examples/disable-image-smoothing.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/examples/disable-image-smoothing.js b/examples/disable-image-smoothing.js
index 13d462ba6d..41318fbcea 100644
--- a/examples/disable-image-smoothing.js
+++ b/examples/disable-image-smoothing.js
@@ -15,7 +15,8 @@ const disabledLayer = new TileLayer({
     attributions: attributions,
     url:
       'https://api.maptiler.com/tiles/terrain-rgb/{z}/{x}/{y}.png?key=' + key,
-    maxZoom: 10,
+    tileSize: 512,
+    maxZoom: 12,
     crossOrigin: '',
     imageSmoothing: false,
   }),
@@ -36,7 +37,8 @@ const enabledLayer = new TileLayer({
     attributions: attributions,
     url:
       'https://api.maptiler.com/tiles/terrain-rgb/{z}/{x}/{y}.png?key=' + key,
-    maxZoom: 10,
+    tileSize: 512,
+    maxZoom: 12,
     crossOrigin: '',
   }),
 });

From db99de690321532bd0855e280fb3e2514107c5ef Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Wed, 8 Dec 2021 17:28:18 +0000
Subject: [PATCH 2/3] Use correct terrain-rgb tile size

---
 examples/sea-level.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/sea-level.js b/examples/sea-level.js
index 2c5100de4c..741107883c 100644
--- a/examples/sea-level.js
+++ b/examples/sea-level.js
@@ -30,7 +30,8 @@ const elevation = new TileLayer({
   source: new XYZ({
     url:
       'https://api.maptiler.com/tiles/terrain-rgb/{z}/{x}/{y}.png?key=' + key,
-    maxZoom: 10,
+    tileSize: 512,
+    maxZoom: 12,
     crossOrigin: '',
   }),
 });
@@ -52,6 +53,7 @@ const map = new Map({
         attributions: attributions,
         url: 'https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=' + key,
         tileSize: 512,
+        maxZoom: 22,
       }),
     }),
     new ImageLayer({

From 1cb646570286a8ea291d1dadf3df623a1d45d0c6 Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Wed, 8 Dec 2021 17:28:33 +0000
Subject: [PATCH 3/3] Update tile source maxZoom

---
 examples/webgl-sea-level.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/examples/webgl-sea-level.js b/examples/webgl-sea-level.js
index 4b34d003d0..bb300d5275 100644
--- a/examples/webgl-sea-level.js
+++ b/examples/webgl-sea-level.js
@@ -31,8 +31,8 @@ const layer = new TileLayer({
   source: new XYZ({
     url:
       'https://api.maptiler.com/tiles/terrain-rgb/{z}/{x}/{y}.png?key=' + key,
-    maxZoom: 10,
     tileSize: 512,
+    maxZoom: 12,
     crossOrigin: 'anonymous',
   }),
   style: {
@@ -58,6 +58,7 @@ const map = new Map({
         attributions: attributions,
         crossOrigin: 'anonymous',
         tileSize: 512,
+        maxZoom: 22,
       }),
     }),
     layer,