ol-mapbox-style Examples

To see the source code for the examples below, go to https://github.com/openlayers/ol-mapbox-style/tree/main/examples/.

• Mapbox (requires a Mapbox API token) – Vector tile map from Mapbox's Bright style
• Maptiler w/ hillshading (requires a Maptiler Cloud API token) – Hillshading map with Maptiler style sources
• Terrarium hillshading – Hillshading map using a Terrarium source
• OpenMapTiles (requires a Maptiler Cloud API token) – Vector tile map from OpenMapTiles's basic style
• GeoJSON – Map with a vector layer from GeoJSON
• GeoJSON with Hover Effect – Use feature-state for a hover effect
• Inline GeoJSON – Map with a vector layer from GeoJSON embedded in the style object
• GeoJSON WFS – Map with a vector layer from WFS
• OSM with WMS overlay – Map with two raster layers (OSM base map and WMS overlay)
• TileJSON – Map with a raster layer from a TileJSON definition
• TileJSON vector tiles – Vector tile map with a source from a TileJSON definition
• Esri vector tiles 4326 – MapTiler with custom projection
• Esri vector tiles with bad tile URLs – Esri vector tile map using the transformRequest option to fix tile urls.
• OpenMapTiles Layer (requires a Maptiler Cloud API token) – Vector tile layer from OpenMapTiles's basic style
• GeoJSON Layer – Vector layer from GeoJSON
• Style function – Low-level API for creating a style function from a Mapbox Style source
• Apply to a Layer Group – Apply style to a layer group instead of an entire map
• SDF Sprites (requires a Maptiler Cloud API token) – Handle SDF sprites instead of regular image
• PMTiles – Decode PMTiles on the client, using the pmtiles-protocol package