Using TerrainExtension with Google 3D tiles and Mapbox

[joedjc]

I'm trying to use TerrainExtension to overlay GeoJSON or MVTs onto Google 3D tiles.

I appreciate this is new and experimental so i'm not sure if this should work and if not whether it may be supported in future.

I'm trying to add MapboxLayers with TerrainExtension but they don't display on the map.

Here is the code:

`// Add Google 3D tiles as interleaved mapbox layer

map.addLayer(new MapboxLayer({
id: 'deckgl-3d',
type: Tile3DLayer,
data: TILESET_URL,
onTilesetLoad: tileset3d => {
tileset3d.options.onTraversalComplete = selectedTiles => {
const uniqueCredits = new Set();
selectedTiles.forEach(tile => {
const {copyright} = tile.content.gltf.asset;
copyright.split(';').forEach(uniqueCredits.add, uniqueCredits);
});
setCredits([...uniqueCredits].join('; '));
return selectedTiles;
};
},
loadOptions: {
fetch: {headers: {'X-GOOG-API-KEY': GOOGLE_MAPS_API_KEY}}
},
operation: 'terrain+draw'
}))

// Add a GeoJSON layer using TerrainExtension

map.addLayer(new MapboxLayer({
id: 'lines',
type: GeoJsonLayer,
data: geojson,
extensions: [new TerrainExtension()],
stroked: true,
filled: true,
getLineColor: [255, 160, 122,255],
getFillColor: [255, 160, 122,255],
getLineWidth:50
}))`

I am also trying to understand if I could drape MVTLayer as well as GeoJSON in the same way.

[Pessimistress]

Yes, TerrainExtension is supposed to work with both MVTLayer and GeoJsonLayer. If you need help please create a Codepen/CodeSandbox that reproduces your issue.

[chrisgervang]

I'm able to reproduce this draping issue with the terrain extension using the interleaved approach. It doesn't appear to drape.

[bobfortin64]

did you try: terrainDrawMode: 'drape' on your geojson layer?

[LuckDogHu]

@joedjc I also encountered the same problem, how can I solve this problem

[taylorwebber]

@chrisgervang any update on addressing this?

I'm currently running into the same issue.

[rbraggaar]

terrainDrawMode: 'drape' does not fix the issue