Leaflet Image Overlay (Floor Plan)

An image-overlay map that uses Leaflet's CRS.Simple coordinate system to display a floor plan, blueprint, schematic, indoor map, sports-arena diagram, or game map as an interactive zoomable canvas — no real-world tiles, no Mercator distortion, just a single image as the entire 'w

Template details

  • map
  • image-overlay
  • floor-plan
  • indoor
  • leaflet
  • crs-simple

When to use this template

This visualization makes obvious the spatial distribution and relationships of discrete data points or areas within a fixed, non-geographic context. An analyst would reach for it to annotate, track, or analyze events, objects, or conditions directly on a static diagram, blueprint, or schematic, enabling interactive exploration of specific points of interest.

  • Datasets containing custom X, Y coordinates relative to an image origin
  • Point-level data requiring precise placement on a non-geographic diagram
  • Categorical attributes for labeling distinct areas or objects on a plan
  • Numerical metrics associated with specific points or regions for comparison
  • Polygonal data defining boundaries of rooms, zones, or features
  • Event logs tied to fixed locations within an indoor or schematic environment

Browse all Koan templates