Fix setStyle breaking with globe view (#11913)

* set draping for terrain

* use map option for terrain draping check

* move to one line

* wip: add render test

* fixed error with render test

* demonstrate issue with mercator

* fix background id to update in second setStyle call

* bring zoom out to show sphere

* Updating expected.png

* better readability

* fix conditional

* fix lint

Co-authored-by: Aidan H <[email protected]>

src/ui/map.js

@@ -1208,6 +1208,8 @@ class Map extends Camera {
             }
             this.style.applyProjectionUpdate();
             this._update(true);
+        } else if (this.transform.projection.requiresDraping && !this.getTerrain() && !this.style.stylesheet.terrain) {
+            this.style.setTerrainForDraping();
         }
 
         return this;

test/integration/render-tests/globe/globe-set-style/default/style.json

@@ -0,0 +1,60 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "height": 256,
+      "width": 256,
+      "operations": [
+        ["setStyle", {
+          "version": 8,
+          "projection": {"name": "globe"},
+          "sources": {
+            "mapbox": {
+              "type": "vector",
+              "maxzoom": 14,
+              "tiles": [
+                "local://tiles/{z}-{x}-{y}.mvt"
+              ]
+            }
+          },
+          "layers": [
+            {
+              "id": "background1",
+              "type": "background",
+              "paint": {
+                "background-color": "rgb(255,89,252)"
+              }
+            }
+          ]
+        }],
+        ["wait"],
+        ["setStyle", {
+          "version": 8,
+          "projection": {"name": "globe"},
+          "sources": {
+            "mapbox": {
+              "type": "vector",
+              "maxzoom": 14,
+              "tiles": [
+                "local://tiles/{z}-{x}-{y}.mvt"
+              ]
+            }
+          },
+          "layers": [
+            {
+              "id": "background2",
+              "type": "background",
+              "paint": {
+                "background-color": "rgb(17,207,20)"
+              }
+            }
+          ]
+        }],
+        ["wait"]
+      ]
+    }
+  },
+  "zoom": 1,
+  "sources": {},
+  "layers": []
+}