Raster Tile Source

A raster-tile source describes raster imagery tiles (XYZ or TMS). Render it with a raster layer.

Properties

Property	Type	Default	Description
type	"raster-tile"	(required)	Source type.
url	string	(required)	Tile URL template (contains {z}/{x}/{y}).
tms	boolean	false	Whether the tile scheme is flipped along the Y axis (TMS).
minZoom	number	0	Minimum zoom level tiles are provided for.
maxZoom	number	20	Maximum zoom level new tiles are requested for.
overscaledMaxZoom	number	24	Maximum zoom overscaled (stretched-parent) tiles are used up to.

Example

import ThreeView from "@navaramap/three";

const imagery = view.addSource({
  type: "raster-tile",
  url: "https://example.com/{z}/{x}/{y}.png",
  maxZoom: 19,
});

view.addLayer({ type: "raster", source: imagery });

// Style the raster imagery with `raster`.
view.addLayer({ type: "raster", source: imagery, raster: { opacity: 0.8 } });

Related Resources

• About Source
• RasterMaterial — raster layer rendering options