Map Layers Kit

Composable map layers: heatmaps, clusters, polygons, tracks.

Clustering

0/5 complete

Layer Rendering Steps

Load base tilesFetch satellite imagery tiles500ms

Render heatmapGenerate density heatmap overlay1200ms

Cluster markersGroup nearby points into clusters800ms

Draw polygonsRender zone boundary polygons600ms

Overlay tracksDraw trajectory polylines500ms

Integration Code

import { createMapLayers } from 'agent-tools-kit/spatial'

const layers = createMapLayers({
  baseMap: 'satellite',
  clustering: true,
})

layers.addHeatmap({
  data: points,
  intensity: 0.8,
  radius: 30,
})

layers.addCluster({
  data: markers,
  minZoom: 3,
  maxZoom: 18,
})

layers.addPolygon({
  vertices: zoneBounds,
  fill: 'rgba(0,120,255,0.2)',
  stroke: '#0078FF',
})

layers.addTrack({
  points: trajectory,
  color: '#FF6B35',
  width: 2,
})