advice: masking an image using a geojson polygon

[joprice]

I'm having a bit of trouble wrapping my head around an approach to mask an image over the bounding box of a geojson object, where the image would be rendered only where the geojson polygon is defined. I started by using polygonCapMaterial, which looks great, but since my objects are MultiPolygon, they end up repeating the image instead of displaying a uniform image. II'm currently toying with customThreeObject, but the object ends up not hugging the surface of the globe by default, which I'm not yet sure how to accomplish. I also considered an approach where I use globe.gl to "pre-bake" the image, then add it as another layer, then set the opacity or clipping somehow, but also not sure how that would play out. Is there any goto approach for accomplishing this?

[vasturiano]

@joprice thanks for reaching out.

The way MultiPolygon objects are handled is that the same exact materials are applied to all the individual polygons in the group. There's currently no means to specify different materials for each sub-polygon.

What I would recommend to go around this is to transform your input data so that the various MultiPolygon items are converted to individual Polygon at the top level of your geojson. That way you'll be able to specify individual materials for each.