Maps Examples
Find an example that can help you integrate your own solution.
display a map example
Display a Map
Initialize an S2 Maps GPU Object.
quick-start
easy
map
Effort:
s2json
S2 JSON
Import S2JSON into Your Project.
s2json
chloropleth
source
Effort:
heatmap
Heatmap
Use heatmaps in your project.
heatmap
layer
source
Effort:
interactive glyphs
Interactive Glyphs
Use interactive glyph objects.
interactive
glyphs
Effort:
invert
Invert a Layer
Invert a polygon/fill type layer.
invert
layer
fill
Effort:
land points
Points for Land
Land as points example.
points
countries
Effort:
moon
Moon Data
Use a collection of moon datasets.
moon
raster
craters
Effort:
range
Range Based Dataset
Properly display size and color using data-conditions.
points
data condition
s2json
Effort:
raster
Raster
Use raster data.
raster
modis
background
Effort:
tissots
Tissots
Visualize tissots indicatrix on the S2 Maps GL engine.
tissots
s2json
points
Effort:
countries
Interactive Analytics
Interact with the map to see which countries have visted your site.
analytics
fills
interactive
Effort:
cloudflare
Cloudflare Nodes
Interact with active nodes for more information.
cloudflare
points
interactive
Effort:
sprites
Use a Sprite Sheet
Apply an image instead of MTSDF for a glyph icon.
sprites
image
collision
Effort:
geojson
Use GeoJSON data
Draw geojson data to the screen
wm
geojson
Effort:
cluster
Clustering Points
Given point data, merge points for each zoom.
wm
geojson
cluster
Effort:
pattern
Pattern
Utilize an image as a fill pattern.
image
fill
pattern
Effort:
invert-pattern
Invert Pattern
Utilize an image as a fill pattern but inverted.
image
invert
pattern
Effort:
hillshade
RGB Raster Hillshade
Use any DEM raster to create a hillshade effect.
wm
raster
hillshade
Effort:
glyphSubstitution
Glyph Substitution Cases
Handle various/complex unicode cases.
substitute
experimental
glyphs
Effort:
markers
Set a Marker
Utilize internal marker API to add and remove markers.
markers
points
API
Effort:
nestedProperties
Access Nested Properties
Learn to access values nested in the object.
nested
inputValue
style
Effort:
maplibre
Use a Maplibre Style via a Plugin
Convert a Maplibre style to an S2 style.
maplibre
plugin
beta
Effort:
glyphsPath
Glyphs along a Path
Draw Glyphs along Lines or Polygons
glyphs
paths
beta
Effort: