docsby gkjohnson

TilesAttributionOverlay

Displays attributions collected from the loaded tileset. Must be a child of TilesRenderer. Remaining props are passed to the underlying CanvasDOMOverlay element.

Showing the data attributions of the loaded tiles
import { Canvas } from '@react-three/fiber';
import { TilesRenderer, TilesPlugin, TilesAttributionOverlay } from '3d-tiles-renderer/r3f';
import { GoogleCloudAuthPlugin } from '3d-tiles-renderer/core/plugins';

function App() {

	return (
		<Canvas>
			<TilesRenderer>
				<TilesPlugin plugin={ GoogleCloudAuthPlugin } args={ { apiToken: 'YOUR_GOOGLE_API_KEY' } } />
				<TilesAttributionOverlay />
			</TilesRenderer>
		</Canvas>
	);

}
<TilesAttributionOverlay
	generateAttributions?: function
	style?: Object
	children?: ReactNode
/>
On this page

Props

generateAttributions?: function

Custom function to generate attribution elements. Receives the attributions array and the overlay element's unique id. Defaults to built-in rendering.

style?: Object

Style overrides applied to the overlay container.

children?: ReactNode

Additional content rendered above the attributions.