anymap-ts

Interactive TypeScript Examples for Web Mapping

MapLibre GL JS

Basic Example

Vector maps with draw controls, markers, GeoJSON layers, and layer control.

Default Renderer

COG Layer

Cloud Optimized GeoTIFF visualization with NLCD 2024 Land Cover dataset.

Raster30m

Arc Layer

Great-circle arcs connecting city pairs with deck.gl ArcLayer.

Deck.gl3D

Point Cloud Layer

3D point cloud visualization using deck.gl PointCloudLayer.

Point CloudDeck.gl

Trips Layer

Animated trip trails using deck.gl TripsLayer with waypoint timestamps.

AnimationDeck.gl

Zarr Layer

Multi-dimensional Zarr datasets with climate, ocean, and burn probability data.

Scientific4D

Scatterplot Layer

GPU-accelerated point visualization with deck.gl ScatterplotLayer.

Deck.glPoints

Hexagon Layer

3D hexagonal binning aggregation for point density visualization.

Deck.glAggregation

Heatmap Layer

Density visualization with deck.gl HeatmapLayer for point data.

Deck.glDensity

Path Layer

Multi-vertex path visualization with deck.gl PathLayer for routes.

Deck.glRoutes

Bitmap Layer

Display raster images as map overlays using deck.gl BitmapLayer.

Deck.glRaster

Column Layer

3D column/bar visualization with extruded cylinders at data points.

Deck.gl3D

Terrain Layer

3D terrain visualization using elevation tiles with satellite texture.

Deck.glTerrain

Great Circle Layer

Geodesic arcs showing shortest paths between world locations.

Deck.glGeodesic

H3 Hexagon Layer

Uber H3 spatial index visualization with extruded hexagonal cells.

Deck.glH3

Tile Layer

Generic tile layer for custom raster tile sources.

Deck.glTiles

MVT Layer

Mapbox Vector Tiles rendering with deck.gl MVTLayer.

Deck.glVector

3D Tiles Layer

OGC 3D Tiles support for buildings and massive point clouds.

Deck.gl3D Tiles

Grid Cell Layer

Regular grid cell rendering with 3D extrusion support.

Deck.glGrid

Solid Polygon Layer

Filled polygon rendering with 3D extrusion for building footprints.

Deck.glPolygon

S2 Layer

Google S2 geometry cells for spatial indexing visualization.

Deck.glS2

Quadkey Layer

Bing Maps quadkey tile indexing visualization.

Deck.glQuadkey

Geohash Layer

Geohash spatial indexing cells with 3D extrusion.

Deck.glGeohash

H3 Cluster Layer

H3 hexagon clustering for grouped spatial data.

Deck.glCluster

WMS Layer

Web Map Service integration for standard OGC services.

Deck.glWMS

Simple Mesh Layer

3D mesh geometry rendering at geographic locations.

Deck.glMesh

Scenegraph Layer

glTF 3D models placed on the map with animations.

Deck.glglTF

GeoJSON Layer

Render GeoJSON features with points, lines, and polygons using deck.gl.

Deck.glVector

Icon Layer

Custom marker icons with sprite atlas and dynamic styling.

Deck.glMarkers

Polygon Layer

Filled and stroked polygon visualization with 3D extrusion support.

Deck.gl3D

Text Layer

Dynamic text labels with custom fonts, sizes, and rotation.

Deck.glLabels

Contour Layer

Density isolines with customizable thresholds and colors.

Deck.glAggregation