docs/api-reference/carto/quadbin-tile-layer.md
QuadbinTileLayer is a layer for visualizing tiled data described using the Quadbin Spatial Index.
import {DeckGL} from '@deck.gl/react';
import {QuadbinTileLayer} from '@deck.gl/carto';
import {quadbinTilesetSource} from '@carto/api-client';
function App({viewState}) {
const data = quadbinTilesetSource({
accessToken: 'XXX',
connectionName: 'carto_dw',
tableName: 'carto-demo-data.demo_tilesets.quadbin'
});
const layer = new QuadbinTileLayer({
data,
getFillColor: d => d.properties.color
})
return <DeckGL viewState={viewState} layers={[layer]} />;
}
To install the dependencies from NPM:
npm install deck.gl
# or
npm install @deck.gl/core @deck.gl/layers @deck.gl/carto
import {QuadbinTileLayer} from '@deck.gl/carto';
new QuadbinTileLayer({});
To use pre-bundled scripts:
<script src="https://unpkg.com/deck.gl@^9.0.0/dist.min.js"></script>
<script src="https://unpkg.com/@deck.gl/carto@^9.0.0/dist.min.js"></script>
<!-- or -->
<script src="https://unpkg.com/@deck.gl/core@^9.0.0/dist.min.js"></script>
<script src="https://unpkg.com/@deck.gl/layers@^9.0.0/dist.min.js"></script>
<script src="https://unpkg.com/@deck.gl/geo-layers@^9.0.0/dist.min.js"></script>
<script src="https://unpkg.com/@deck.gl/carto@^9.0.0/dist.min.js"></script>
new deck.carto.QuadbinTileLayer({});
Inherits all properties from QuadkeyLayer and TileLayer, with exceptions and additions noted below.
data (TilejsonResult) {#data}Required. A valid TilejsonResult object.
Use one of the following Data Sources to fetch this from the CARTO API:
getQuadbin (Accessor<BigInt>, optional) {#getquadbin}Note that the getQuadkey accessor is replaced with getQuadbin.
Called for each data object to retrieve the quadbin bigint identifier.
object => object.quadbin