Show image source on horizontally wrapped worlds (#4555)

Closes #4551

src/geo/transform.js

@@ -140,6 +140,25 @@ class Transform {
         );
     }
 
+    /**
+     * Return any "wrapped" copies of a given tile coordinate that are visible
+     * in the current view.
+     *
+     * @private
+     */
+    getVisibleWrappedCoordinates(tileCoord) {
+        const ul = this.pointCoordinate(new Point(0, 0), 0);
+        const ur = this.pointCoordinate(new Point(this.width, 0), 0);
+        const w0 = Math.floor(ul.column);
+        const w1 = Math.floor(ur.column);
+        const result = [tileCoord];
+        for (let w = w0; w <= w1; w++) {
+            if (w === 0) continue;
+            result.push(new TileCoord(tileCoord.z, tileCoord.x, tileCoord.y, w));
+        }
+        return result;
+    }
+
     /**
      * Return all coordinates that could cover this transform for a covering
      * zoom level.

src/source/source_cache.js

@@ -327,7 +327,7 @@ class SourceCache extends Evented {
         if (!this.used) {
             visibleCoords = [];
         } else if (this._source.coord) {
-            visibleCoords = [this._source.coord];
+            visibleCoords = transform.getVisibleWrappedCoordinates(this._source.coord);
         } else {
             visibleCoords = transform.coveringTiles({
                 tileSize: this._source.tileSize,

test/integration/render-tests/regressions/mapbox-gl-js#4551/style.json

@@ -0,0 +1,35 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "skipped": {
+        "native": "https://github.com/mapbox/mapbox-gl-native/issues/1350"
+      },
+      "width": 128,
+      "height": 64
+    }
+  },
+  "center": [-180, 0],
+  "sources": {
+    "image": {
+      "type": "image",
+      "coordinates": [
+        [ -180, 45 ],
+        [ 180, 45 ],
+        [ 180, -45 ],
+        [ -180, -45 ]
+      ],
+      "url": "local://image/0.png"
+    }
+  },
+  "layers": [
+    {
+      "id": "image",
+      "type": "raster",
+      "source": "image",
+      "paint": {
+        "raster-fade-duration": 0
+      }
+    }
+  ]
+}