fix(layers): correctly identify elevationData strings using TMS (#9712)

Author: timnyborg

docs/api-reference/geo-layers/terrain-layer.md

@@ -6,7 +6,7 @@ import {TerrainLayerDemo} from '@site/src/doc-demos/geo-layers';
 
 The `TerrainLayer` reconstructs mesh surfaces from height map images, e.g. [Mapzen Terrain Tiles](https://github.com/tilezen/joerd/blob/master/docs/formats.md), which encodes elevation into R,G,B values.
 
-When `elevationData` is supplied with a URL template, i.e. a string containing `'{x}'` and `'{y}'`, it loads terrain tiles on demand using a `TileLayer` and renders a mesh for each tile. If `elevationData` is an absolute URL, a single mesh is used, and the `bounds` prop is required to position it into the world space.
+When `elevationData` is supplied with a URL template, i.e. a string containing `'{x}'` and `'{y}'` (or `'{-y}'` for TMS tiles), it loads terrain tiles on demand using a `TileLayer` and renders a mesh for each tile. If `elevationData` is an absolute URL, a single mesh is used, and the `bounds` prop is required to position it into the world space.
 
 
 import Tabs from '@theme/Tabs';

modules/geo-layers/src/terrain-layer/terrain-layer.ts

@@ -135,9 +135,7 @@ export default class TerrainLayer<ExtraPropsT extends {} = {}> extends Composite
     if (elevationDataChanged) {
       const {elevationData} = props;
       const isTiled =
-        elevationData &&
-        (Array.isArray(elevationData) ||
-          (elevationData.includes('{x}') && elevationData.includes('{y}')));
+        elevationData && (Array.isArray(elevationData) || isTileSetURL(elevationData));
       this.setState({isTiled});
     }
 
@@ -355,3 +353,6 @@ export default class TerrainLayer<ExtraPropsT extends {} = {}> extends Composite
     );
   }
 }
+
+const isTileSetURL = (url: string): boolean =>
+  url.includes('{x}') && (url.includes('{y}') || url.includes('{-y}'));